.story{position:relative;height:230vh;margin:var(--s8) 0 0}
@supports(height:1svh){.story{height:230svh}}
.story__pin{position:sticky;top:56px;height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:center;max-width:60rem;padding:var(--s6) 0}
@supports(height:1svh){.story__pin{height:calc(100svh - 56px)}}
.story__k{margin:0 0 var(--s5);font:600 .8rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep)}
.story__t{margin:0;font:600 clamp(1.7rem,4.2vw,3rem)/1.2 var(--font-display);letter-spacing:-.015em;color:var(--ink)}
.story__t .w{opacity:.16;transition:opacity 140ms linear}
.story__bar{margin-top:var(--s6);height:3px;border-radius:3px;background:var(--line);overflow:hidden;max-width:20rem}
.story__bar i{display:block;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left center}
@media (prefers-reduced-motion:reduce){.story{height:auto}.story__pin{position:static;height:auto;padding:var(--s7) 0}.story__t .w{opacity:1!important}.story__bar{display:none}}