/* Scroll Story: existing brand, copy and navigation; one shared desktop stage. */
.scroll-story > .hero{display:block;min-height:0;padding-inline:0}
.scroll-story > .hero-figure{max-width:700px;margin:0 auto 40px}
.scroll-story .section-inner{padding-inline:0}
.scroll-story .section-band{background:none}
.scroll-story .story-beat{scroll-margin-top:100px}
.sequence-stage.is-sequence-ready canvas{opacity:1}
.sequence-stage.is-sequence-ready .hero-poster{visibility:hidden}
.sequence-stage.is-sequence-ready .scene-labels{display:none}
@media(min-width:1024px){
 .scroll-story{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);column-gap:clamp(32px,4vw,64px);align-items:start}
 .scroll-story > .hero{grid-column:1;grid-row:1;min-height:calc(100svh - 88px);display:flex;align-items:center;padding-block:40px 64px}
 .scroll-story > .hero-figure{grid-column:2;grid-row:1 / span 4;position:sticky;top:72px;align-self:start;height:calc(100svh - 96px);width:100%;max-width:600px;justify-self:center;margin:0;display:flex;align-items:center}
 .scroll-story .hero-stage{max-height:100%;aspect-ratio:1.087}
 .scroll-story > .section-band{grid-column:1;min-width:0}
 .scroll-story #how{grid-row:2;min-height:80svh;display:flex;align-items:center}
 .scroll-story #capabilities{grid-row:3}
 .scroll-story #people{grid-row:4;min-height:90svh;display:flex;align-items:center}
 .scroll-story .section-inner{width:100%;padding-block:64px}
 .scroll-story h1{font-size:clamp(48px,4.6vw,69px);max-width:none;text-wrap:balance}
 .scroll-story .lead{font-size:clamp(18px,1.5vw,22px);max-width:52ch}
 .scroll-story .process-strip{grid-template-columns:1fr;gap:28px}
 .scroll-story .process-step{display:grid;grid-template-columns:32px 1fr;column-gap:20px}
 .scroll-story .process-step:after{display:none}
 .scroll-story .process-step svg{grid-row:1/3;margin-top:3px}
 .scroll-story .process-step h3{margin-top:0}
 .scroll-story .process-step p{grid-column:2;max-width:43ch;margin-top:8px}
 .scroll-story .disclosure{grid-template-columns:1fr;gap:18px;padding-block:28px}
 .scroll-story .row-label{font-size:29px;max-width:none}
 .scroll-story .row-content h3{font-size:23px}
 .scroll-story .row-content p{max-width:48ch}
 .scroll-story .row-content ul{display:block;margin-top:16px}
 .scroll-story .row-content li{margin-top:8px}
 .scroll-story .chapter-focus{min-height:66svh;display:flex;align-items:center}
 .scroll-story .chapter-focus .disclosure{width:100%;padding-block:48px}
 .scroll-story .capability-group{padding-block:32px}
 .scroll-story .audience-row .disclosure{padding-block:28px}
}
@media(min-width:741px) and (max-width:1023px){
 .scroll-story > .hero{padding-block:40px 20px}
 .scroll-story > .hero-figure{width:100%;max-width:640px}
 .scroll-story h1{max-width:18ch}
 .scroll-story .lead{max-width:54ch}
}
@media(max-width:740px){
 .scroll-story > .hero{padding-block:32px 8px}
 .scroll-story > .hero-figure{margin:0 -10px 30px!important}
 .scroll-story .section-inner{padding-block:40px}
 .scroll-story .story-beat{scroll-margin-top:76px}
}