.hiw-story{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(24px,4vw,64px);display:grid}.hiw-story-panel{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper-raised);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-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;height:38vh;position:sticky;top:64px}.hiw-step{min-height:52vh}.hiw-step:first-child{margin-top:2.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{margin-top:3.5rem}.hiw-bar-track{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);min-height:92px;padding:14px 16px 40px;position:relative}.hiw-bar-seg .label{display:block}.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-design{background:color-mix(in oklab, var(--field-bright) 14%, var(--soft))}.hiw-seg-build{background:color-mix(in oklab, var(--field-bright) 26%, var(--soft))}.hiw-seg-test{background:color-mix(in oklab, var(--field-bright) 40%, var(--soft))}.hiw-seg-launch{background:var(--field)}.hiw-seg-launch .label,.hiw-seg-launch small{color:var(--paper)}@media (max-width:640px){.hiw-bar-track{grid-template-columns:1fr}.hiw-bar-seg{justify-content:space-between;align-items:baseline;gap:12px;min-height:0;padding-bottom:14px;display:flex}.hiw-bar-seg small{position:static}}