/* Native page scroll provides the five chapters. No wheel or touch interception. */
.story-chapters,.story-footer{display:none}
/* Geometry changes must be measurable in the same frame, including reduced-motion global overrides. */
.story,.story *{transition:none!important}
.story.is-pinned{padding-block:0;height:var(--story-runway)}
.story.is-pinned .story-pin{position:sticky;top:0;height:var(--story-room);padding-block:32px 18px;display:flex;flex-direction:column}
.story.is-pinned .section-intro{align-items:center;flex-shrink:0}
.story.is-pinned .section-intro h2{font-size:clamp(28px,3vw,38px);line-height:1.12}
.story.is-pinned .section-intro>p{max-width:340px;font-size:14px;line-height:1.7}
.story.is-pinned .story-layout{flex:1;min-height:0;align-items:center;margin-top:20px;gap:70px}
.story.is-pinned .story-step{min-height:0;padding:10px 0;gap:24px}
.story.is-pinned .story-step:before{top:48px;bottom:-4px}
.story.is-pinned .step-number{margin-top:5px}
.story.is-pinned .step-select h3{font-size:clamp(20px,2vw,28px)}
.story.is-pinned .story-step:not(.is-active) p,.story.is-pinned .story-step:not(.is-active) .inline-link{display:none}
.story.is-pinned .story-step.is-active{padding-block:18px 22px}
.story.is-pinned .story-step p{margin-top:8px;font-size:15px;line-height:1.75;max-width:460px}
.story.is-pinned .story-step .inline-link{margin-top:6px}
.story.is-pinned .story-visual{position:relative;top:auto;min-height:0;padding:0;align-content:center}
.story.is-pinned .story-phone{width:clamp(180px,calc((var(--story-room) - 250px)*.42),270px);transform:none}
.story.is-pinned .story-ring{width:380px;height:380px;max-width:100%;top:50%;transform:translateY(-50%)}
.story.is-pinned .screen-caption{margin-top:16px}
.story.is-pinned .story-progress{margin-top:12px}
.story.is-pinned .step-preview{display:none}
.story.is-pinned .story-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;min-height:48px;margin-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.story-footer>span{display:flex;align-items:center;gap:18px}
.story-footer b{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.story-footer a{color:var(--gold);display:inline-flex;align-items:center;min-height:48px;text-underline-offset:4px}
.story-footer a:hover{text-decoration:underline}
.story.is-pinned #story-image{transition:none!important}
@media(max-width:700px){
 .story.is-pinned .story-pin{padding-block:18px 8px}
 .story.is-pinned .section-intro{display:block}
 .story.is-pinned .section-intro h2{font-size:24px;line-height:1.25}
 .story.is-pinned .section-intro>p{display:none}
 .story.is-pinned .story-chapters{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
 .story-chapters button{min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font:600 13px/1 Manrope,system-ui,sans-serif}
 .story-chapters button[aria-current=step]{background:var(--gold);border-color:var(--gold);color:var(--coal)}
 .story.is-pinned .story-layout{display:grid;grid-template-columns:1fr;grid-template-rows:150px minmax(0,1fr);gap:0;margin-top:8px;align-items:center}
 .story.is-pinned .story-step{display:none}
 .story.is-pinned .story-step.is-active{display:block;padding:0}
 .story.is-pinned .step-number,.story.is-pinned .story-step:before{display:none}
 .story.is-pinned .story-step .step-select{min-height:36px}
 .story.is-pinned .step-select h3{font-size:23px}
 .story.is-pinned .story-step p{font-size:13px;line-height:1.65;max-width:100%;margin-top:6px}
 .story.is-pinned .story-step .inline-link{margin-top:2px;font-size:11px;min-height:44px}
 .story.is-pinned .story-visual{display:grid;min-height:0}
 .story.is-pinned .story-phone{width:clamp(155px,calc((var(--story-room) - 390px)*.41),205px);border-radius:28px;padding:5px;border-width:4px}
 .story.is-pinned .story-phone img{border-radius:19px}
 .story.is-pinned .phone-camera{width:42px;height:9px;top:11px}
 .story.is-pinned .story-ring{width:280px;height:280px}
 .story.is-pinned .screen-caption{margin-top:10px;font-size:10px;max-width:none}
 .story.is-pinned .story-progress{display:none}
 .story.is-pinned .story-footer{font-size:10px;gap:8px;margin-top:6px}
 .story-footer>span{gap:10px}
}