.hiw-story{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(24px,4vw,64px);display:grid}.hiw-story-panel{height:min(66vh,620px);position:sticky;top:clamp(72px,12vh,120px);overflow:hidden}.hiw-story-count{letter-spacing:.08em;color:var(--ink-faint);font-size:11px;position:absolute;bottom:10px;right:14px}.hiw-story-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hiw-step{opacity:.34;min-height:62vh;transition:opacity .5s var(--ease-settle);flex-direction:column;justify-content:center;display:flex}.hiw-step.is-active{opacity:1}.hiw-step-n{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--field-bright);font-variant-numeric:tabular-nums}.hiw-step-t{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);max-width:16ch;margin:.6rem 0 0;line-height:1.12}.hiw-step-link{color:inherit;transition:color .2s var(--ease-settle);text-decoration:none}.hiw-step-link:hover,.hiw-step-link:focus-visible{color:var(--field)}.hiw-step-link span{transition:transform .2s var(--ease-settle);margin-left:.18em;display:inline-block}.hiw-step-link:hover span,.hiw-step-link:focus-visible span{transform:translate(4px)}.hiw-step-b{max-width:40ch;font-size:var(--text-base);line-height:var(--leading-body);color:var(--ink-soft);margin:.9rem 0 0}.hiw-step-m{color:var(--ink-faint);margin-top:.9rem}@media (max-width:860px){.hiw-story{display:block}.hiw-story-panel{z-index:2;background:var(--paper);height:29svh;position:sticky;top:72px}.hiw-step{opacity:.24;min-height:34svh}.hiw-step:first-child{margin-top:1rem}.hiw-step-t{font-size:var(--text-xl)}.hiw-step-b,.hiw-step-m{margin-top:.5rem}}@media (prefers-reduced-motion:reduce){.hiw-step{opacity:1;min-height:0;padding:1.6rem 0}.hiw-story-panel{position:relative;top:0}}.hiw-bar{border-radius:var(--r-md);grid-template-columns:2fr 2fr 1fr 1fr;gap:4px;display:grid;overflow:hidden}.hiw-bar-seg{border-radius:var(--r-sm);background:var(--soft);min-height:clamp(120px,18vh,172px);padding:20px 22px 48px;position:relative;overflow:hidden}.hiw-bar-seg .label{letter-spacing:.08em;font-size:clamp(.8rem,1.1vw,.95rem)}.hiw-bar-fill{transform-origin:0;position:absolute;inset:0}.hiw-seg-design .hiw-bar-fill{transform:scaleX(var(--f0,1));background:color-mix(in oklab, var(--field-bright) 18%, var(--soft))}.hiw-seg-build .hiw-bar-fill{transform:scaleX(var(--f1,1));background:color-mix(in oklab, var(--field-bright) 32%, var(--soft))}.hiw-seg-test .hiw-bar-fill{transform:scaleX(var(--f2,1));background:color-mix(in oklab, var(--field-bright) 48%, var(--soft))}.hiw-seg-launch .hiw-bar-fill{transform:scaleX(var(--f3,1));background:var(--field)}.hiw-bar-seg .label{display:block;position:relative}.hiw-bar-seg small{font-family:var(--font-label);letter-spacing:.06em;color:var(--ink-faint);font-size:.72rem;position:absolute;bottom:12px;left:16px}.hiw-seg-launch .label,.hiw-seg-launch small{transition:color .26s var(--ease-standard)}.is-launched .hiw-seg-launch .label,.is-launched .hiw-seg-launch small{color:var(--paper)}.hiw-kept{margin-top:clamp(1.5rem,4vh,3rem)}@media (max-width:640px){.hiw-bar{grid-template-columns:2fr 2fr 1.25fr 1.5fr}.hiw-bar-seg{min-height:78px;padding:11px 8px 28px}.hiw-bar-seg small{letter-spacing:0;white-space:nowrap;font-size:.62rem;bottom:9px;left:8px}.hiw-bar-seg .label{letter-spacing:.02em;font-size:.66rem}}