.hero-visual{min-width:0}
.motion-control{display:block;margin:12px 0 0 auto;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink-2);font:500 14px/1.3 var(--sans);cursor:pointer}
.motion-control:hover{color:var(--ink)}
.intro .motion-control{margin-left:0}
.process-story{position:relative}
.process-pin{position:sticky;top:var(--hdr);display:flex;align-items:center;background:var(--sky);overflow:hidden}
.process-story.is-unpinned .process-pin{position:relative;top:auto}
.process-inner{width:100%;padding-block:24px}
.process-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0 0 28px;border-bottom:1px solid var(--line)}
.process-timeline button{width:100%;padding:12px 0 18px;text-align:left;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-2);font:500 15px/1.3 var(--sans);cursor:pointer}
.process-timeline button[aria-current=step]{border-bottom-color:var(--ochre);color:var(--ink)}
.process-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.process-layout{touch-action:pan-y pinch-zoom}
.process-window{--process-transition-space:28px;overflow:hidden;min-width:0;padding-block:var(--process-transition-space);margin-block:calc(var(--process-transition-space)*-1)}
.process-track{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;transform:none}
.process-chapter{grid-area:1/1;min-width:0;padding-right:24px;opacity:0;pointer-events:none;transition:none!important}
.process-chapter.is-active{pointer-events:auto}
.process-chapter h2{margin:12px 0 20px;font-size:clamp(32px,3.6vw,48px)}
.process-chapter p{max-width:36ch;margin:0 0 16px}
.process-chapter .get{font-size:16px}
.process-world svg{max-height:min(320px,calc(100svh - 290px));min-height:190px}
.process-chapter.is-visible{will-change:opacity,transform}
.process-controls{display:flex;align-items:center;gap:16px;margin-top:20px}
.process-controls .motion-control{margin:0 auto 0 0}
.process-arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--ink);font:24px/1 var(--sans);cursor:pointer}
.process-arrow:disabled{opacity:.35;cursor:default}
.process-count{font-size:14px;min-width:38px;text-align:center;color:var(--ink-2)}
.process-progress{height:2px;background:var(--line);margin-top:20px}
.process-progress span{display:block;height:100%;width:0;background:var(--ochre)}
html[data-motion=off] .process-track{will-change:auto}
html[data-motion=off] .process-chapter{will-change:auto}
/* A compact mobile story: content determines height, not a large empty window. */
@media(max-width:899px){.process-window{min-height:0!important}.process-controls{margin-top:16px}.process-world svg{max-height:min(180px,28svh)}}
@media(max-width:899px){.process-layout{grid-template-columns:1fr;gap:18px}.process-world{order:-1;max-width:420px;margin:auto}.process-world svg{max-height:32svh;min-height:0}.process-window{min-height:240px}.process-chapter h2{font-size:30px;margin:8px 0 12px}.process-chapter p{font-size:17px;line-height:1.5}.process-timeline{gap:10px;margin-bottom:16px}.process-timeline button{font-size:12px;min-height:58px;padding-bottom:12px}.process-inner{padding-block:12px}.process-controls{margin-top:8px}.process-progress{margin-top:12px}}
@media(max-height:660px) and (min-width:900px){.process-world svg{min-height:190px}.process-timeline{margin-bottom:16px}.process-chapter h2{font-size:32px}.process-chapter p{font-size:17px}.process-inner{padding-block:12px}}
@media(max-width:899px){.process-world svg{max-height:min(180px,28svh)}}