/* Large displays are the primary review sizes: 2560x1440 and 3840x2160.
   Use actual CSS layout dimensions; never zoom or transform the whole page. */
@media (min-width:1600px) {
  :root {
    --header:clamp(84px,3.2vw,124px);
    --wide-unit:clamp(1px,.052083333vw,2.333333px);
    --wide-nav:clamp(14px,.62vw,24px);
    --wide-body:clamp(16px,.72vw,28px);
    --mini-pad:clamp(12px,.7vw,26px);
    --feature-pad:clamp(20px,1.05vw,40px);
    --mini-radius:clamp(14px,.65vw,26px);
    --feature-radius:clamp(24px,1vw,40px);
    --mini-label:clamp(13px,.68vw,26px);
    --feature-label:clamp(16px,.7vw,28px);
    --mini-caption:clamp(12px,.54vw,21px);
    --feature-caption:clamp(14px,.62vw,24px);
    --connector-radius:clamp(3.2px,.13vw,5px);
    --connector-weight:clamp(1px,.04vw,1.6px);
  }
  .site-header{padding-inline:clamp(40px,4vw,160px);gap:calc(44 * var(--wide-unit))}
  .site-nav{gap:calc(28 * var(--wide-unit));font-size:var(--wide-nav)}
  .header-actions{gap:calc(22 * var(--wide-unit));font-size:var(--wide-nav)}
  .wordmark{gap:calc(12 * var(--wide-unit))}
  .wordmark strong{font-size:clamp(24px,1.15vw,44px)}
  .brand-symbol{width:calc(30 * var(--wide-unit));height:calc(34 * var(--wide-unit))}
  .header-projects{font-size:var(--wide-nav);min-height:calc(40 * var(--wide-unit));padding-inline:calc(18 * var(--wide-unit));gap:calc(20 * var(--wide-unit));border-radius:calc(9 * var(--wide-unit))}
  .profile-entry-avatar{width:calc(30 * var(--wide-unit))!important;height:calc(30 * var(--wide-unit))!important;font-size:var(--wide-nav)!important}
  #language-toggle{font-size:var(--wide-nav);gap:calc(8 * var(--wide-unit));padding-block:calc(12 * var(--wide-unit))}
  .chevron{width:calc(5 * var(--wide-unit));height:calc(5 * var(--wide-unit));margin-left:calc(5 * var(--wide-unit))}
  #language-menu{top:calc(42 * var(--wide-unit));min-width:calc(160 * var(--wide-unit));padding:calc(6 * var(--wide-unit));border-radius:calc(10 * var(--wide-unit))}
  #language-menu button{font-size:var(--wide-nav);padding:calc(12 * var(--wide-unit)) calc(14 * var(--wide-unit))}
  .overview{width:92%;max-width:3440px;height:calc(100svh - var(--header));min-height:800px;max-height:none;padding:clamp(40px,4svh,88px) clamp(40px,2.6vw,100px) clamp(24px,2.2svh,48px)}
  .hero-copy .eyebrow{font-size:clamp(13px,.58vw,22px);margin-bottom:calc(22 * var(--wide-unit));letter-spacing:.08em}
  .hero-copy h1{font-size:clamp(68px,3.6vw,144px);line-height:1.26;letter-spacing:-.035em}
  .hero-description{font-size:var(--wide-body);line-height:1.7;margin-top:calc(24 * var(--wide-unit))}
  .overview-board{max-width:none;min-height:320px;max-height:min(49svh,1120px);height:auto;flex:1;margin-top:clamp(40px,4svh,90px)}
  .mini-card{max-height:none;padding:var(--mini-pad);border-radius:var(--mini-radius)}
  .mini-card[data-mini=model]{max-height:none}
  .mini-top,html:is([lang=en],[lang=es]) .mini-top{font-size:var(--mini-label);gap:calc(12 * var(--wide-unit));padding:calc(2 * var(--wide-unit)) calc(3 * var(--wide-unit)) calc(11 * var(--wide-unit))}
  .mini-top>span:first-child{font-size:calc(var(--mini-label) - 2px)}
  .mini-media{border-radius:calc(6 * var(--wide-unit))}
  .mini-bottom,html:is([lang=en],[lang=es]) .mini-bottom{font-size:var(--mini-caption);padding:calc(10 * var(--wide-unit)) calc(3 * var(--wide-unit)) calc(1 * var(--wide-unit))}
  .play-mark{width:calc(32 * var(--wide-unit));height:calc(32 * var(--wide-unit));font-size:calc(16 * var(--wide-unit))}
  .overview-foot{font-size:clamp(12px,.5vw,20px);margin-top:calc(30 * var(--wide-unit));gap:calc(18 * var(--wide-unit))}
  .scroll-cue{font-size:clamp(14px,.58vw,23px);gap:calc(20 * var(--wide-unit))}

  .chapters{width:88%;max-width:3160px;padding:calc(40 * var(--wide-unit)) clamp(40px,2vw,80px) calc(20 * var(--wide-unit))}
  .chapter{grid-template-columns:.85fr 1.15fr;gap:clamp(80px,5.6vw,220px);height:calc(100svh - var(--header));min-height:calc(640 * var(--wide-unit));max-height:none;padding:calc(80 * var(--wide-unit)) 0}
  .eyebrow{font-size:clamp(14px,.6vw,23px);gap:calc(20 * var(--wide-unit));margin-bottom:calc(22 * var(--wide-unit))}
  .chapter-number{font-size:clamp(15px,.64vw,25px);letter-spacing:.12em}
  .chapter h2,html:is([lang=en],[lang=es]) .chapter h2{font-size:clamp(44px,2.55vw,100px);line-height:1.35;letter-spacing:-.025em;margin-bottom:calc(30 * var(--wide-unit))}
  .chapter-copy>p:not(.eyebrow){max-width:27em;font-size:var(--wide-body);line-height:1.9}
  .feature-notes{font-size:clamp(13px,.58vw,23px);gap:calc(14 * var(--wide-unit)) calc(20 * var(--wide-unit));margin-top:calc(28 * var(--wide-unit))}
  .feature-notes>span{gap:calc(8 * var(--wide-unit))}
  .feature-notes>span:before{width:calc(3 * var(--wide-unit));height:calc(3 * var(--wide-unit))}
  .chapter-copy>.tool-note{font-size:clamp(12px,.53vw,21px)!important;margin-top:calc(20 * var(--wide-unit))!important}
  .next-link{font-size:clamp(14px,.62vw,24px);margin-top:calc(42 * var(--wide-unit));gap:calc(28 * var(--wide-unit))}
  .feature-slot{height:min(58svh,clamp(520px,28vw,1080px))}
  .glass-card{padding:var(--feature-pad);border-radius:var(--feature-radius)}
  .card-bar{font-size:var(--feature-label);gap:calc(18 * var(--wide-unit));padding:calc(4 * var(--wide-unit)) calc(4 * var(--wide-unit)) calc(17 * var(--wide-unit));min-height:calc(40 * var(--wide-unit))}
  .card-bar>span:first-child{gap:calc(16 * var(--wide-unit))}
  .card-bar b{font-size:calc(var(--feature-label) - 2px)}
  .quiet-pill{font-size:clamp(12px,.52vw,20px);padding:calc(5 * var(--wide-unit)) calc(9 * var(--wide-unit));border-radius:calc(5 * var(--wide-unit))}
  .card-media{border-radius:calc(12 * var(--wide-unit))}
  .card-caption{font-size:var(--feature-caption);min-height:calc(40 * var(--wide-unit));padding:calc(16 * var(--wide-unit)) calc(4 * var(--wide-unit)) 0;gap:calc(12 * var(--wide-unit))}
  .card-caption>span:last-child[aria-hidden]{font-size:calc(18 * var(--wide-unit))}
  .reference-overlay{left:calc(18 * var(--wide-unit));bottom:calc(18 * var(--wide-unit));gap:calc(10 * var(--wide-unit))}
  .reference-overlay span{font-size:clamp(13px,.57vw,22px);padding:calc(7 * var(--wide-unit)) calc(12 * var(--wide-unit));border-radius:calc(6 * var(--wide-unit))}
  .drawing-tools{bottom:calc(18 * var(--wide-unit));gap:calc(12 * var(--wide-unit));padding:calc(9 * var(--wide-unit)) calc(15 * var(--wide-unit));font-size:calc(16 * var(--wide-unit))}
  .drawing-pair{gap:calc(15 * var(--wide-unit))}
  .drawing-pair figcaption{font-size:var(--feature-caption);padding:calc(12 * var(--wide-unit))}
  .text-button{font-size:var(--feature-caption);gap:calc(8 * var(--wide-unit))}
  .film-card .card-caption{font-size:var(--feature-caption)}

  /* The travelling reference uses the exact same endpoints as its static cards. */
  .travelling-reference{padding:calc(var(--mini-pad) + var(--morph)*(var(--feature-pad) - var(--mini-pad)));border-radius:calc(var(--mini-radius) + var(--morph)*(var(--feature-radius) - var(--mini-radius)))}
  .travelling-reference .card-bar{font-size:calc(var(--mini-label) + var(--morph)*(var(--feature-label) - var(--mini-label)));min-height:0;padding:calc(2 * var(--wide-unit)) calc(3 * var(--wide-unit)) calc((11 + var(--morph)*6) * var(--wide-unit))}
  .travelling-reference .card-bar b{font-size:calc(var(--mini-label) - 2px + var(--morph)*(var(--feature-label) - var(--mini-label)))}
  .travelling-reference .card-bar>span:first-child{gap:calc((12 + var(--morph)*4) * var(--wide-unit))}
  .travelling-reference .card-caption{font-size:calc(var(--mini-caption) + var(--morph)*(var(--feature-caption) - var(--mini-caption)));min-height:0;padding:calc((10 + var(--morph)*6) * var(--wide-unit)) calc(3 * var(--wide-unit)) 0}
  .travelling-reference .card-media{border-radius:calc((6 + var(--morph)*6) * var(--wide-unit))}
  .travelling-reference .reference-detail{max-width:none}
  .story-home .overview-wires>path,.chapter-wires .wire-base path,.chapter-wires .wire-progress path{stroke-width:var(--connector-weight)}
  .story-home .connector-terminal{r:var(--connector-radius);stroke-width:var(--connector-weight)}
  .story-home .chapter-port{width:calc(var(--connector-radius)*2);height:calc(var(--connector-radius)*2);border-width:var(--connector-weight)}
  .story-home .chapter-port.bottom{bottom:calc(-1 * var(--connector-radius))}

  .collaboration{max-width:2600px;margin:auto;padding:calc(140 * var(--wide-unit)) calc(50 * var(--wide-unit)) calc(150 * var(--wide-unit))}
  .collaboration h2{font-size:clamp(70px,3.5vw,138px);line-height:1.25;letter-spacing:-.035em}
  .collaboration>p:not(.eyebrow){font-size:var(--wide-body);line-height:1.9}
  .collaboration .button{font-size:var(--wide-nav);min-height:calc(48 * var(--wide-unit));padding-inline:calc(26 * var(--wide-unit));border-radius:calc(9 * var(--wide-unit));gap:calc(26 * var(--wide-unit))}
  .collaboration .eyebrow{font-size:clamp(14px,.6vw,23px)}
  .collaboration .back-top{font-size:var(--wide-nav);gap:calc(12 * var(--wide-unit));margin-top:calc(25 * var(--wide-unit))}
  .collab-orbit{margin-bottom:calc(28 * var(--wide-unit))}
  .collab-orbit span{width:calc(32 * var(--wide-unit));height:calc(32 * var(--wide-unit));font-size:var(--wide-nav)}
  .collab-orbit i{width:calc(60 * var(--wide-unit))}
  .site-footer{width:84%;max-width:3100px;margin:auto;padding:calc(35 * var(--wide-unit)) 0;font-size:clamp(13px,.56vw,22px);gap:calc(28 * var(--wide-unit))}
  .site-footer .wordmark strong{font-size:clamp(22px,1vw,38px)}
}
/* Wide but short windows (including a scaled monitor) keep the first scene usable. */
@media (min-width:1600px) and (max-height:1000px) {
  .overview{min-height:700px;padding-top:24px;padding-bottom:22px}
  .hero-copy h1{font-size:clamp(54px,3.4vw,82px)}
  .hero-copy .eyebrow{margin-bottom:14px}
  .hero-description{margin-top:16px}
  .overview-board{min-height:280px;margin-top:25px;max-height:49svh}
  .overview-foot{margin-top:20px}
}

/* A wide overview opens into a focused reading column. Keep the header's
   height stable: anchor positions and card animation depend on that height. */
@media (min-width:1280px) {
  .site-header{
    /* Keep the occluding bar edge-to-edge; only its contents move inward. */
    width:100%;
    margin-inline:0;
    padding-inline:var(--header-inset,4vw);
    /* The scroll/flight frame is the single animation clock. A CSS width
       transition would trail it and reverse late when the reader scrolls up. */
    transition:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:#080808;
  }
  .chapters{width:min(calc(100% - 112px),1180px);max-width:none;padding-inline:0}
  .chapter{min-width:0}
  .chapter-copy{min-width:0}
  .site-footer{width:min(calc(100% - 112px),1180px);max-width:none}
}
@media (min-width:1600px) {
  .chapters,.site-footer{width:min(75vw,2400px)}
  .chapter{grid-template-columns:.85fr 1.15fr;gap:clamp(72px,4vw,160px)}
  .chapter h2,html:is([lang=en],[lang=es]) .chapter h2{font-size:clamp(44px,2.2vw,84px)}
  .chapter-copy>p:not(.eyebrow){font-size:clamp(16px,.68vw,26px)}
  .feature-slot{height:min(58svh,clamp(480px,24vw,880px))}
  .collaboration{width:min(75vw,2400px);padding-inline:0}
}
@media (prefers-reduced-motion:reduce) {
  .site-header{transition:none}
}

/* The combined model/parameter card gets two full standard-card heights. */
:root{--home-feature-height:420px}
@media(max-width:1100px){:root{--home-feature-height:370px}}
@media(max-width:760px){:root{--home-feature-height:310px}}
@media(min-width:1600px){:root{--home-feature-height:min(58svh,clamp(480px,24vw,880px))}}
.feature-slot{height:var(--home-feature-height)}
.model-card.feature-slot{height:calc(var(--home-feature-height) + var(--home-feature-height));flex-shrink:0}
#model.chapter{height:auto;max-height:none}