@media screen{html[data-family=terminal] .terminal:has(>.lab-hero){max-width:none;padding-top:0;padding-inline:max(var(--terminal-gutter), calc((100% - 1280px) / 2 + var(--terminal-gutter)))}}.terminal:not(:has(>.lab-stage[data-view]))>.lab-hero{margin-bottom:72px}@media screen{.terminal:has(>.lab-stage[data-view])>.lab-hero{padding-bottom:22px}.lab-hero~.lab-stage[data-view]{z-index:2;border-radius:22px 22px 0 0;margin-top:-22px}.lab-hero~.lab-stage[data-view] .stage-view{border-radius:22px 22px 0 0}.lab-hero~.lab-stage[data-view=drift]{box-shadow:0 -1px #fffaf059,0 -26px 60px -24px #f1ebe038}}.lab-hero{--hero-bg:#0a0b0a;--hero-fg:#ecebe3;--hero-muted:#8b9187;--hero-line:#ecebe329;--hero-accent:#b9c7a3;--card-h:clamp(176px, 36svh, 340px);--card-w:calc(var(--card-h) * 4 / 3);--pitch:calc(var(--card-w) * 1.1);width:100cqw;min-height:max(100svh,600px);color:var(--hero-fg);background:var(--hero-bg);view-timeline:--lab-hero block;margin-left:calc(50% - 50cqw);position:relative;overflow:clip}.lab-hero:before{content:"";pointer-events:none;background:radial-gradient(64% 42% at 50% 60%,#b9c7a313,#0000 72%),radial-gradient(120% 90%,#0000 55%,#0000008c);position:absolute;inset:0}.lab-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(transparent, var(--hero-bg) 82%);opacity:0;height:48%;position:absolute;inset:auto 0 0}.hero-inner{min-height:inherit;padding:34px var(--terminal-gutter) 30px;transform-origin:50% 30%;flex-direction:column;display:flex;position:relative}.lab-hero .hero-crumb{color:var(--hero-muted);margin:0}.lab-hero .hero-crumb a{color:var(--hero-accent)}.hero-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 48px;margin-top:clamp(28px,6svh,60px);display:grid}.hero-title{font:400 clamp(64px, 10.4vw, 160px) / .8 var(--pixel);letter-spacing:-.02em;color:var(--hero-fg);margin:0}.hero-lede{max-width:24em;font:400 clamp(15px, 1.35vw, 19px) / 1.75 var(--reader);color:var(--hero-muted);margin:0 0 .3em}.hero-lede span{display:block}.hero-lede span:first-child{color:var(--hero-fg)}.hero-stats{border-top:1px solid var(--hero-line);font:11px/1.8 var(--mono);letter-spacing:.08em;color:var(--hero-muted);flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:22px;padding-top:12px;display:flex}.hero-stats strong{color:var(--hero-accent);font-size:14px;font-weight:500}.hero-howto{font:13px/1.8 var(--mono);letter-spacing:0;color:var(--hero-fg);border-bottom:1px solid var(--hero-line);transition:border-color var(--dur-1) var(--ease-out);margin-left:auto}.hero-howto:hover{border-color:var(--hero-accent)}.hero-reel{height:calc(var(--card-h) * 1.5);margin:auto calc(-1 * var(--terminal-gutter));touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:none;position:relative}.reel-still,.hero-reel canvas{transition:opacity .7s var(--ease-out);position:absolute;inset:0}.hero-reel canvas{opacity:0;width:100%;height:100%;display:block}.hero-reel[data-state=live] canvas{opacity:1}.hero-reel[data-state=live] .reel-still{opacity:0}.hero-reel[data-state=live]{cursor:grab}.hero-reel[data-hover]{cursor:pointer}.hero-reel[data-drag]{cursor:grabbing}.reel-still{mask:var(--fray) 0 0 / 100% 100% no-repeat}.reel-still:after{content:"";background:linear-gradient(90deg,#0a0b0a73,#0000 24% 76%,#0a0b0a73);position:absolute;inset:0}.reel-card{width:var(--card-w);height:var(--card-h);margin:calc(var(--card-h) / -2) 0 0 calc(var(--card-w) / -2);border-radius:calc(var(--card-h) * .034);translate:calc(var(--i) * var(--pitch)) 0;background:repeating-linear-gradient(-45deg,#121412 0 4.5px,#191b19 4.5px 9px);position:absolute;top:50%;left:50%;overflow:hidden}.reel-spare{display:none}.reel-card img{object-fit:cover;filter:saturate(.88)brightness(.9);-webkit-user-drag:none;width:100%;height:100%;display:block}.hero-caption{margin:calc(var(--card-h) * -.25 + 18px) 0 0;text-align:center;pointer-events:none;justify-items:center;gap:5px;display:grid;position:relative}.hero-caption b{font:400 clamp(17px, 1.45vw, 21px) / 1.3 var(--reader);color:var(--hero-fg)}.hero-caption small{font:11px/1.4 var(--mono);letter-spacing:.06em;color:var(--hero-muted)}.hero-down{font:15px/1.4 var(--reader);color:var(--hero-fg);align-self:flex-start;align-items:center;gap:14px;margin-top:18px;display:flex}.hero-down-ring{width:38px;height:38px;transition:translate .3s var(--ease-out), border-color var(--dur-1) var(--ease-out);border:1px solid #ecebe347;border-radius:50%;place-items:center;font:18px/1 Newsreader,serif;display:grid}.hero-down:hover .hero-down-ring{border-color:var(--hero-accent);translate:0 3px}.hero-down b{font:500 13px var(--mono);color:var(--hero-accent)}html:has(.lab-hero):not([data-lab-hero-past]) #shell #nav-dot{--fg:#ecebe3}@media (prefers-reduced-motion:no-preference){.hero-title{animation:hero-rise .9s .12s var(--ease-out) both}.hero-lede span{animation:hero-fade .7s .36s var(--ease-out) both}.hero-lede span+span{animation-delay:.46s}.hero-stats{animation:hero-wipe .9s .28s var(--ease-inout) both}.hero-reel{animation:hero-fade 1.1s .16s var(--ease-out) both}.hero-caption,.hero-down{animation:hero-fade .7s .64s var(--ease-out) both}@supports (animation-timeline:view()){html:not([data-motion=reduced-motion]) .hero-inner,html:not([data-motion=reduced-motion]) .lab-hero:after{animation-name:hero-sink;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--lab-hero;animation-range:exit}html:not([data-motion=reduced-motion]) .lab-hero:after{animation-name:hero-dusk;animation-range:exit exit 30%}}}html[data-motion=reduced-motion] .lab-hero *{animation:none}@keyframes hero-rise{0%{clip-path:inset(100% 0 -.2em);translate:0 .3em}to{clip-path:inset(-.1em 0 -.2em);translate:0}}@keyframes hero-fade{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes hero-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hero-dusk{to{opacity:1}}@keyframes hero-sink{to{opacity:.25;translate:0 42%;scale:.94}}@media (width>=760px) and (height<=760px){.lab-hero{--card-h:clamp(150px, 31svh, 340px)}.hero-head{margin-top:20px}.hero-title{font-size:clamp(56px,min(10.4vw,19svh),160px)}.hero-stats{margin-top:16px}.hero-inner{padding-bottom:22px}.hero-down{margin-top:12px}}@media (width<=759px){.lab-hero{--card-w:min(64vw, 280px);--card-h:calc(var(--card-w) * 3 / 4);min-height:max(100svh,560px)}.hero-inner{padding-top:28px}.reel-still{mask-position:50% 0;mask-size:156% 100%}.reel-still:after{background:linear-gradient(90deg,#0a0b0a73,#0000 18% 82%,#0a0b0a73)}.hero-caption small{text-wrap:balance;min-height:2.8em}.hero-head{margin-top:34px;display:block}.hero-title{font-size:clamp(56px,18vw,80px)}.hero-lede{margin:14px 0 0;font-size:15px}.hero-stats{letter-spacing:.04em;gap:4px 10px;margin-top:18px;font-size:10px}.hero-stats strong{font-size:12px}.hero-stats:after{content:"";flex-basis:100%;order:1}.hero-howto{order:2;margin:2px 0 0;font-size:12px}.hero-down{gap:12px;font-size:14px}.hero-down-ring{width:34px;height:34px}}@media print{.lab-hero{min-height:0;color:inherit;background:0 0}.lab-hero:before,.lab-hero:after,.hero-reel,.hero-caption,.hero-down{display:none}.hero-inner{min-height:0;padding:0}.lab-hero *{color:inherit}}.lab-stage{margin:0 0 112px}.stage-hud{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.stage-title{font:400 26px/1 var(--pixel);letter-spacing:.04em;align-items:baseline;gap:14px;margin:0;display:flex}.stage-title small{font:11px/1 var(--mono);letter-spacing:.12em;color:var(--muted)}.stage-switch,.stage-track,.stage-veil,.stage-caption,.stage-count,.stage-bar,.stage-hint,.stage-shade{display:none}.stage-field{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;display:grid}.stage-card{color:var(--fg);align-content:start;gap:9px;display:grid}.stage-print{aspect-ratio:16/10;border:1px solid var(--line);background:var(--soft);border-radius:2px;display:block;position:relative;overflow:hidden}.stage-print img,.stage-blank{width:100%;height:100%;position:absolute;inset:0}.stage-print img{object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);max-width:none;transform:scale(var(--zoom,1));transform-origin:var(--fx,50%) var(--fy,50%);-webkit-user-drag:none}.stage-blank{font:13px/1.4 var(--reader);text-align:center;color:var(--muted);place-items:center;padding:8px;display:grid}.stage-name{gap:3px;min-width:0;display:grid}.stage-name b{font:400 14px/1.3 var(--reader)}.stage-name small{text-overflow:ellipsis;white-space:nowrap;font:10.5px/1.4 var(--mono);color:var(--muted);overflow:hidden}.stage-card:is(:hover,:focus-visible) .stage-print{border-color:var(--accent)}.stage-foot{justify-content:flex-end;margin-top:22px;display:flex}.stage-skip{font:12px/2 var(--mono);border-bottom:1px solid var(--line);transition:border-color var(--dur-1) var(--ease-out)}.stage-skip:hover{border-color:var(--accent)}@media screen{html[data-family=terminal] .terminal:has(>.lab-stage[data-view]){max-width:none;padding-inline:max(var(--terminal-gutter), calc((100% - 1280px) / 2 + var(--terminal-gutter)))}.lab-stage[data-view]{--step:72px;width:100cqw;height:calc(100svh + var(--count) * var(--step));background:var(--stage-bg);transition:background-color .6s var(--ease-out);margin:0 0 120px calc(50% - 50cqw);position:relative}.lab-stage[data-view=orbit]{--stage-bg:#0a0b0a;--stage-fg:#ecebe3;--stage-muted:#8b9187;--stage-line:#ecebe329;--stage-accent:#b9c7a3}.lab-stage[data-view=drift]{--stage-bg:#f1ebe0;--stage-fg:#2c2721;--stage-muted:#7b6f61;--stage-line:#3c2c1e2e;--stage-accent:#8b5a3a}.lab-stage[data-view] .stage-view{height:100svh;color:var(--stage-fg);background:var(--stage-bg);touch-action:pan-y;transition:background-color .6s var(--ease-out), color .6s var(--ease-out);position:sticky;top:0;overflow:clip}.lab-stage[data-view] .stage-view:before,.lab-stage[data-view] .stage-view:after{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.lab-stage[data-view] .stage-view:before{background:radial-gradient(ellipse 62% 58% at 50% var(--caption-y,52%), #b9c7a312, transparent 70%)}.lab-stage[data-view] .stage-view:after{background:radial-gradient(70% 62%,#fffdf8b3,#0000 72%),radial-gradient(circle,#5c46301f .8px,#0000 1.3px) 0 0/22px 22px}.lab-stage[data-view=orbit] .stage-view:before,.lab-stage[data-view=drift] .stage-view:after{opacity:1}.lab-stage[data-view] .stage-hud{z-index:500;padding:26px var(--terminal-gutter);pointer-events:none;justify-content:flex-start;align-items:center;gap:22px;margin:0;position:absolute;top:0;left:0;right:0}.lab-stage[data-view] .stage-title{color:var(--stage-fg);font-size:24px}.lab-stage[data-view] .stage-title small{color:var(--stage-muted)}.lab-stage[data-view] .stage-switch{border:1px solid var(--stage-line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--stage-bg) 72%, transparent);font:12px/1.4 var(--mono);color:var(--stage-fg);pointer-events:auto;transition:var(--transition-colors);align-items:center;gap:8px;padding:6px 13px 6px 11px;display:inline-flex}.lab-stage[data-view] .stage-switch:hover,.lab-stage[data-view] .stage-switch:focus-visible{border-color:var(--stage-accent);color:var(--stage-accent)}.lab-stage[data-view] .stage-switch span{font-size:14px}.lab-stage[data-view] .stage-track{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out);display:block;position:absolute;inset:0}.lab-stage[data-view=orbit] .stage-track{opacity:1}.stage-track path{fill:none;stroke:var(--stage-line);stroke-width:1px;stroke-dasharray:1 7;stroke-linecap:round}.stage-track .stage-rail{stroke:#ecebe34d;stroke-dasharray:1 5}.stage-gate{font:10px/1 var(--mono);letter-spacing:.16em;fill:var(--stage-muted);text-anchor:middle}line.stage-leader{stroke:#ecebe352;stroke-width:1px}circle.stage-leader{fill:var(--stage-accent)}.lab-stage[data-view] .stage-field{perspective:1500px;-webkit-user-select:none;user-select:none;cursor:grab;display:block;position:absolute;inset:0}.lab-stage[data-view][data-dragging] .stage-field{cursor:grabbing}.lab-stage[data-view] .stage-veil{z-index:100;pointer-events:none;opacity:0;background:linear-gradient(var(--stage-bg) 72px, transparent 160px), linear-gradient(0deg, var(--stage-bg) 64px, transparent 150px), linear-gradient(90deg, var(--stage-bg), transparent 56px), linear-gradient(270deg, var(--stage-bg), transparent 56px);transition:opacity .6s var(--ease-out);display:block;position:absolute;inset:0}.lab-stage[data-view=drift] .stage-veil{opacity:1}.lab-stage[data-view] .stage-card{width:var(--card-w,180px);color:var(--stage-fg);-webkit-tap-highlight-color:transparent;gap:0;display:none;position:absolute;top:0;left:0}.lab-stage[data-view] .stage-card[data-on]{will-change:transform, opacity;display:block}.lab-stage[data-view] .stage-card:focus-visible{outline:none}.lab-stage[data-view] .stage-print img{transition:opacity .42s var(--ease-out)}.lab-stage[data-view] .stage-card:not([data-ready]) .stage-print img{opacity:0}.lab-stage[data-view] .stage-card:focus-visible .stage-print{outline:2px solid var(--stage-accent);outline-offset:4px}.lab-stage[data-view=orbit] .stage-print{background:repeating-linear-gradient(135deg,#ecebe30f 0 1px,#0000 1px 7px),#161817;border:0;border-radius:1px;box-shadow:0 0 0 1px #ecebe31a,0 18px 40px -18px #000000e6}.lab-stage[data-view=orbit] .stage-shade{opacity:0;pointer-events:none;background:#060706;display:block;position:absolute;inset:0}.lab-stage[data-view=orbit] .stage-name{display:none}.lab-stage[data-view=drift] .stage-print{aspect-ratio:4/3;rotate:var(--tilt,0deg);transition:rotate .38s var(--ease-out), scale .38s var(--ease-out), box-shadow .38s var(--ease-out);background:#e9e1d4;border:6px solid #fbf8f2;border-radius:1px;box-shadow:0 1px 2px #46321e1f,0 14px 30px -16px #46321e73}.lab-stage[data-view=drift] .stage-card:is(:hover,:focus-visible){z-index:5}.lab-stage[data-view=drift] .stage-card:is(:hover,:focus-visible) .stage-print{rotate:0deg;scale:1.1;box-shadow:0 2px 4px #46321e1f,0 26px 44px -18px #46321e80}.lab-stage[data-view=drift] .stage-name{border:1px solid var(--stage-line);text-align:center;opacity:0;pointer-events:none;width:max-content;max-width:max(150%,240px);transition:opacity .3s var(--ease-out), translate .3s var(--ease-out);background:#fbf8f2;border-radius:2px;justify-items:center;margin:16px 0 0;padding:8px 14px 7px;position:absolute;top:100%;left:50%;translate:-50% -6px;box-shadow:0 8px 20px -12px #46321e73}.lab-stage[data-view=drift] .stage-name b{color:var(--stage-fg);font-size:19px}.lab-stage[data-view=drift] .stage-name :is(b,small){max-width:100%}.lab-stage[data-view=drift] .stage-name small{color:#574c40;font-size:11.5px}.lab-stage[data-view=drift] .stage-card:is(:hover,:focus-visible) .stage-name{opacity:1;translate:-50%}.lab-stage[data-view] .stage-caption{z-index:150;left:50%;top:var(--caption-y,52%);width:min(var(--caption-w,360px), 380px);translate:-50% calc(-50% + var(--caption-lift,0px));text-align:center;pointer-events:none;justify-items:center;gap:9px;margin:0;display:grid;position:absolute}.stage-caption>:empty{display:none}.stage-fig{font:10px/1 var(--mono);letter-spacing:.24em;color:var(--stage-muted)}.stage-caption strong{font:400 clamp(24px, 2.5vw, 36px)/1.15 var(--reader);letter-spacing:.03em}.stage-run{font:12px/1.55 var(--mono);opacity:.86;overflow-wrap:anywhere}.stage-date{font:11px/1 var(--mono);letter-spacing:.08em;color:var(--stage-muted)}.lab-stage[data-view=drift] .stage-caption{width:max-content;max-width:min(var(--caption-w,360px), 420px);border:1px solid var(--stage-line);transition:opacity .3s var(--ease-out);background:#faf6ef;border-radius:2px;gap:6px;padding:13px 22px 12px;box-shadow:0 1px 2px #46321e1a,0 12px 28px -14px #46321e73}.lab-stage[data-view=drift][data-hovering] .stage-caption{opacity:0}.lab-stage[data-view=drift] .stage-caption strong{font-size:clamp(18px,1.7vw,24px)}.lab-stage[data-view=drift] .stage-run{letter-spacing:.12em;color:var(--stage-muted);font-size:11px}.lab-stage[data-view] .stage-foot{z-index:500;left:var(--terminal-gutter);bottom:max(26px, env(safe-area-inset-bottom));font:11px/1 var(--mono);color:var(--stage-muted);align-items:center;gap:16px;margin:0;position:absolute}.lab-stage[data-view] .stage-count{min-width:4.6ch;font:400 21px/1 var(--pixel);letter-spacing:.04em;color:var(--stage-fg);display:block}.lab-stage[data-view=drift] .stage-count{display:none}.lab-stage[data-view] .stage-bar{background:var(--stage-line);width:120px;height:1px;display:block;position:relative}.lab-stage[data-view] .stage-bar i{background:var(--stage-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.lab-stage[data-view] .stage-hint{display:block}.lab-stage[data-view] .stage-skip{color:var(--stage-fg);border-color:var(--stage-line);font-size:11px}.lab-stage[data-view] .stage-skip:hover{border-color:var(--stage-accent)}@media (width<=759px){.lab-stage[data-view]{--step:60px}.lab-stage[data-view] .stage-hud{gap:14px;padding-top:22px}.lab-stage[data-view] .stage-title{font-size:21px}.lab-stage[data-view] .stage-title small,.lab-stage[data-view] .stage-hint{display:none}.lab-stage[data-view] .stage-switch{padding:5px 11px 5px 9px;font-size:11px}.lab-stage[data-view] .stage-foot{gap:12px}.lab-stage[data-view] .stage-bar{width:56px}.lab-stage[data-view] .stage-caption strong{font-size:22px}.lab-stage[data-view] .stage-run{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.lab-stage[data-view=drift] .stage-caption{padding:10px 16px 9px}.lab-stage[data-view=drift] .stage-caption strong{font-size:17px}}}html[data-lab-dark] #shell #nav-dot{--fg:#ecebe3}@media print{.lab-stage .stage-card{opacity:1!important;transform:none!important}}