/* Proportional desktop displays; touch layouts retain their existing sizing. */
@media (min-width:1024px) {
  .wrap {max-width:1200px;}
  .site-header {max-width:1200px;}
  .hero {max-width:1200px;column-gap:44px;padding-top:44px;}
  .hero h1 {font-size:clamp(50px,4.7vw,64px);line-height:1.1;}
  .hero-copy {padding-top:20px;min-width:0;}
  .hero .art-frame {height:520px;}
  .hero-description {line-height:1.7;}
  .hero-note {margin-top:32px;}
  .book-promo-heading,.book-promo-frame,.book-promo-footer {max-width:1000px;margin-left:auto;margin-right:auto;}
  .book-promo-frame {width:100%;}
  .book-promo-heading h2 {font-size:38px;}
  .book-promo-footer {gap:24px;align-items:flex-start;}
  .book-promo-footer p {flex:1;max-width:690px;}
  #finder.mechanical-finder {width:min(100%,640px);}
  .book-art {height:350px;}
  .book-object img {height:270px;}
  .book-copy h3 {font-size:30px;}
  .creator-desk-section .creator-desk {max-width:800px;padding:28px;}
  .creator-desk h3 {font-size:36px;margin-bottom:16px;}
  .creator-desk .desk-intro {font-size:18px;margin-bottom:20px;}
  .creator-desk .desk-panel {padding-top:24px;}
  .creator-desk .desk-label {margin-bottom:14px;}
  .creator-desk .desk-example {padding:18px;}
  .creator-desk .desk-reveal {margin:16px auto;}
  .creator-desk .desk-task {padding:18px;margin:20px 0 18px;}
  .creator-desk .desk-clear {margin-bottom:20px;}
  .creator-desk .desk-guide {padding-top:18px;}
  .creator-desk .desk-visual-stage {min-height:220px;}
  .creator-desk .desk-visual-stage:has(.is-comment) {min-height:160px;}
}