/* CSS viewport width, not physical screen resolution. Smaller layouts are intact.
   Graphic containers grow independently of the existing 60–66ch reading limits. */
@media screen and (min-width: 1600px) {
  .page-shell { max-width: 2160px; padding-inline: clamp(80px, 4vw, 112px); }
  .wordmark { font-size: clamp(30px, 2vw, 38px); }
  .navigation a { font-size: clamp(12px, .75vw, 15px); }
  .eyebrow { font-size: clamp(11px, .7vw, 13px); }

  .hero h1.hero-signature { width: min(100%, clamp(1160px, 72vw, 1440px)); }
  .signature { font-size: clamp(30px, 1.75vw, 36px); }
  .welcome { max-width: clamp(540px, 34vw, 680px); font-size: clamp(16px, 1vw, 20px); margin-top: clamp(39px, 2.8vw, 56px); }
  .explore-link { font-size: clamp(13px, .8vw, 16px); }
  .hero-note { font-size: clamp(11px, .65vw, 13px); }

  .interior-main { width: min(100%, clamp(1050px, 65.625vw, 1360px)); padding-top: clamp(42px, 3vw, 64px); }
  .page-intro { max-width: clamp(750px, 50vw, 1000px); padding-bottom: clamp(54px, 3.5vw, 76px); }
  .interior-page h1 { font-size: clamp(108px, 7vw, 144px); }
  .page-lead { max-width: 66ch; font-size: clamp(18px, 1.05vw, 21px); }
  .editorial-section { gap: clamp(80px, 5vw, 104px); padding-block: clamp(42px, 2.8vw, 56px); }
  .section-heading h2, .passion-desktop-title { font-size: clamp(36px, 2.25vw, 44px); }
  .section-number { font-size: 12px; }
  .section-content .prose, .section-content p, .section-content .prose p { font-size: clamp(16px, .9vw, 18px); }
  .topic h3 { font-size: clamp(16px, .95vw, 19px); }
  .project-details > div { font-size: clamp(14px, .8vw, 16px); }
  .text-link, .page-index a, .page-index summary { font-size: clamp(13px, .8vw, 16px); }
  .page-note { font-size: clamp(13px, .75vw, 15px); }
}