@layer components{:where(.dot-field[data-v-31859df0]){--_dark:0;--dot-field-paper:var(--surface);--dot-field-ink:light-dark(var(--color-zinc-300),var(--color-zinc-700));--dot-field-lit:light-dark(var(--color-zinc-200),var(--color-zinc-100));--dot-field-shade:light-dark(var(--color-zinc-600),var(--color-black));--dot-field-ghost:var(--qruto-ink);--dot-field-ghost-alpha:var(--page-ghost-opacity,.04);--dot-field-letter:light-dark(var(--color-zinc-500),var(--color-zinc-400));--dot-field-accent:var(--accent);--dot-field-platinum:var(--color-zinc-300);--dot-field-print:var(--fg);--dot-field-studio-key:var(--color-sky-200);--dot-field-studio-rim:var(--color-violet-200);--dot-field-studio-back:var(--color-fuchsia-200);--dot-field-flying:light-dark(var(--color-violet-500),var(--color-violet-400));--dot-field-signal-yellow:var(--color-yellow-500);--dot-field-signal-green:var(--color-green-500);--dot-field-signal-red:var(--color-red-500);--dot-field-dark:var(--_dark);position:relative;@media (prefers-color-scheme:dark){--_dark:1}}.canvas[data-v-31859df0]{block-size:100%;inline-size:100%;display:block}:where(.gpu-readout[data-v-5de9b3a9]){align-items:flex-end;gap:var(--space-2);font-family:var(--font-mono);text-align:end;flex-direction:column;display:flex}.kicker[data-v-5de9b3a9]{align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg-muted);font-weight:500;line-height:1;display:flex}.lamp[data-v-5de9b3a9]{block-size:7px;inline-size:7px}.headline[data-v-5de9b3a9]{font-size:var(--text-base);white-space:nowrap;color:var(--fg);font-weight:500;line-height:1.2}.sentence[data-v-3d416ea9]{text-wrap:balance;display:inline-block}.tie[data-v-3d416ea9]{display:inline-block}.key{&[data-v-3d416ea9]{--_relief-lit:url(#relief-lit-tinted-light-sm);font-weight:700;display:inline-block;position:relative}&[data-hue=blue][data-v-3d416ea9]{--_from:light-dark(var(--color-blue-500),var(--color-blue-400));--_to:light-dark(var(--color-blue-700),var(--color-blue-600))}&[data-hue=red][data-v-3d416ea9]{--_from:light-dark(var(--color-red-500),var(--color-red-400));--_to:light-dark(var(--color-red-700),var(--color-red-600))}&[data-hue=green][data-v-3d416ea9]{--_from:light-dark(var(--color-green-500),var(--color-green-400));--_to:light-dark(var(--color-green-700),var(--color-green-600))}&[data-hue=yellow][data-v-3d416ea9]{--_from:light-dark(var(--color-yellow-500),var(--color-yellow-400));--_to:light-dark(var(--color-yellow-700),var(--color-yellow-600))}&[data-hue=violet][data-v-3d416ea9]{--_from:light-dark(var(--color-violet-500),var(--color-violet-400));--_to:light-dark(var(--color-violet-700),var(--color-violet-600))}&[data-hue=indigo][data-v-3d416ea9]{--_relief-lit:url(#relief-engraved-tinted-light-sm);--_from:light-dark(var(--color-indigo-500),var(--color-indigo-400));--_to:light-dark(var(--color-indigo-700),var(--color-indigo-600));--_face:linear-gradient(to top, var(--_from) 20%, var(--_to) 88%)}&[data-hue=metal][data-v-3d416ea9]{--_relief-lit:url(#relief-lit-surface-light-sm);--_from:light-dark(var(--color-zinc-500),var(--color-zinc-300));--_to:light-dark(var(--color-zinc-600),var(--color-zinc-400))}}.key-ink[data-v-3d416ea9]{opacity:0}.key-lit[data-v-3d416ea9]{filter:var(--_relief-lit);white-space:nowrap;text-shadow:none;position:absolute;inset:0}.key-face[data-v-3d416ea9]{background-image:var(--_face,linear-gradient(to bottom, light-dark(color-mix(in oklab, var(--_from), white 30%),color-mix(in oklab, var(--_from), var(--color-zinc-100) 30%)) 12%, var(--_from) 48%, var(--_to) 92%));color:#0000;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-color-scheme:dark){.key{&[data-v-3d416ea9]{--_relief-lit:url(#relief-lit-tinted-dark-sm)}&[data-hue=indigo][data-v-3d416ea9]{--_relief-lit:url(#relief-engraved-tinted-dark-sm)}&[data-hue=metal][data-v-3d416ea9]{--_relief-lit:url(#relief-lit-surface-dark-sm)}}}:where(.gpu-stamp[data-v-ac8fcc33]){justify-items:start;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:.02em;color:var(--fg-muted);margin:0;display:grid}.link{&[data-v-ac8fcc33]{color:var(--accent-fg);text-decoration:underline dotted;text-decoration-color:color-mix(in oklab, currentcolor 50%, transparent);text-underline-offset:3px;font-weight:600}&[data-v-ac8fcc33]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}}.platform[data-v-ac8fcc33]{font-size:var(--text-sm);line-height:var(--leading-sm);align-items:center;gap:2px;display:inline-flex}.arrow[data-v-ac8fcc33]{inline-size:var(--space-4);block-size:var(--space-4);flex:none}.by[data-v-ac8fcc33]{color:color-mix(in oklab, var(--fg-muted) 85%, transparent)}@media (hover:hover){.link[data-v-ac8fcc33]:hover{text-decoration-color:currentColor}}@media (prefers-reduced-motion:no-preference){.arrow[data-v-ac8fcc33]{transition:translate .16s var(--ease-out-quint)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.platform:hover .arrow[data-v-ac8fcc33]{translate:1px -1px}}:where(.swap-text[data-v-e03bb664]){display:grid}.version[data-v-e03bb664]{grid-area:1/1}.word[data-v-e03bb664]{display:inline-block}.word[data-fresh][data-v-e03bb664]{position:relative}.tint[data-v-e03bb664]{color:var(--swap-text-hue,var(--accent-fg));text-shadow:none;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.swap-text-enter-active .word[data-v-e03bb664]{animation:swap-text-in .32s var(--ease-out-quint) both;animation-delay:calc(.11s + min(sibling-index() - 1, 14) * 18ms)}@media (hover:hover) and (pointer:fine){.swap-text-enter-active .word[data-v-e03bb664]{animation-name:swap-text-in,swap-text-sharpen}}.swap-text-enter-active .tint[data-v-e03bb664]{animation:swap-text-fresh 1.4s var(--ease-out-quint) both;animation-delay:inherit}.swap-text-leave-active[data-v-e03bb664]{transition:opacity .12s var(--ease-in-out-quart), translate .12s var(--ease-in-out-quart)}.swap-text-leave-to[data-v-e03bb664]{opacity:0;translate:0 -.3em}}:where(.gpu-keys[data-v-339985bc]){gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.choice[data-turn][data-v-339985bc]{margin-inline-start:var(--space-3)}@media (width<64rem){:where(.gpu-keys[data-v-339985bc]){gap:var(--space-1)}.choice[data-turn][data-v-339985bc]{margin-inline-start:var(--space-2)}}.choice{&[data-v-339985bc]{isolation:isolate;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--fg-muted);padding:6px 14px 6px 8px;font-weight:500;display:inline-flex;position:relative;box-shadow:0 0 0 1px light-dark(oklch(0% 0 none/.06),oklch(100% 0 none/.06))}&[data-v-339985bc]:has(:checked){box-shadow:none;color:var(--fg)}&[data-v-339985bc]:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}}.choice[data-v-339985bc]:before{z-index:-1;border-radius:inherit;background-color:light-dark(var(--color-zinc-50),var(--color-zinc-800));visibility:hidden;opacity:0;content:"";position:absolute;inset:0;box-shadow:inset 0 1px light-dark(oklch(100% 0 none),oklch(100% 0 none/.1)),0 1px light-dark(oklch(0% 0 none/.14),oklch(0% 0 none/.55)),0 0 0 1px light-dark(oklch(0% 0 none/.05),oklch(100% 0 none/.05))}.choice[data-v-339985bc]:has(:checked):before{visibility:inherit;opacity:1}@media (width<64rem){.choice:not(:has(:checked)){&[data-v-339985bc]{padding-inline-end:8px}&>.name[data-v-339985bc]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}}.swatch{&[data-v-339985bc]{--_face:light-dark(var(--color-zinc-300),var(--color-zinc-600));--_lit:light-dark(oklch(100% 0 none/.95),oklch(100% 0 none/.3));--_shade:light-dark(var(--color-zinc-500),var(--color-zinc-950));border-radius:var(--radius-full);background-color:var(--_face);flex:none;block-size:14px;inline-size:14px;margin:2px;display:block;position:relative}&[data-style=embossed][data-v-339985bc]{box-shadow:inset 0 1.5px 0 var(--_lit), inset 0 -1.5px 0 var(--_shade), 0 1px 0 color-mix(in oklab, var(--_shade) 60%, transparent)}&[data-style=pinscreen][data-v-339985bc]{--_chrome:light-dark(var(--color-zinc-200),var(--color-zinc-400));--_deep:light-dark(var(--color-zinc-500),var(--color-zinc-700));--_drop:light-dark(oklch(0% 0 none/.16),oklch(0% 0 none/.6));background:radial-gradient(circle 1.3px at 6.1px 9.6px, var(--color-white), oklch(100% 0 none/0)), radial-gradient(circle 3.25px at 7px 10.6px, var(--_chrome) 0, var(--_deep) 2.7px, transparent 3.25px), radial-gradient(circle 3.25px at 8px 11.6px, var(--_drop) 0 2.5px, transparent 3.25px);border-radius:0}&[data-style=holographic][data-v-339985bc]{background:radial-gradient(circle at 32% 28%, oklch(100% 0 none/.95) 0 .8px, oklch(100% 0 none/0) 3px), conic-gradient(from 200deg at 56% 60%, var(--color-sky-300), var(--color-indigo-300), var(--color-violet-300), var(--color-fuchsia-300), var(--color-sky-200), var(--color-sky-300));box-shadow:inset 0 1.5px 0 oklch(100% 0 none/.7), inset 0 -1.5px 0 color-mix(in oklab, var(--color-violet-500) 55%, transparent), 0 1px 0 color-mix(in oklab, var(--color-indigo-400) 45%, transparent)}&[data-style=topographic][data-v-339985bc]{--_line:light-dark(var(--color-zinc-400),var(--color-zinc-500));--_index:light-dark(var(--color-zinc-600),var(--color-zinc-300));background:radial-gradient(circle at 44% 40%, var(--_line) 0 1.1px, transparent 1.4px 2.8px, var(--_line) 3px 3.8px, transparent 4px 5.2px, var(--_index) 5.4px 6.6px, transparent 6.8px)}&[data-style=ferrofluid][data-v-339985bc]{--_ink:light-dark(var(--color-zinc-950),var(--color-black));--_gloss:light-dark(var(--color-zinc-600),var(--color-zinc-500));--_rim:light-dark(oklch(100% 0 none/0),oklch(100% 0 none/.45));background:radial-gradient(circle at 38% 34%, oklch(100% 0 none/.95) 0 .7px, oklch(100% 0 none/0) 2.4px), linear-gradient(135deg, var(--_rim), oklch(100% 0 none/0) 42%), radial-gradient(circle at 42% 38%, var(--_gloss), var(--_ink) 55%);clip-path:polygon(50% 0%,62% 21%,85.4% 14.6%,79% 38%,100% 50%,79% 62%,85.4% 85.4%,62% 79%,50% 100%,38% 79%,14.6% 85.4%,21% 62%,0% 50%,21% 38%,14.6% 14.6%,38% 21%);border-radius:0}}.swatch[data-style=blur][data-v-339985bc]{background:radial-gradient(circle, var(--_face) 25%, transparent 72%)}.swatch[data-style=pixelate][data-v-339985bc]{background:conic-gradient(from 90deg at 50% 50%, var(--_face) 25%, var(--_shade) 0 50%, var(--_face) 0 75%, light-dark(var(--color-zinc-200),var(--color-zinc-400)) 0);border-radius:2px;scale:.86}.swatch[data-style=glitch][data-v-339985bc]{background:linear-gradient(var(--_face) 0 0) 0 1px / 100% 3px no-repeat, linear-gradient(var(--_face) 0 0) 3px 6px / 100% 3px no-repeat, linear-gradient(var(--_face) 0 0) -2px 11px / 100% 3px no-repeat;filter:drop-shadow(-1.5px 0 0 light-dark(color-mix(in oklab, var(--color-red-500) 80%, transparent),color-mix(in oklab, var(--color-red-400) 85%, transparent))) drop-shadow(1.5px 0 0 light-dark(color-mix(in oklab, var(--color-sky-500) 80%, transparent),color-mix(in oklab, var(--color-sky-400) 85%, transparent)));border-radius:2px}.swatch[data-style=word]{&[data-v-339985bc]{box-shadow:inset 0 0 0 2.5px var(--_face);background:0 0}&[data-v-339985bc]:after{border-radius:var(--radius-full);background-color:var(--color-violet-400);content:"";block-size:5px;inline-size:5px;position:absolute;inset-block-end:-1px;inset-inline-end:-1px}}.swatch[data-style=map][data-v-339985bc]{background:radial-gradient(circle 1.2px at 3px 4px, var(--_face) 98%, transparent), radial-gradient(circle 1.2px at 6px 3px, var(--_face) 98%, transparent), radial-gradient(circle 1.2px at 5px 7px, var(--_face) 98%, transparent), radial-gradient(circle 1.2px at 10px 5px, var(--_face) 98%, transparent), radial-gradient(circle 1.2px at 12px 8px, var(--_face) 98%, transparent), radial-gradient(circle 1.2px at 9px 11px, var(--_face) 98%, transparent), radial-gradient(circle 1.2px at 4px 11px, var(--_face) 98%, transparent);border-radius:0}.swatch[data-style=chart][data-v-339985bc]{background:linear-gradient(var(--_face) 0 0) 1px 100% / 3px 40% no-repeat, linear-gradient(var(--_face) 0 0) 5.5px 100% / 3px 65% no-repeat, linear-gradient(var(--_face) 0 0) 10px 100% / 3px 100% no-repeat;border-radius:0}.swatch[data-style=pinscreen][data-v-339985bc]:before,.swatch[data-style=pinscreen][data-v-339985bc]:after{border-radius:var(--radius-full);background:radial-gradient(circle 1.3px at 35% 32%, var(--color-white), oklch(100% 0 none/0)), radial-gradient(circle at 50% 50%, var(--_chrome), var(--_deep) 85%);block-size:6.5px;inline-size:6.5px;box-shadow:1px 1px .5px var(--_drop);content:"";position:absolute;inset-block-start:0}.swatch[data-style=pinscreen][data-v-339985bc]:before{inset-inline-start:0}.swatch[data-style=pinscreen][data-v-339985bc]:after{inset-inline-end:0}@media (prefers-reduced-motion:no-preference){.choice[data-v-339985bc]{transition:color .2s var(--ease-out-quint)}.choice[data-v-339985bc]:before{transition:opacity .2s var(--ease-out-quint), visibility 0s linear .2s}.choice[data-v-339985bc]:has(:checked):before{transition:opacity .2s var(--ease-out-quint), visibility 0s linear 0s}.choice[data-v-339985bc]:active{scale:.97}}.lamp[data-v-606a7246]{justify-content:end;align-items:center;gap:var(--space-3);display:flex}.said[data-v-606a7246]{justify-items:end;display:grid}.colour[data-v-606a7246]{grid-area:1/1;justify-items:end;gap:2px;display:grid}.name[data-v-606a7246]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg);font-weight:600;line-height:1.3}.codes{&[data-v-606a7246]{justify-items:end;display:grid}&>[data-v-606a7246]{grid-area:1/1}}.code[data-v-606a7246]{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg-muted);line-height:1.3}.colour[data-v-606a7246]>*,.code[data-v-606a7246]{visibility:hidden;opacity:0}.squares[data-v-606a7246]{flex:none;display:grid}.square[data-v-606a7246]{border-radius:var(--radius-md);background-color:var(--gpu-lamp-square,transparent);block-size:2.25rem;inline-size:2.25rem;box-shadow:inset 0 1px 0 oklch(100% 0 none/.5), inset 0 -1px 0 oklch(from var(--gpu-lamp-square,transparent) calc(l - .12) c h), 0 1px 0 oklch(from var(--gpu-lamp-square,transparent) calc(l - .1) c h / .5);opacity:0;grid-area:1/1}.lamp:not([data-held])[data-signal=yellow] [data-colour=yellow],.lamp:not([data-held])[data-signal=green] [data-colour=green],.lamp:not([data-held])[data-signal=red] [data-colour=red],.lamp[data-held=yellow] [data-colour=yellow],.lamp[data-held=green] [data-colour=green],.lamp[data-held=red] [data-colour=red]{&.square[data-v-606a7246]{opacity:1}&>.name[data-v-606a7246],&>.codes[data-v-606a7246]{visibility:inherit;opacity:1}}.lamp[data-code=oklch] .code[data-kind=oklch][data-v-606a7246],.lamp[data-code=rgb] .code[data-kind=rgb][data-v-606a7246]{visibility:inherit;opacity:1}@media (width<64rem){.lamp[data-v-606a7246]{flex-direction:row-reverse;justify-content:start}.said[data-v-606a7246],.colour[data-v-606a7246],.codes[data-v-606a7246]{justify-items:start}}.counted[data-v-1689fd64]{display:grid}.whole[data-v-1689fd64],.now[data-v-1689fd64]{grid-area:1/1}.whole[data-v-1689fd64]{visibility:hidden}.now[data-v-1689fd64]{contain:size layout}:where(.web-gpu[data-v-60b962ba]){scroll-snap-align:start;block-size:max-content;position:relative}:where(.web-gpu[data-staged][data-v-60b962ba]){block-size:calc((var(--web-gpu-travel) + 1) * 100lvh);scroll-snap-align:none}.stop[data-v-60b962ba]{top:calc((var(--web-gpu-at,0) + .5) * 100lvh - 2px);pointer-events:none;block-size:1px;scroll-margin-top:calc(50lvh - 2px);position:absolute;inset-inline:0}.rest{&[data-v-60b962ba]{top:calc(var(--web-gpu-rest,0) * 100lvh);pointer-events:none;block-size:1px;position:absolute;inset-inline:0}&[data-strict][data-v-60b962ba]{scroll-snap-align:start}}.web-gpu[data-v-60b962ba]{--web-gpu-page:clamp(84rem, 76vw, 104rem);--web-gpu-edge:max(clamp(1.5rem, 5vw, 5rem), (100% - var(--web-gpu-page)) / 2);--web-gpu-open:var(--space-24);--web-gpu-crest:4.75rem;--web-gpu-crest-scale:.4;--web-gpu-kicker:3rem;--web-gpu-crest-step:0px;--web-gpu-glass-y:var(--space-4);--web-gpu-glass-x:var(--space-6);--web-gpu-read:7.75rem;--web-gpu-read-room:12.75rem;--web-gpu-band-room:13rem;--web-gpu-readout-room:3.25rem;--web-gpu-foot:var(--space-12)}@media (width>=80rem){.web-gpu[data-v-60b962ba]{--web-gpu-open:7rem}}.frame[data-v-60b962ba]{pointer-events:auto;touch-action:pan-y;block-size:100lvh;position:sticky;top:0;overflow:hidden}.frame[data-hand=turn][data-v-60b962ba]{cursor:var(--cursor-answers)}.frame[data-hand=held][data-v-60b962ba]{cursor:var(--cursor-press)}.field[data-v-60b962ba]{position:absolute;inset:0}.heading[data-v-60b962ba]{inset:0 var(--web-gpu-edge);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--web-gpu-read-room) minmax(0, 1fr) var(--web-gpu-band-room);padding-block:var(--web-gpu-read) var(--web-gpu-foot);pointer-events:none;display:grid;position:absolute}.read-room[data-v-60b962ba]{grid-area:1/1}.stage[data-v-60b962ba]{margin-block:var(--space-6);pointer-events:none;grid-area:2/1;position:relative;inset-block-start:calc(var(--space-6) * -1)}.slot[data-v-60b962ba]{aspect-ratio:1;inline-size:min(100%,52svh);margin:auto;position:absolute;inset:0}.risen[data-v-60b962ba]{margin-block:var(--space-6);pointer-events:none;grid-area:1/1/3/2}.points-room[data-v-60b962ba]{margin-block:calc(var(--web-gpu-read-room) + var(--space-6)) var(--space-6);pointer-events:none;grid-area:1/1/3/2}.band[data-v-60b962ba]{pointer-events:auto;grid-area:3/1;place-items:end;display:grid}.frame[data-seam] .band[data-v-60b962ba]{visibility:hidden;opacity:0}.frame[data-lens] .band[data-v-60b962ba]{opacity:0}@media (prefers-reduced-motion:no-preference){.band[data-v-60b962ba]{transition:opacity .24s var(--ease-in-out-quart), visibility 0s linear 0s}.frame[data-seam] .band[data-v-60b962ba]{transition:opacity .16s var(--ease-in-out-quart), visibility 0s linear .16s}}.story[data-v-60b962ba]{pointer-events:none;position:absolute;inset:0}.track{&[data-v-60b962ba]{inset-block-start:calc(var(--web-gpu-from) * 100lvh + var(--_at));inset-inline:var(--web-gpu-edge);flex-direction:column;align-items:center;display:flex;position:absolute}&[data-v-60b962ba]:after{content:"";block-size:calc(var(--web-gpu-span) * 100lvh);flex:none}}.at-top[data-v-60b962ba]{--_at:var(--web-gpu-read)}.at-foot[data-v-60b962ba]{--_at:calc(100lvh - var(--web-gpu-foot) - var(--web-gpu-band-room));align-items:stretch}.held[data-v-60b962ba]{top:var(--_at);pointer-events:auto;position:sticky}.opening{&[data-v-60b962ba]{inset-block-start:var(--web-gpu-open);inset-inline:var(--web-gpu-edge);align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex;position:absolute}&[data-v-60b962ba]:after{content:"";block-size:calc(var(--web-gpu-span) * 100lvh - var(--web-gpu-open) + var(--web-gpu-crest) - var(--web-gpu-kicker));flex:none}&>[data-v-60b962ba]{pointer-events:auto}}.crest[data-v-60b962ba]{top:calc(var(--web-gpu-crest) - var(--web-gpu-kicker));z-index:1;white-space:nowrap;position:sticky}.crest[data-v-60b962ba] .stack{isolation:isolate;transform-origin:50% 0;position:relative}.crest[data-v-60b962ba] .stack:before{--_glass:light-dark(oklch(98.51% 0 none/.92),oklch(21.03% .0059 285.89/.9));content:"";inset:calc(var(--space-2) / var(--web-gpu-crest-scale) * -1) calc(var(--web-gpu-glass-x) / var(--web-gpu-crest-scale) * -1);z-index:-1;border:calc(1px / var(--web-gpu-crest-scale)) solid light-dark(oklch(21.03% .0059 285.89/.08),oklch(100% 0 none/.07));border-radius:calc(var(--radius-2xl) / var(--web-gpu-crest-scale));background-image:linear-gradient(to bottom, color-mix(in oklab, var(--color-white) 8%, var(--_glass)), var(--_glass));opacity:0;pointer-events:none;position:absolute}.story[data-lens] .crest[data-v-60b962ba] .stack:before{opacity:1}.story[data-lens] .crest[data-v-60b962ba] .stack{translate:var(--web-gpu-crest-step) 0}@media (prefers-reduced-motion:no-preference){.crest[data-v-60b962ba] .stack:before{transition:opacity .24s var(--ease-in-out-quart)}.crest[data-v-60b962ba] .stack{transition:translate .24s var(--ease-in-out-quart)}}.say[data-v-60b962ba]{max-inline-size:17.5em;font-family:var(--font-serif);font-size:clamp(var(--text-xl), 1.9vw, var(--text-3xl));letter-spacing:-.005em;text-align:center;color:var(--fg);text-wrap:balance;margin:0;font-weight:500;line-height:1.25}:is(.say[data-glass][data-v-60b962ba],.block[data-glass] .measure[data-lamp][data-v-60b962ba]){isolation:isolate;inline-size:fit-content;padding:var(--web-gpu-glass-y) var(--web-gpu-glass-x);position:relative}:is(.say[data-glass][data-v-60b962ba],.block[data-glass] .measure[data-lamp][data-v-60b962ba]):before{--_glass:light-dark(oklch(98.51% 0 none/.92),oklch(21.03% .0059 285.89/.9));content:"";z-index:-1;border-radius:var(--radius-2xl);background-image:linear-gradient(to bottom, color-mix(in oklab, var(--color-white) 8%, var(--_glass)), var(--_glass));pointer-events:none;border:1px solid light-dark(oklch(21.03% .0059 285.89/.08),oklch(100% 0 none/.07));border-color:light-dark(oklch(21.03% .0059 285.89/.08),oklch(100% 0 none/.07)) light-dark(oklch(21.03% .0059 285.89/.08),oklch(100% 0 none/.07)) light-dark(oklch(21.03% .0059 285.89/.08),oklch(100% 0 none/.07)) light-dark(oklch(21.03% .0059 285.89/.08),oklch(100% 0 none/.07));position:absolute;inset:0;box-shadow:inset 0 1px light-dark(oklch(100% 0 none/.9),oklch(100% 0 none/.12)),inset 0 -1px light-dark(oklch(21.03% .0059 285.89/.1),oklch(0% 0 none/.45)),0 12px 28px -14px oklch(14.08% .0044 285.82/.5)}.block[data-glass] .measure[data-lamp][data-v-60b962ba]:before{opacity:0}.story[data-lens] .block[data-glass] .measure[data-lamp][data-v-60b962ba]:before{opacity:1}.story[data-lens] .block[data-glass] .stamp[data-v-60b962ba]{opacity:0}@media (prefers-reduced-motion:no-preference){:is(.say[data-glass][data-v-60b962ba],.block[data-glass] .measure[data-lamp][data-v-60b962ba]):before,.block[data-glass] .stamp[data-v-60b962ba]{transition:opacity .24s var(--ease-in-out-quart)}}.block[data-v-60b962ba]{align-content:end;align-items:end;gap:var(--space-3) var(--space-8);min-block-size:calc(var(--web-gpu-band-room) - var(--web-gpu-readout-room));grid-template-columns:minmax(0,1fr) auto;display:grid}.caption[data-v-60b962ba]{align-content:end;justify-items:start;gap:var(--space-2);max-inline-size:46rem;display:grid}.opens-title[data-v-60b962ba]{font-family:var(--font-title);font-size:clamp(var(--text-2xl), 2.6vw, var(--text-4xl));letter-spacing:.01em;color:var(--fg);font-weight:700;line-height:1.1}.stamp[data-v-60b962ba]{align-self:end}.measures[data-v-60b962ba]{text-align:end;justify-items:end;display:grid}.measure{&[data-v-60b962ba]{justify-items:end;gap:var(--space-1);grid-area:1/1;display:grid}&[data-v-60b962ba]:not([data-told]){visibility:hidden}}:is(.block,.measure,.still-stop){&[data-hue=blue][data-v-60b962ba]{--_hue-fg:light-dark(var(--color-blue-700),var(--color-blue-400))}&[data-hue=sky][data-v-60b962ba]{--_hue-fg:light-dark(var(--color-sky-700),var(--color-sky-400))}&[data-hue=indigo][data-v-60b962ba]{--_hue-fg:light-dark(var(--color-indigo-700),var(--color-indigo-300))}&[data-hue=violet][data-v-60b962ba]{--_hue-fg:light-dark(var(--color-violet-700),var(--color-violet-400))}&[data-hue=fuchsia][data-v-60b962ba]{--_hue-fg:light-dark(var(--color-fuchsia-700),var(--color-fuchsia-400))}}.kicker[data-v-60b962ba]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);font-weight:500;line-height:1.3}.step[data-v-60b962ba]{color:var(--_hue-fg,var(--accent-fg));margin-inline-end:var(--space-2);font-weight:600}.line[data-v-60b962ba]{max-inline-size:34rem;font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-base);color:var(--fg-soft);margin-block-end:var(--space-1);@supports (text-wrap:pretty){text-wrap:pretty}}.seen[data-v-60b962ba]{font-family:var(--font-serif);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--fg-muted)}.try[data-v-60b962ba]{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.try>.gpu-keys[data-v-60b962ba]{flex-basis:100%}.tilt{&[data-v-60b962ba]{min-block-size:2rem;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface,transparent);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg);align-items:center;line-height:1;display:inline-flex}&[aria-pressed=true][data-v-60b962ba]{border-color:var(--accent);color:var(--accent-fg);box-shadow:inset 0 1px 2px oklch(14.08% .0044 285.82/.18)}&[data-v-60b962ba]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}.invite[data-v-60b962ba]{align-items:center;gap:var(--space-1) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--_hue-fg);flex-wrap:wrap;margin-block-start:var(--space-1);font-weight:500;line-height:1.3;display:flex}.hint[data-v-60b962ba]{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hint+.hint[data-v-60b962ba]:before{color:var(--fg-faint);content:"·";margin-inline-end:var(--space-3)}.hint-icon[data-v-60b962ba]{flex:none;block-size:1rem;inline-size:1rem}.figure[data-v-60b962ba]{font-family:var(--font-display);font-size:clamp(var(--text-4xl), 3.6vw, var(--text-6xl));font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--_hue-fg);text-shadow:none;-webkit-text-stroke:.035em currentcolor;paint-order:stroke fill;font-weight:400;line-height:.95}:is(.caption[data-v-60b962ba],.measure[data-v-60b962ba]){--swap-text-hue:var(--_hue-fg)}.counts[data-v-60b962ba]{max-inline-size:28rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--fg-muted);line-height:1.3}.light-names[data-v-60b962ba]{pointer-events:none;margin:0;position:absolute;inset-block-start:var(--web-gpu-lens-y);inset-inline-start:var(--web-gpu-lens-x)}.light-name[data-v-60b962ba]{--_across:calc(sibling-index() - 2);inline-size:8rem;translate:calc(var(--_across) * var(--web-gpu-lens-size) / 3) calc(var(--web-gpu-lens-size) / 2 + max(6px, var(--web-gpu-lens-size) * .12) + 10px);opacity:0;justify-content:center;display:flex;position:absolute;inset-block-start:0;inset-inline-start:-4rem}.light-names[data-said] .light-name[data-v-60b962ba]{opacity:1}.light-word[data-v-60b962ba]{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;background:light-dark(oklch(98.51% 0 none/.92),oklch(21.03% .0059 285.89/.9));padding:.125rem .625rem;font-weight:600;line-height:1.5;box-shadow:inset 0 1px light-dark(oklch(100% 0 none/.9),oklch(100% 0 none/.12)),0 4px 12px -6px oklch(14.08% .0044 285.82/.5)}.light-name[data-hue=red][data-v-60b962ba]{color:light-dark(var(--color-red-600),var(--color-red-400))}.light-name[data-hue=green][data-v-60b962ba]{color:light-dark(var(--color-green-700),var(--color-green-400))}.light-name[data-hue=blue][data-v-60b962ba]{color:light-dark(var(--color-blue-600),var(--color-blue-400))}@supports (view-timeline:--web-gpu-track block){.track[data-v-60b962ba]{view-timeline:--web-gpu-track block}.opening[data-v-60b962ba]{view-timeline:--web-gpu-opening block}}@supports (animation-timeline:view()) and (animation-range:cover){@media (prefers-reduced-motion:no-preference){.at-top>.held[data-v-60b962ba]{--_let-go:calc(100lvh - var(--web-gpu-read) + var(--web-gpu-span) * 100lvh);animation:linear both web-gpu-held-in,linear forwards web-gpu-held-out;animation-timeline:--web-gpu-track,--web-gpu-track;animation-range:cover 0% cover 50lvh, cover var(--_let-go) cover calc(var(--_let-go) + var(--web-gpu-read) - var(--web-gpu-crest))}.opening[data-v-60b962ba]>*{animation:linear both web-gpu-held-in;animation-timeline:--web-gpu-opening;animation-range:cover calc(86lvh - var(--web-gpu-open)) cover calc(100lvh - var(--web-gpu-open))}.opening>.say[data-v-60b962ba]{animation:linear both web-gpu-held-in,linear forwards web-gpu-held-out;animation-timeline:--web-gpu-opening,--web-gpu-opening;animation-range:cover calc(86lvh - var(--web-gpu-open)) cover calc(100lvh - var(--web-gpu-open)), cover calc(100lvh - var(--web-gpu-open)) cover calc(108lvh - var(--web-gpu-open))}.crest[data-v-60b962ba] .subtitle{animation:linear forwards web-gpu-held-out;animation-timeline:--web-gpu-opening;animation-range:cover calc(100lvh - var(--web-gpu-open)) cover calc(108lvh - var(--web-gpu-open))}.crest[data-v-60b962ba] .stack{animation:linear both web-gpu-crest-small;animation-timeline:--web-gpu-opening;animation-range:cover calc(100lvh - var(--web-gpu-open)) cover calc(115lvh - var(--web-gpu-open))}.at-foot>.held[data-v-60b962ba]{--_band:calc(var(--web-gpu-foot) + var(--web-gpu-band-room));--_let-go:calc(var(--_band) + var(--web-gpu-span) * 100lvh);animation:linear both web-gpu-held-in,linear forwards web-gpu-held-out;animation-timeline:--web-gpu-track,--web-gpu-track;animation-range:cover 0% cover calc(var(--_band) * .7), cover calc(var(--_let-go) + 2lvh) cover calc(var(--_let-go) + 16lvh)}}}@media (width>=64rem) and (height<52rem){.web-gpu[data-v-60b962ba]{--web-gpu-open:var(--space-20);--web-gpu-read:7.5rem;--web-gpu-read-room:10rem;--web-gpu-band-room:12rem;--web-gpu-foot:var(--space-5)}.say[data-v-60b962ba]{font-size:clamp(var(--text-lg), 1.4vw, var(--text-xl))}.opens-title[data-v-60b962ba]{font-size:clamp(var(--text-xl), 1.9vw, var(--text-2xl))}.stage[data-v-60b962ba],.risen[data-v-60b962ba]{margin-block:var(--space-3)}.points-room[data-v-60b962ba]{margin-block:calc(var(--web-gpu-read-room) + var(--space-3)) var(--space-3)}.block[data-v-60b962ba]{gap:var(--space-2) var(--space-6)}.figure[data-v-60b962ba]{font-size:var(--text-4xl)}}@media (width<64rem){.block[data-v-60b962ba]{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.measures[data-v-60b962ba]{text-align:start;justify-items:stretch}.measure[data-v-60b962ba]{place-items:baseline start;gap:var(--space-1) var(--space-3);grid-template-columns:auto minmax(0,1fr)}.measure[data-lamp][data-v-60b962ba]{grid-template-columns:minmax(0,1fr)}.band[data-v-60b962ba]{justify-items:stretch}.readout{&[data-v-60b962ba]{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-flow:wrap}& [data-v-60b962ba] .headline{font-size:var(--text-sm)}}.invite[data-v-60b962ba]{display:none}}@media (width<64rem) and (aspect-ratio<4/3){.web-gpu[data-v-60b962ba]{--web-gpu-edge:var(--space-4);--web-gpu-open:var(--space-20);--web-gpu-crest:4.5rem;--web-gpu-crest-scale:.5;--web-gpu-kicker:2.25rem;--web-gpu-glass-y:var(--space-3);--web-gpu-glass-x:var(--space-4);--web-gpu-read:6.75rem;--web-gpu-read-room:7.25rem;--web-gpu-band-room:17rem;--web-gpu-readout-room:2.25rem;--web-gpu-foot:calc(var(--space-5) + 100lvh - 100svh)}.track[data-v-60b962ba],.opening[data-v-60b962ba]{text-align:start;place-items:start}.crest[data-v-60b962ba] .stack{--web-gpu-crest-step:var(--web-gpu-glass-x);transform-origin:0 0}.say[data-v-60b962ba]{font-size:var(--text-lg);text-align:start}.figure[data-v-60b962ba]{font-size:var(--text-4xl)}.stage[data-v-60b962ba]{margin-block:var(--space-4)}.points-room[data-v-60b962ba]{margin-block:calc(var(--space-4) - var(--space-12));grid-area:2/1}.risen[data-v-60b962ba]{margin:4rem 0 var(--space-2)}.slot[data-v-60b962ba]{inline-size:min(78%,40svh);@media (height<44rem){inline-size:min(70%,30svh)}}}@media (width<64rem) and (aspect-ratio<4/3) and (width>=40rem){.web-gpu[data-v-60b962ba]{--web-gpu-edge:var(--space-10)}}@media (width<64rem) and (aspect-ratio<4/3) and (height<46rem){.web-gpu[data-v-60b962ba]{--web-gpu-open:var(--space-16);--web-gpu-read:6.5rem;--web-gpu-read-room:6rem;--web-gpu-band-room:14.5rem;--web-gpu-readout-room:1.75rem}.line[data-v-60b962ba]{font-size:var(--text-sm);line-height:var(--leading-sm)}.say[data-v-60b962ba]{font-size:var(--text-base)}.opens-title[data-v-60b962ba]{font-size:var(--text-xl)}.seen[data-v-60b962ba]{display:none}.figure[data-v-60b962ba]{font-size:var(--text-3xl)}.readout[data-v-60b962ba] .headline{display:none}.stage[data-v-60b962ba]{margin-block:var(--space-2)}}@media (width<64rem) and (aspect-ratio>=4/3){.web-gpu[data-v-60b962ba]{--web-gpu-edge:var(--space-6);--web-gpu-open:var(--space-16);--web-gpu-crest:4.5rem;--web-gpu-crest-scale:.5;--web-gpu-kicker:2.25rem;--web-gpu-read:6.5rem;--web-gpu-read-room:6rem;--web-gpu-band-room:calc(100lvh - var(--web-gpu-read) - var(--web-gpu-read-room) - var(--web-gpu-foot) - var(--space-4));--web-gpu-readout-room:0rem;--web-gpu-foot:var(--space-4)}.heading[data-v-60b962ba]{grid-template-columns:minmax(0,min(22rem,42vw)) minmax(0,1fr)}.track[data-v-60b962ba],.opening[data-v-60b962ba]{text-align:start;place-items:start;inline-size:min(22rem,42vw)}.crest[data-v-60b962ba] .stack{--web-gpu-crest-step:var(--web-gpu-glass-x);transform-origin:0 0}.say[data-v-60b962ba]{font-size:var(--text-base);text-align:start}.band[data-v-60b962ba]{grid-area:3/2;margin-inline-start:var(--space-6)}.figure[data-v-60b962ba]{font-size:var(--text-3xl)}.stage[data-v-60b962ba],.risen[data-v-60b962ba],.points-room[data-v-60b962ba]{margin:0 0 var(--space-3) var(--space-6);grid-area:1/2/3/3}.seen[data-v-60b962ba]{display:none}}.still[data-v-60b962ba]{gap:var(--space-8);inline-size:100%;max-inline-size:72rem;padding:var(--space-20) var(--space-4);flex-direction:column;margin-inline:auto;display:flex;@media (width>=40rem){padding-inline:var(--space-10)}}.still-body[data-v-60b962ba]{gap:var(--space-8);flex-direction:column;display:flex;@media (width>=48rem){flex-direction:row;justify-content:space-between;align-items:flex-start}}.column[data-v-60b962ba]{gap:var(--space-6);flex-direction:column;max-inline-size:32rem;display:flex}.still-intro[data-v-60b962ba]{gap:var(--space-3);font-family:var(--font-serif);font-size:var(--text-lg);color:var(--fg);line-height:1.4;display:grid;@supports (text-wrap:pretty){text-wrap:pretty}}.still-stops[data-v-60b962ba]{gap:var(--space-4);display:grid}.still-stop{&[data-v-60b962ba]{gap:var(--space-1);display:grid}&>.line[data-v-60b962ba]{font-size:var(--text-base)}}.still-stage[data-v-60b962ba]{aspect-ratio:16/10;border-radius:var(--radius-2xl);position:relative;overflow:hidden}.still-stage .slot[data-v-60b962ba]{inline-size:min(52%,24rem)}.still-poster{&[data-v-60b962ba]{border-radius:var(--radius-2xl);display:block;overflow:hidden}&>img[data-v-60b962ba]{block-size:auto;inline-size:100%;display:block}}}@keyframes swap-text-in{0%{opacity:0;translate:0 .4em}}@keyframes swap-text-sharpen{0%{filter:blur(4px)}}@keyframes swap-text-fresh{0%,30%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference){@layer components{.colour[data-v-606a7246]>*,.code[data-v-606a7246]{transition:opacity .6s var(--ease-standard), visibility 0s linear .6s}.square[data-v-606a7246]{transition:opacity .9s var(--ease-standard)}.lamp:not([data-held])[data-signal=yellow] [data-colour=yellow],.lamp:not([data-held])[data-signal=green] [data-colour=green],.lamp:not([data-held])[data-signal=red] [data-colour=red],.lamp[data-held=yellow] [data-colour=yellow],.lamp[data-held=green] [data-colour=green],.lamp[data-held=red] [data-colour=red]{&>.name[data-v-606a7246],&>.codes[data-v-606a7246]{transition:opacity .9s var(--ease-standard), visibility 0s linear 0s}}.lamp[data-code=oklch] .code[data-kind=oklch][data-v-606a7246],.lamp[data-code=rgb] .code[data-kind=rgb][data-v-606a7246]{transition:opacity .9s var(--ease-standard), visibility 0s linear 0s}}}@keyframes web-gpu-held-in{0%{opacity:0}}@keyframes web-gpu-crest-small{to{scale:var(--web-gpu-crest-scale)}}@keyframes web-gpu-held-out{to{opacity:0}}