/* Keep the composition bounded on wide desktop and native 4K viewports.
   These rules deliberately leave laptop and mobile layouts unchanged. */
@media (min-width:1800px){
  html{background:var(--paper)}
  body{max-width:1920px;margin-inline:auto;--space:80px}
  .section-pad{padding-block:128px}
  .site-header nav{font-size:14px;gap:40px}
  .home-hero{min-height:800px;max-height:none}
  .hero-copy{padding-top:72px;padding-bottom:48px}
  .hero-copy h1{font-size:88px;max-width:10ch}
  .hero-description{font-size:18px;max-width:38ch}
  .hero-copy>.eyebrow{margin-bottom:40px}
  .home-hero .viewer{min-height:800px}
  .case-hero{min-height:800px}
  .case-intro h1{font-size:96px}
  .case-intro>p{max-width:48ch;font-size:19px}
  .case-hero .viewer{min-height:800px}
  .tv-case-hero{min-height:760px}
  .tv-case-intro>p{max-width:48ch}
  .editorial-grid,.story-chapter{column-gap:8%}
  .editorial-grid>div>p:not(.large-copy),.story-prose>p:not(.large-copy){max-width:65ch;font-size:17px}
  .large-copy{max-width:52ch}
  .selected-work-grid{gap:40px}
  .exploration-grid{gap:40px}
  .benchmark-image-link{height:760px;padding:32px}
  .source-note{max-width:85ch}
}