.story__before,.story__after{align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.story__after{margin-top:var(--section-y)}@media (width>=1024px){.story__before{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.story__after{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}.story__copy,.story__after-copy{gap:var(--space-5);align-content:center;justify-items:start;display:grid}.story__label{line-height:1}.story__label .pill{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:.3rem .75rem}.story__steps{margin-top:var(--space-3);counter-reset:story;gap:4px;display:grid}.story__step{gap:2px var(--space-3);border-top:1px solid var(--line);transition:opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);grid-template-columns:2.25rem minmax(0,1fr);padding:10px 0;display:grid}.story__num{font-size:var(--text-sm);color:var(--fg-muted);grid-row:span 2;padding-top:2px;font-weight:600}.story__q{font-size:var(--text-md);letter-spacing:-.01em;color:var(--fg);font-weight:560}.story__tool{font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:.35rem;display:inline-flex}.story__tool svg{width:13px;height:13px}.story__pile{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story__win{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);rotate:calc(var(--r) * .3deg);overflow:hidden}.story__win-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:5px;height:28px;padding:0 10px;display:flex}.story__win-bar span{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.story__win-bar em{font-style:normal;font-size:var(--text-2xs);color:var(--fg-soft);white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-weight:600;overflow:hidden}.story__win-body{align-items:center;gap:var(--space-3);padding:12px;display:flex}.story__skel{flex:1;gap:6px;display:grid}.story__skel i{border-radius:var(--radius-pill);background:var(--surface-3);height:6px;display:block}.story__win-lock{width:14px;height:14px;color:var(--fg-muted);flex:none}.story__dash .app{min-height:340px}.story.is-live{padding-block:0}.story.is-live .story__track{height:calc((var(--steps) + 3) * 75vh)}.story.is-live .story__stage{height:100svh;position:sticky;top:0;overflow:hidden}.story.is-live .story__before,.story.is-live .story__after{padding-top:var(--header-h);align-content:center;margin:0 auto;position:absolute;inset:0}.story.is-live .story__before{opacity:calc(1 - var(--after,0));filter:blur(calc(var(--after,0) * 14px));transform:scale(calc(1 - var(--after,0) * .06))}.story.is-live .story__after{opacity:var(--after,0);transform:translateY(calc((1 - var(--after,0)) * 60px)) scale(calc(.96 + var(--after,0) * .04))}.story.is-live:not(.is-after) .story__after,.story.is-live.is-after .story__before{pointer-events:none}.story.is-live .story__step{opacity:.3}.story.is-live .story__step.is-on{opacity:.62}.story.is-live .story__step.is-current{opacity:1}.story.is-live .story__step.is-current .story__num{color:var(--accent)}.story.is-live .story__pile{height:min(62vh,560px);display:block;position:relative}.story.is-live .story__win{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:58%;rotate:calc(var(--r) * 1deg);opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-spring);position:absolute;transform:translateY(40px)scale(.86)}.story.is-live .story__win.is-on{opacity:1;transform:none}.story.is-live .story__win.is-current{box-shadow:var(--shadow-lg);z-index:2}.story__steps{width:100%}.story.is-live .story__copy{gap:var(--space-4)}.story.is-live .story__copy .h-lg{font-size:clamp(2rem,1.2rem + 2.4vw,3.5rem)}.story.is-live .story__step{padding:7px 0}.story.is-live .story__step .story__tool{display:none}.story.is-live .story__step.is-current .story__tool{display:inline-flex}