/* Native scroll coordinates; every frame can be reconstructed when scrolling up. */
html[data-motion=on] .scene-media{transform:translate3d(0,var(--drift,0px),0) scale(var(--zoom,1.06));will-change:transform}
html[data-motion=on] .chapter-copy{transform:translate3d(0,var(--copy-y,0px),0);opacity:var(--copy-opacity,1)}
.method-stage{position:relative}.method-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.method-controls button{background:rgba(16,30,28,.5);color:var(--ink);border:1px solid var(--line);border-radius:99px;min-height:44px;padding:10px 18px;font-size:12px}.method-controls button[aria-pressed=true]{background:var(--lime);color:#20312b}.method-progress{height:2px;background:rgba(255,255,255,.25);margin:25px 0;max-width:550px}.method-progress span{display:block;width:calc(var(--method-progress,0)*100%);height:100%;background:var(--lime)}
@media(min-width:901px){html[data-motion=on] .method{height:260svh;padding:0;overflow:clip}html[data-motion=on] .method-stage{position:sticky;top:0;height:100svh;padding:65px 6.3vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center}html[data-motion=on] .method-heading h2{font-size:64px;margin-bottom:0}html[data-motion=on] .method-steps{display:flex;gap:8vw;width:max-content;max-width:none;margin:32px 0 20px;transform:translate3d(calc(var(--rail-x,0)*-1px),0,0);will-change:transform}html[data-motion=on] .method-step{flex:0 0 min(66vw,800px);width:min(66vw,800px);gap:45px;min-height:180px;padding-top:22px}html[data-motion=on] .step-index{font-size:40px;font-family:Georgia,serif}html[data-motion=on] .method-step h3{font-size:56px;margin:0 0 12px}html[data-motion=on] .method-step h3 br{display:none}html[data-motion=on] .method-step p{max-width:470px;margin:0;font-size:18px}html[data-motion=on] .step-detail{margin-top:18px}html[data-motion=on] .method .button{align-self:flex-start}html[data-motion=on] .method-controls{margin-top:20px}}
@media(max-width:900px){.method-controls,.method-progress{display:none}}
html[data-motion=off] .method-controls,html[data-motion=off] .method-progress{display:none}
@media(min-width:901px){html[data-motion=on] .method-steps{gap:0}html[data-motion=on] .method-step{flex-basis:87.4vw;width:87.4vw;padding-right:6vw}}
@media(prefers-reduced-motion:reduce){.scene-media,.chapter-copy,.method-steps{transform:none!important;opacity:1!important;will-change:auto!important}}