#story{--live:#b95e00;--ease:cubic-bezier(.2, .7, .1, 1);position:relative}@supports (color:lab(0% 0 0)){#story{--live:lab(50.4504% 35.7043 64.0951)}}#story .stage{padding:14vh 24px}#story .gl,#story .night,#story .labels,#story .turn,#story .marks{display:none}#story .strip{margin-bottom:12vh}#story .captions{text-align:center;justify-items:center;gap:12vh;display:grid}#story .cap p{letter-spacing:-.028em;text-wrap:balance;max-width:21em;margin:0 auto;font-size:clamp(21px,min(2.5vw,3.9vh),34px);font-weight:400;line-height:1.16}#story .cap .l1{color:var(--muted-foreground)}#story .cap .l2{margin-top:.4em}#story .live{color:var(--live);font-variant-numeric:tabular-nums}#story.running{margin-top:-30svh;margin-bottom:-46svh}#story.running .track{height:600vh}#story.running .stage{height:100svh;padding:0;position:sticky;top:0;overflow:hidden}#story.running .gl,#story.running .night,#story.running .labels{width:100%;height:100%;display:block;position:absolute;inset:0}#story.running .night{opacity:0}#story.running .gl{opacity:0;transition:opacity .8s}#story.running .gl.ready{opacity:1}#story.running .captions{z-index:2;pointer-events:none;gap:0;padding:0 22px;transition:transform .9s cubic-bezier(.77,0,.175,1);position:absolute;bottom:clamp(32px,6.5vh,76px);left:0;right:0}#story.running .cap p{color:var(--foreground);transition:color .6s}#story.running .cap{grid-area:1/1;align-self:end}#story.running .cap.two .l1{color:var(--muted-foreground)}#story.running .cap .w{opacity:0;filter:blur(10px);transition:opacity .7s var(--ease), filter .7s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--i) * 45ms);display:inline-block;transform:translateY(.3em)}#story.running .cap.on .l1 .w,#story.running .cap.on.two .l2 .w{opacity:1;filter:blur();transform:none}#story.running .cap.on .w{will-change:opacity, transform, filter}#story.running .cap:not(.on) .w{transition-duration:.3s;transition-delay:0s}#story.running .labels{z-index:1;pointer-events:none;overflow:hidden}#story.running .labels span,#story.running .marks span{white-space:nowrap;opacity:0;font-variant-numeric:tabular-nums;color:var(--muted-foreground);will-change:transform, opacity;font-size:12px;line-height:1;position:absolute;top:0;left:0}#story.running .labels span{transition:opacity .5s}#story.running .labels span.you{color:var(--live)}#story.running .strip{z-index:1;margin:0 auto;position:absolute;top:46%;left:0;right:0;transform:translateY(-50%)}#story.running .turn,#story.running .marks{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}#story.running .turn{opacity:0;will-change:transform}#story.running .turn path{fill:none}#story.running .turn .lane{fill:var(--muted)}#story.running .turn .grid{stroke:color-mix(in srgb, var(--background) 40%, transparent);stroke-width:1px}#story.running .turn .rule{stroke:color-mix(in srgb, var(--border) 60%, transparent);stroke-width:1px}#story.running .turn .seg{opacity:.9}#story.running .turn .nowline{stroke:color-mix(in oklch, var(--foreground) 40%, transparent);stroke-width:1px}#story.running .turn .nowdot{fill:var(--foreground);stroke:var(--background);stroke-width:2px}#story.running .marks span.now{color:var(--foreground)}@media (min-width:1180px){#story.running .gl{z-index:0;width:100vw;height:100vh;position:fixed;inset:0}}.dark #story{--live:var(--palette-amber)}