@font-face{font-family:RobotoCondensed;src:url("fonts/RobotoCondensed-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
/* V2: the approved hero composition, with independently moving image layers. */
.hero{min-height:clamp(760px,66.67vw,1040px);padding:clamp(190px,16.1vw,248px) 0 95px;align-items:flex-start}
.hero>.container,.header-inner{width:calc(100% - var(--gutter)*2);max-width:1440px}
.hero-background{inset:-10% -4% -18%;background:linear-gradient(90deg,#050a0d70,transparent 64%),url("images/hero-gym-v2.webp") center/cover no-repeat;filter:none;opacity:1;transform:translate3d(0,var(--depth-y,0px),0) scale(1.025)}
.hero::after{background:linear-gradient(0deg,#080d10b3,transparent 25%,transparent 77%,#080d1033)}
.hero-copy{width:68%;max-width:1050px}
.hero .eyebrow{font-size:clamp(14px,1.38vw,22px);letter-spacing:.12em;margin-bottom:17px}
.hero h1{font-family:RobotoCondensed,Arial,sans-serif;font-weight:900;font-size:clamp(76px,7.35vw,116px);line-height:.95;letter-spacing:-.035em;max-width:none;margin-bottom:29px;text-wrap:initial}
.hero h1 .hero-second{white-space:nowrap}
.hero h1 .hero-line{width:fit-content;max-width:100%;padding-right:.04em}
/* Both text lines keep their layout space and accessible heading name throughout. */
.headline-active .hero-first{animation:headline-sport 10s cubic-bezier(.4,0,.2,1) -9.2s infinite}
.headline-active .hero-second{animation:headline-neuro 10s cubic-bezier(.4,0,.2,1) -9.2s infinite}
@keyframes headline-sport{0%,32%,100%{clip-path:inset(-.08em -.04em -.08em -.04em)}40%{clip-path:inset(-.08em -.04em -.08em 100%)}40.01%,92%{clip-path:inset(-.08em 100% -.08em -.04em)}}
@keyframes headline-neuro{0%,42%,100%{clip-path:inset(-.08em 100% -.08em -.04em)}50%,82%{clip-path:inset(-.08em -.04em -.08em -.04em)}90%{clip-path:inset(-.08em -.04em -.08em 100%)}90.01%{clip-path:inset(-.08em 100% -.08em -.04em)}}
.hero-action-meta{position:relative;display:flex;justify-content:center;align-items:center;min-height:44px;margin-top:9px}
.hero .hero-action-meta .helper{margin:0}
.headline-toggle{position:absolute;right:0;top:0;width:44px;height:44px;display:block;background:transparent;border:0;border-radius:50%;color:#c2c9cc;cursor:pointer}
.headline-toggle[hidden]{display:none}
.headline-toggle:hover{color:var(--accent);background:#ffffff0a}
.headline-toggle::before,.headline-toggle::after{content:"";position:absolute;top:16px;height:12px;width:2px;background:currentColor}
.headline-toggle::before{left:17px}.headline-toggle::after{left:24px}
.headline-toggle[aria-pressed="true"]::before{top:16px;left:19px;height:0;width:0;background:transparent;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid currentColor}
.headline-toggle[aria-pressed="true"]::after{display:none}
.perception-photo{aspect-ratio:4/5}.perception-photo img{object-position:50% center}
.motion-off .hero-line{animation:none!important;clip-path:none!important}
.hero .lead{max-width:44vw;font-size:clamp(25px,2.25vw,36px);color:#f3f3ef;line-height:1.4;margin-bottom:23px}
.hero-location{font-family:RobotoCondensed,Arial,sans-serif;font-size:clamp(17px,1.6vw,25px);color:#f3f3ee;margin-bottom:38px;white-space:nowrap}
.hero-action{width:fit-content;max-width:100%}
.hero .button{font-family:RobotoCondensed,Arial,sans-serif;font-size:clamp(22px,1.9vw,30px);font-weight:800;min-height:76px;padding:19px 30px;border-radius:5px;gap:43px;background:linear-gradient(115deg,#ffc65c,#ffbd47);border-color:#ffd078}
.hero .helper{font-family:RobotoCondensed,Arial,sans-serif;font-size:clamp(15px,1.35vw,21px);text-align:center;color:#f3f3ee;margin-top:12px}
.hero-portrait{right:2.8vw;top:clamp(86px,7.4vw,118px);width:48%;height:calc(100% - clamp(86px,7.4vw,118px));object-fit:contain;object-position:center bottom;filter:drop-shadow(-15px 5px 25px #0004);transform:translate3d(0,var(--depth-y,0px),0);-webkit-mask-image:none;mask-image:none}
.hero-arc{inset:0;width:100%;height:100%;transform:translate3d(0,var(--depth-y,0px),0)}
.hero-arc path{stroke:url("#hero-gold");stroke-width:16;opacity:1;stroke-dasharray:none;stroke-dashoffset:0}
.hero-bottom{display:none}
.site-header .brand strong{font-size:clamp(24px,2.28vw,35px);letter-spacing:.2em}
.site-header .brand span{font-size:clamp(10px,1.05vw,16px);letter-spacing:.17em;margin-top:5px}
.header-inner{min-height:108px}
.site-header:not(.scrolled){background:linear-gradient(180deg,#050a0ddd,#050a0d22)}
.nav-links{gap:clamp(25px,3.8vw,59px)}
.nav-links>a{font-family:RobotoCondensed,Arial,sans-serif;font-size:clamp(15px,1.45vw,22px)}
.nav-links .button{min-height:51px;padding:12px 24px;font-size:clamp(16px,1.45vw,22px);gap:20px;border-radius:4px;background:#070c10c7}
.wheel-scrolling{scroll-behavior:auto}
/* A pinned, three-chapter scene; the unanimated layout remains fully readable. */
.story-section{border-top:1px solid var(--line)}
.story-intro{padding-block:100px 15px}.story-intro .process-title{max-width:100%;margin-bottom:0}
.story-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);padding-block:70px 110px}
.story-visual{min-width:0}.story-image{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--surface)}
.story-image>img{height:100%;object-fit:cover;object-position:53% center;transform:scale(var(--story-scale,1.035));transition:transform .2s linear}
.story-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#080d10d9,transparent 55%),linear-gradient(90deg,#080d1033,transparent)}
.story-signal{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;opacity:var(--signal-opacity,0);filter:drop-shadow(0 1px 2px #050a0dcc)}
/* Keep the animated strokes legible even in the shallow mobile image. */
.story-signal>*{stroke-linecap:round;stroke-linejoin:round}
.signal-ring,.signal-orbit{vector-effect:non-scaling-stroke}
.signal-ring{stroke:#f4b544;stroke-width:2.75;transform-origin:250px 258px;transform:scale(var(--ring-scale,.92))}.signal-orbit{stroke:#f4b54488;stroke-width:1.5;stroke-dasharray:4 10}
.signal-path{stroke:var(--accent);stroke-width:var(--signal-stroke-width,3.5px);stroke-dasharray:1000;stroke-dashoffset:var(--signal-offset,900)}
.story-index{position:absolute;left:32px;bottom:22px;font-family:RobotoCondensed,Arial,sans-serif;font-size:100px;font-weight:800;line-height:1;color:var(--accent)}
.story-copy>.eyebrow{font-size:10px;letter-spacing:.13em}
.story-panel{padding:25px 0;border-top:1px solid var(--line)}
.story-kicker{display:block;margin-bottom:22px;font-size:12px;color:var(--accent);letter-spacing:.13em;text-transform:uppercase}
.story-panel h3{font-family:RobotoCondensed,Arial,sans-serif;font-size:clamp(35px,3.4vw,52px);line-height:1.07;letter-spacing:-.025em;margin-bottom:23px}
.story-panel .lead{font-size:clamp(19px,1.65vw,25px)}
.story-panel .muted{font-size:15px}
.story-controls{display:none;gap:18px;margin:32px 0 25px}
.story-controls button{border:0;border-top:1px solid #ffffff40;background:transparent;padding:12px 0;flex:1;text-align:left;color:var(--muted);font-size:12px;line-height:1.5}
.story-controls button span{display:block;font-size:10px;margin-top:4px}
.story-controls button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.story-skip{font-size:12px}
.story-mode .story-runway{height:300svh}
.story-mode .story-stage{position:sticky;top:96px;height:calc(100svh - 96px);padding-block:40px;max-height:1000px}
.story-mode .story-image{height:min(70svh,650px);aspect-ratio:auto}
.story-mode .story-panels{position:relative;min-height:345px}
.story-mode .story-panel{position:absolute;inset:0;border:0;padding:0;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .45s,transform .55s,visibility .45s}
.story-mode .story-panel.active{opacity:1;visibility:visible;transform:none}
.story-mode .story-controls{display:flex}
/* Vertical scrolling moves the image strip horizontally inside a sticky scene. */
.sports-runway{border-top:1px solid var(--line);background:#0c1419}
.sports-stage{padding-block:65px 55px;overflow:hidden}
.sports-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}
.sports-intro .eyebrow{margin-bottom:17px}
.sports-intro h2{font-family:RobotoCondensed,Arial,sans-serif;font-size:clamp(36px,4.1vw,62px);letter-spacing:-.025em;margin:0}
.sports-direction{display:none;color:var(--accent);font-size:12px;white-space:nowrap;padding-bottom:10px;letter-spacing:.09em}
.sports-direction>span{margin-left:25px;font-size:30px}
.sports-window{overflow:hidden}
.sports-track{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.sports-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px}
.sports-stage .sports-caption{width:auto;margin:0;font-size:10px;max-width:75ch}
.sports-progress{display:none;height:1px;width:130px;background:var(--line)}
.sports-progress span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(var(--sports-progress,0));transform-origin:left}
.horizontal-mode .sports-runway{height:220svh}
.horizontal-mode .sports-stage{position:sticky;top:96px;height:calc(100svh - 96px);display:flex;flex-direction:column;justify-content:center;padding-block:25px 30px}
.horizontal-mode .sports-intro{margin-bottom:28px}
.horizontal-mode .sports-track{display:flex;gap:22px;width:max-content;padding-inline:var(--gutter);transform:translate3d(var(--track-x,0px),0,0)}
.horizontal-mode .sport{flex:0 0 auto;width:calc(min(59svh,580px)*.75);height:min(59svh,580px);aspect-ratio:3/4}
.horizontal-mode .sport img{object-fit:fill}
.horizontal-mode .sports-direction,.horizontal-mode .sports-progress{display:block}
[data-zoom]{transform:translate3d(0,var(--parallax-y,0px),0) scale(var(--image-scale,1.055))}
.motion-off [data-depth]{transform:none!important}.motion-off .story-image>img{transform:none;transition:none}
@media(min-width:1700px){.hero-portrait{right:max(2.8vw,calc((100vw - 1590px)/2));width:760px}.hero h1{font-size:116px}}
@media(max-width:1190px) and (min-width:1001px){.nav-links{gap:22px}.nav-links>a{font-size:15px}.nav-links .button{font-size:15px;padding-inline:16px}.site-header .brand strong{font-size:25px}.site-header .brand span{font-size:10px}.hero h1{font-size:7.4vw}.hero .lead{max-width:48vw;font-size:26px}.hero-location{font-size:17px}.hero .button{font-size:22px;min-height:65px}.hero-portrait{right:1%;width:50%;top:105px;height:calc(100% - 105px)}}
@media(max-width:1000px){.hero{display:block;min-height:0;padding:155px 0 0}.hero-copy{width:100%;max-width:740px}.hero h1{font-size:clamp(62px,9.6vw,90px);max-width:100%}.hero .lead{max-width:600px;font-size:26px}.hero-location{white-space:normal;font-size:18px}.hero-portrait{position:relative;inset:auto;width:min(590px,76%);height:auto;margin:30px auto 0;object-fit:contain}.hero-background{background-position:58% center}.hero-arc{inset:25% -22% 0;width:145%;height:85%}.hero .button{font-size:25px;min-height:68px}.hero .helper{font-size:17px}.story-intro{padding-block:80px 0}.story-stage{gap:40px;padding-block:50px 80px}.story-panel h3{font-size:35px}.story-panel .lead{font-size:19px}.story-panel .muted{font-size:14px}.story-copy>.eyebrow{margin-bottom:20px}.story-index{font-size:72px}.story-skip{margin-top:15px}.sports-track{grid-template-columns:repeat(2,1fr)}.sports-stage{padding-block:70px 55px}}
@media(max-width:880px){.header-inner{min-height:78px}.site-header .brand strong{font-size:24px}.site-header .brand span{font-size:9px}.js .nav-links{top:78px}.js .nav-links a{font-size:22px}.js .nav-links .button{font-size:18px}.story-stage{grid-template-columns:1fr}.story-visual{width:100%;max-width:600px;margin-inline:auto}.story-image{aspect-ratio:5/4}.story-copy{max-width:640px}.story-panel h3{font-size:39px}.sports-intro h2{max-width:18ch}.sports-stage-footer{display:block}}
@media(max-width:600px){.hero{padding-top:130px}.hero .eyebrow{font-size:11px;letter-spacing:.12em;max-width:none;margin-bottom:22px}.hero h1{font-size:clamp(42px,13.4vw,72px);line-height:.98;letter-spacing:-.025em;margin-bottom:26px}.hero h1 .hero-second{white-space:normal}.hero .lead{font-size:21px;max-width:29ch}.hero-location{font-size:16px;max-width:32ch;line-height:1.6;margin-bottom:27px}.hero-action{width:100%;max-width:400px}.hero .button{font-size:23px;min-height:65px;padding:16px 22px;gap:14px}.hero .helper{font-size:15px;margin-top:11px}.hero-portrait{width:calc(100% - 36px);max-width:410px;height:auto;margin:25px auto 0}.hero-background{background-image:linear-gradient(90deg,#050a0d75,#050a0d22),url("images/hero-gym-small-v2.webp");filter:none;opacity:1}.hero-arc{inset:38% -40% 0;width:160%;height:72%}.hero-arc path{stroke-width:12}.site-header .brand strong{font-size:22px}.site-header .brand span{font-size:8px}.story-intro{padding-top:70px}.story-intro .process-title{font-size:40px;max-width:12ch}.story-stage{padding-block:40px 65px;gap:38px}.story-image{aspect-ratio:4/5}.story-index{font-size:77px;left:24px;bottom:18px}.story-panel{padding-block:28px}.story-panel h3{font-size:36px}.story-copy>.eyebrow{font-size:10px}.story-panel .lead{font-size:20px}.story-skip{margin-top:0}.sports-intro{margin-bottom:30px}.sports-intro h2{font-size:39px}.sports-intro .eyebrow{font-size:10px}.sports-stage{padding-block:65px 40px}.sports-stage .sports-caption{font-size:9px}.sports-stage-footer{margin-top:15px}}
@media(prefers-reduced-motion:reduce){[data-depth]{transform:none!important}.story-image>img{transform:none}.story-panel{transition:none}.story-signal{display:none}.hero-line{animation:none!important;clip-path:none!important}.headline-toggle{display:none}}
@media(max-width:600px){h1,h2,h3{hyphens:auto;overflow-wrap:anywhere}.subhero h1{font-size:clamp(35px,10.4vw,45px)}.hero .button{font-size:21px}.hero-background{background-image:linear-gradient(180deg,#050a0da6,#050a0d80 48%,#050a0d26 80%),url("images/hero-gym-small-v2.webp")}}

/* V4: one headline slot, compact copy and scroll scenes on portrait phones. */
:root{--scene-top:112px}
.copy-compact{display:none}
.motion-enabled:not(.headline-paused) .hero h1{display:grid;grid-template-columns:minmax(0,1fr)}
.motion-enabled:not(.headline-paused) .hero h1 .hero-line{grid-area:1/1;white-space:nowrap}
.motion-enabled:not(.headline-paused):not(.headline-active) .hero-first{visibility:hidden}
.motion-enabled:not(.headline-paused) .hero h1 .hero-second em{display:inline}
.sprint-coaching-photo{aspect-ratio:4/5}
.sprint-coaching-photo img{object-position:50% 48%}
.story-mode .story-stage,.horizontal-mode .sports-stage{top:var(--scene-top);height:calc(100svh - var(--scene-top))}
.story-mode .story-image{height:min(62svh,650px)}
.story-mode .story-panels{min-height:330px}
.horizontal-mode .sports-runway{height:calc(100svh + var(--sports-count)*25svh)}
.horizontal-mode .sport{height:min(49svh,510px);width:calc(min(49svh,510px)*.75)}
.sport img{width:calc(var(--panels,4)*100%)}
.sport h3 small{display:block;font-size:.7em;color:var(--accent);margin-top:5px;letter-spacing:.04em}
.sports-navigation{display:none;align-items:center;gap:18px;margin-top:16px}
.horizontal-mode .sports-navigation{display:flex}
.sports-navigation button{flex:0 0 44px;height:44px;border:1px solid var(--line);color:var(--accent);background:transparent;font-size:23px}
.sports-navigation button:disabled{opacity:.25;cursor:default}
.sports-navigation button:hover:not(:disabled){border-color:var(--accent)}
.sports-context{font-size:13px;line-height:1.5;margin:0;flex:1}
/* All captions share a grid cell, so the longest one reserves the scene height. */
.sports-context{display:grid;align-items:center;min-width:0}
.sport-context-item{grid-area:1/1;visibility:hidden}
.sport-context-item.active{visibility:visible}
.sports-stage-footer{margin-top:14px}
.sports-stage .sports-caption{max-width:55ch}
.sports-skip{font-size:11px;white-space:nowrap}
.portrait-pending{background:radial-gradient(ellipse at 50% 55%,#c7c8bf,#e5e5dc 72%)}
.portrait-pending img{object-fit:contain;object-position:center bottom;mix-blend-mode:normal}
.education-inner{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:70px}
.education-inner .waitlist-note{font-size:13px;margin-top:17px}
.waitlist-form{max-width:490px}
.waitlist-form .form-field{margin-bottom:15px}
.waitlist-form .button{font-size:14px;min-height:52px;margin-top:20px}
.waitlist-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.6;color:var(--muted)}
.waitlist-consent input{width:18px;height:18px;margin-top:2px;flex:0 0 18px;accent-color:var(--accent)}
.waitlist-form .form-help{font-size:11px;margin-top:15px;margin-bottom:0}
.waitlist-form .form-status{font-size:12px}
.waitlist-form [hidden]{display:none}
@media(max-width:1000px){.horizontal-mode .sports-track{gap:16px}}
@media(max-width:880px){
  :root{--scene-top:86px}
  .copy-full{display:none}.copy-compact{display:inline}
  .hero{padding-top:124px}
  .hero h1{font-size:clamp(31px,10.1vw,76px);margin-bottom:20px}
  .hero h1 .hero-line{white-space:nowrap}
  .hero h1 .hero-second em{display:inline}
  .hero .eyebrow{margin-bottom:16px}
  .hero .lead{font-size:clamp(19px,3vw,24px);line-height:1.4;max-width:30ch;margin-bottom:17px}
  .hero-location{font-size:15px;line-height:1.5;margin-bottom:23px;max-width:30ch}
  .hero .button{font-size:21px;min-height:58px;padding-block:15px}
  .hero .hero-action-meta .helper{font-size:14px}
  .hero-portrait{margin-top:18px}
  .section{padding-block:60px}
  .approach .split{gap:28px}
  .approach-copy h2{font-size:clamp(31px,5vw,41px);margin-bottom:19px}
  .approach-copy .lead{font-size:19px;line-height:1.45;margin-bottom:15px}
  .approach-copy .muted{font-size:15px;line-height:1.6}
  .function-line{margin-top:19px}
  .story-intro{padding-top:60px;padding-bottom:22px}
  .story-intro .process-title{font-size:clamp(31px,5vw,42px);max-width:100%;line-height:1.07}
  .story-mode .story-stage{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:15px;padding-block:14px;max-height:none}
  .story-mode .story-visual{width:100%;max-width:640px;margin:0}
  .story-mode .story-image{height:clamp(100px,20svh,190px);aspect-ratio:auto}
  .story-mode .story-image>img{object-position:center 22%}
  .story-mode .story-visual .caption{margin-top:6px;font-size:8px}
  .story-mode .story-index{font-size:44px;bottom:10px;left:17px}
  .story-mode .story-copy{max-width:640px}
  .story-mode .story-copy>.eyebrow{margin-bottom:10px;font-size:9px}
  .story-mode .story-panels{min-height:210px}
  .story-mode .story-panel h3{font-size:clamp(25px,5vw,33px);line-height:1.12;margin-bottom:12px}
  .story-mode .story-panel .lead{font-size:16px;line-height:1.5;margin-bottom:12px}
  .story-mode .story-panel .muted{font-size:14px;line-height:1.55;margin:0}
  .story-mode .story-kicker{font-size:10px;margin-bottom:10px}
  .story-mode .story-controls{gap:13px;margin:9px 0 10px}
  .story-mode .story-controls button{font-size:11px;padding:8px 0;min-height:44px}
  .story-mode .story-controls button span{font-size:10px;margin-top:2px}
  .story-mode .story-skip{font-size:11px}
  .horizontal-mode .sports-runway{height:calc(100svh + var(--sports-count)*34svh)}
  .horizontal-mode .sports-stage{padding-block:15px;justify-content:center}
  .horizontal-mode .sports-intro{align-items:center;margin-bottom:18px;gap:14px}
  .horizontal-mode .sports-intro .eyebrow{font-size:9px;margin-bottom:11px}
  .horizontal-mode .sports-intro h2{font-size:clamp(28px,5vw,38px);line-height:1.1;max-width:none}
  .horizontal-mode .sports-direction{font-size:10px;padding-bottom:0}
  .horizontal-mode .sports-direction>span{display:none}
  .horizontal-mode .sports-track{--card-height:clamp(170px,39svh,400px);gap:16px;padding-inline:calc((100vw - var(--card-height)*.75)/2)}
  .horizontal-mode .sport{height:var(--card-height);width:calc(var(--card-height)*.75);aspect-ratio:3/4}
  .horizontal-mode .sport h3{left:19px;bottom:18px;font-size:23px}
  .sports-navigation{margin-top:13px;gap:12px}
  .sports-context{font-size:12px;line-height:1.5}
  .sports-stage-footer{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;margin-top:12px}
  .sports-stage .sports-caption{font-size:8px;flex-basis:100%}
  .sports-progress{flex:1}
  .sports-skip{font-size:10px;margin-left:auto}
  .education-inner{grid-template-columns:1fr;gap:30px}
  .education-inner h2{font-size:33px}
  .education-inner p{font-size:14px}
  .waitlist-form{width:100%;max-width:600px}
  .personal-copy h2{font-size:clamp(33px,5vw,43px);max-width:14ch}
  .personal-copy .lead{font-size:19px;line-height:1.5}
  .personal-copy p{font-size:15px;line-height:1.6}
}
@media(max-width:360px){
  .story-mode .story-panels{min-height:224px}
  .story-mode .story-panel h3{font-size:25px}
  .story-mode .story-panel .lead{font-size:15px}
  .story-mode .story-panel .muted{font-size:13px}
  .hero .eyebrow{font-size:9px}
}
@media(max-width:880px) and (max-height:700px){
  .story-mode .story-stage{padding-block:9px;gap:10px}
  .story-mode .story-image{height:100px}
  .story-mode .story-copy>.eyebrow{display:none}
  .story-mode .story-panels{min-height:208px}
  .story-mode .story-panel h3{font-size:25px;margin-bottom:10px}
  .story-mode .story-panel .lead{font-size:15px;margin-bottom:9px}
  .story-mode .story-panel .muted{font-size:13px}
  .story-mode .story-controls{margin-top:6px;margin-bottom:7px}
  .horizontal-mode .sports-track{--card-height:max(160px,30svh)}
}
@media(min-width:881px) and (max-height:740px){
  .story-mode .story-stage{padding-block:22px;gap:40px}
  .story-mode .story-image{height:55svh}
  .story-mode .story-panels{min-height:285px}
  .story-mode .story-panel h3{font-size:32px;margin-bottom:17px}
  .story-mode .story-panel .lead{font-size:17px;margin-bottom:15px}
  .story-mode .story-panel .muted{font-size:13px}
  .story-mode .story-kicker{font-size:10px;margin-bottom:15px}
  .story-mode .story-controls{margin-top:20px;margin-bottom:16px}
}

/* Keep the portrait beside the copy on tablets; use a shorter composition on phones. */
@media(min-width:601px) and (max-width:1000px){
  .hero{min-height:610px;padding:155px 0 62px;display:flex;align-items:flex-start}
  .hero-copy{width:68%;max-width:none}
  .hero h1{font-size:clamp(41px,6.4vw,64px);margin-bottom:24px}
  .hero .eyebrow{font-size:clamp(10px,1.3vw,13px);margin-bottom:18px}
  .hero .lead{max-width:36vw;font-size:clamp(19px,2.6vw,25px);line-height:1.4;margin-bottom:20px}
  .hero-location{max-width:34vw;font-size:clamp(14px,1.7vw,17px);line-height:1.5;margin-bottom:27px}
  .hero .button{font-size:clamp(18px,2.25vw,22px);min-height:58px;padding:16px 21px;gap:22px}
  .hero .hero-action-meta .helper{font-size:14px}
  .hero-portrait{position:absolute;inset:auto 0 0 auto;width:49%;height:calc(100% - 140px);margin:0;object-fit:contain;object-position:center bottom}
  .hero-arc{inset:0 -12% 0 auto;width:125%;height:100%}
}
@media(min-width:601px) and (max-width:880px){
  .hero{min-height:565px;padding-top:120px;padding-bottom:46px}
  .hero-copy{width:76%}
  .hero-portrait{right:-3%;width:53%;height:calc(100% - 135px)}
}
@media(max-width:600px){
  .hero{padding-top:103px}
  .hero .eyebrow{font-size:clamp(9px,2.55vw,11px);letter-spacing:.1em;margin-bottom:12px}
  .hero h1{font-size:clamp(30px,10.1vw,60px);line-height:1.02;margin-bottom:16px}
  .hero .lead{font-size:18px;line-height:1.35;max-width:30ch;margin-bottom:12px}
  .hero-location{font-size:13px;line-height:1.4;max-width:none;margin-bottom:18px}
  .hero-action{width:100%;max-width:360px}
  .hero .button{font-size:18px;min-height:52px;padding:13px 16px;gap:12px;white-space:nowrap}
  .hero-action-meta{min-height:36px;margin-top:3px}
  .hero .hero-action-meta .helper{font-size:12px}
  .headline-toggle{top:-4px}
  .hero-portrait{width:100%;max-width:none;height:clamp(245px,70vw,310px);margin:5px auto 0;object-fit:contain;object-position:center bottom}
  .hero-background{inset:-35% -4% -18%}
  .hero-arc{inset:27% -22% 0;width:145%;height:88%}
  .hero-arc path{stroke-width:13}
  .story-intro{padding-bottom:12px}
}

/* The mobile chapter scene keeps its heading visible throughout the story. */
@media(max-width:880px){
  .story-mode .story-section{padding-top:44px}
  .story-mode .story-stage>.story-intro{width:100%;max-width:640px;padding:0;margin:0;flex:0 0 auto;opacity:1;transform:none}
  .story-mode .story-stage>.story-intro .eyebrow{font-size:10px;margin-bottom:10px}
  .story-mode .story-stage>.story-intro .process-title{font-size:clamp(28px,5vw,36px);line-height:1.08}
  .story-mode .story-stage>.story-visual{display:flex;flex-direction:column;flex:1 1 170px;min-height:65px;max-height:min(23svh,210px)}
  .story-mode .story-stage .story-image{height:auto;min-height:0;flex:1 1 auto;aspect-ratio:auto}
  .story-mode .story-visual .caption{flex:0 0 auto}
  .story-mode .story-copy{flex:0 0 auto}
  .story-mode .story-copy>.eyebrow{display:none}
  .story-mode .story-panels{display:grid;min-height:0}
  .story-mode .story-panel{position:relative;inset:auto;grid-area:1/1}
  .story-mode .story-skip{margin-top:0}
}

/* Give the stacked tablet scene a taller photo while keeping phone sizing. */
@media(min-width:601px) and (max-width:880px){
  .story-mode .story-stage>.story-visual{max-height:min(38svh,340px)}
}