@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2?dpl=dpl_3XWs7qXt1DKSixJdFBEjXu4vQUhY)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#000;--foreground:#fff;--muted:#8d8d8d;--border:#292929;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{background:#000;min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-size:14px;line-height:1.3}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;outline:2px solid}.labs-page{flex-direction:column;min-height:100dvh;padding:8px;display:flex;overflow:hidden}.labs-intro,.experiment-intro{z-index:100;pointer-events:none;animation:curtain-out 1.8s var(--ease-out) both;background:#000;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.labs-intro span,.experiment-intro span{color:#fff;letter-spacing:-.09em;white-space:nowrap;animation:intro-type 1.45s var(--ease-out) .12s both;font-size:clamp(7rem,28vw,32rem);font-weight:600;line-height:.7;display:block;transform:translateY(115%)}.experiment-intro{animation-duration:1.25s}.experiment-intro span{padding:0 1vw 1vw;font-size:clamp(4rem,15vw,18rem);animation-duration:.95s}.site-header,.section-label,footer{letter-spacing:-.025em;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12px;font-weight:600;display:grid}.site-header,.section-label{border-top:1px solid var(--foreground);padding-top:4px}.site-header span:last-child,.section-label span,footer span:last-child{text-align:right}.site-header,.intro>*,.section-label,.project-card,footer{opacity:0;animation:content-in .65s var(--ease-out) both;transform:translateY(14px)}.site-header{animation-delay:1.05s}.intro{grid-template-columns:1fr 1fr 1fr;gap:8px;min-height:26vh;padding:8px 0 48px;display:grid}.intro h1,.intro p,.section-label h2,.project-card h3{font:inherit;margin:0}.intro h1{letter-spacing:-.025em;max-width:440px;font-size:14px;font-weight:600;line-height:1.2;animation-delay:1.12s}.intro>span{color:var(--muted);font-size:12px;animation-delay:1.09s}.intro p{max-width:360px;color:var(--muted);font-size:14px;animation-delay:1.18s}.section-label{margin-bottom:8px;animation-delay:1.22s}.section-label h2{grid-column:span 2}.project-grid{border-bottom:1px solid var(--foreground)}.project-card{isolation:isolate;border-top:1px solid var(--foreground);min-width:0;min-height:88px;color:var(--foreground);grid-template-columns:56px minmax(0,1.5fr) minmax(180px,1fr) auto;align-items:center;gap:8px;padding:0 8px 1px;transition:color .3s,opacity .25s;animation-delay:1.28s;display:grid;position:relative;overflow:hidden}.project-card:before{z-index:-1;background:var(--foreground);content:"";transform-origin:bottom;transition:transform .45s var(--ease-out);position:absolute;inset:0;transform:scaleY(0)}:is(.project-grid:has(.project-card:hover) .project-card:not(:hover),.project-grid:has(.project-card:focus-visible) .project-card:not(:focus-visible)){opacity:.28}.project-card h3{letter-spacing:-.065em;transition:transform .45s var(--ease-out);font-size:clamp(2rem,4.5vw,5rem);font-weight:500;line-height:.9}.project-number,.project-tags,.project-action{letter-spacing:-.025em;font-size:12px;font-weight:600}.project-action{opacity:0;transition:opacity .2s ease, transform .35s var(--ease-out);transform:translate(14px)}.project-card:hover,.project-card:focus-visible{color:var(--background)}.project-card:hover:before,.project-card:focus-visible:before{transform:scaleY(1)}.project-card:hover h3,.project-card:focus-visible h3{transform:translate(8px)}.project-card:hover .project-action,.project-card:focus-visible .project-action{opacity:1;transform:translate(0)}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding:5px 0 2px;animation-delay:1.4s}.experiment-page,.experiment-canvas{background:#000;width:100%;height:100dvh;overflow:hidden}.experiment-header{z-index:10;color:#fff;letter-spacing:-.025em;opacity:0;animation:content-in .6s var(--ease-out) .65s both;border-top:1px solid #fff;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:4px;font-size:12px;font-weight:600;display:grid;position:fixed;top:8px;left:8px;right:8px;transform:translateY(12px)}.experiment-header span:last-child{text-align:right}.experiment-header a{width:fit-content;min-width:44px;min-height:44px}.experiment-header a:hover,.experiment-header a:focus-visible{text-underline-offset:3px;text-decoration:underline}.experiment-header a:active{opacity:.6}.experiment-canvas{opacity:0;animation:canvas-in .9s var(--ease-out) .52s both;transform:scale(1.01)}.experiment-canvas>div,.experiment-canvas canvas{width:100%!important;height:100%!important}.leva-panel{z-index:20;width:280px;max-height:calc(100dvh - 20px);position:fixed;bottom:10px;right:10px;overflow:auto}.motion-permission{z-index:30;bottom:calc(10px + env(safe-area-inset-bottom));color:#fff;min-height:44px;font:inherit;background:#000;border:1px solid #fff;border-radius:0;align-items:center;padding:0 14px;display:flex;position:fixed;left:10px}button.motion-permission{cursor:pointer}button.motion-permission:hover,button.motion-permission:focus-visible{color:#000;background:#fff}@keyframes intro-type{0%{opacity:0;transform:translateY(115%)}35%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14%)}}@keyframes curtain-out{0%,72%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes content-in{to{opacity:1;transform:translateY(0)}}@keyframes canvas-in{to{opacity:1;transform:scale(1)}}@media (max-width:720px){.labs-page{padding:6px}.site-header{grid-template-columns:1fr 1fr}.site-header span:last-child{display:none}.intro{grid-template-columns:1fr;min-height:42vh;padding-top:18px}.intro p{align-self:end}.project-card{grid-template-columns:34px 1fr auto;row-gap:8px;min-height:100px;padding:12px 4px}.project-card h3{grid-column:2/4}.project-tags{text-align:left;grid-column:2}.project-action{grid-column:3}footer{grid-template-columns:1fr 1fr}footer span:nth-child(2){display:none}.experiment-header{grid-template-columns:1fr 1fr}.experiment-header span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.labs-intro,.experiment-intro{display:none}.site-header,.intro>*,.section-label,.project-card,footer,.experiment-header,.experiment-canvas{opacity:1;clip-path:none;animation:none;transform:none}.project-card,.project-card:before,.project-card h3,.project-action{transition:none}}