@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f0f2eb;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;--paper:#f0f2eb;--mint:#a9efce;background:#080f14;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.45}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:var(--mint);color:#080f14}#fluid{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}body[data-state=fallback] #fluid{display:none}.solid{background:#080f14}.site-header{z-index:1;justify-content:space-between;align-items:center;padding:32px 5vw;display:flex;position:relative}.wordmark{letter-spacing:-.8px;flex-direction:column;gap:4px;padding:9px 12px;font-size:21px;font-weight:700;display:flex}.wordmark span{letter-spacing:2px;color:#9ca9ad;font:9px monospace}nav{gap:32px;padding:14px 16px;font-size:12px;display:flex}.experiment{min-height:max(760px,100svh - 120px);padding:38px 8vw 145px;position:relative}.intro{width:fit-content;position:relative}.eyebrow{letter-spacing:2px;color:var(--mint);width:fit-content;margin:0 0 26px;padding:9px 12px;font:10px monospace}h1{letter-spacing:-.085em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(100px,13.5vw,196px);font-weight:500;line-height:.98}h1 span{margin-bottom:14px;padding:0 22px 10px 8px;display:table}.description{color:#b9c6c6;width:fit-content;margin:26px 0 22px;padding:14px 16px;font-size:14px;line-height:1.65}.scroll-link{align-items:center;gap:30px;padding:12px 16px;font-size:11px;display:inline-flex}.scroll-link span{color:var(--mint);font-size:20px}.floating-card{z-index:2;border:1px solid #a9efce55;width:290px;position:absolute;top:130px;right:9vw;box-shadow:0 24px 70px #0004}.drag-handle{letter-spacing:1px;width:100%;color:var(--mint);cursor:grab;touch-action:none;background:0 0;border:0;border-bottom:1px solid #a9efce33;justify-content:space-between;align-items:center;padding:15px;font:9px monospace;display:flex}.drag-handle:active{cursor:grabbing}.drag-handle span{font-size:18px}.card-symbol{color:var(--mint);font-size:50px;line-height:1}.card-content h2{letter-spacing:-1.5px;margin:22px 0;font-family:Manrope,sans-serif;font-size:33px;font-weight:500;line-height:1.15}.card-content p{color:#a1b2b5;margin-bottom:32px;font-size:11px;line-height:1.8}.card-footnote{letter-spacing:1px;color:#6f898a;font:8px monospace}.experiment-caption{letter-spacing:1px;color:#a4bdbe;pointer-events:none;justify-content:space-between;font:9px monospace;display:flex;position:absolute;bottom:115px;left:8vw;right:8vw}.explanation{min-height:100svh;padding:100px 8vw 160px}.section-heading h2{letter-spacing:-.065em;width:fit-content;margin:0;padding:10px 18px;font:500 clamp(48px,6.5vw,94px)/1.04 Manrope,sans-serif}.notes{grid-template-columns:repeat(3,1fr);align-items:start;gap:32px;margin:70px 0 100px;display:grid}.note{border:1px solid #ffffff24;padding:28px}.note-number{letter-spacing:1px;color:var(--mint);font:9px monospace}.note h3{letter-spacing:-.8px;margin:24px 0 16px;font:500 23px Manrope,sans-serif}.note p{color:#a6b8bd;margin:0;font-size:12px;line-height:1.8}.note button{color:var(--mint);background:0 0;border:0;margin-top:24px;padding:9px 0;font-size:11px}.notes.rearranged .note:first-child{order:3}.notes.rearranged .note:nth-child(2){order:1}.notes.rearranged .note:nth-child(3){order:2}footer{color:#a1b5b8;justify-content:space-between;font-size:11px;display:flex}footer>*{padding:12px}.toolbar{z-index:5;border:1px solid #506567;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0004}.live-status{white-space:nowrap;color:#bdcdcb;align-items:center;gap:8px;font:10px monospace;display:flex}.live-status i{background:var(--mint);border-radius:50%;width:5px;height:5px}.live-status>div{gap:5px;display:grid}#output-status{color:#a9efce;font-size:9px}.light-controls{align-items:center;gap:10px;font-size:11px;display:flex}#brightness{accent-color:#ff9e42;cursor:ew-resize;width:110px}#brightness-value{color:#ffb875;min-width:34px;font:11px monospace}body[data-state=fallback] .live-status i{background:#ffb48f}.toolbar-controls{align-items:center;gap:8px;display:flex}.toolbar button,.toolbar select{white-space:nowrap;background:#111c21;border:1px solid #ffffff20;border-radius:0;padding:8px 11px;font-size:11px}.toolbar button:hover,.toolbar select:hover{border-color:#a9efce80}.toolbar button[aria-pressed=true]{color:var(--mint);border-color:#a9efce80}.boundary-control{align-items:center;gap:5px;padding:0 6px;font-size:11px;display:flex}input[type=checkbox]{accent-color:var(--mint)}.show-boxes [data-hgpu-obstacle]{outline-offset:2px;outline:1px dashed #a9efce}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.floating-card{width:250px;top:175px;right:6vw}.toolbar{gap:15px}.notes{gap:18px}.note{padding:22px}}@media (width<=700px){.site-header{padding:18px 4vw}.wordmark{font-size:18px}nav{gap:16px;font-size:10px}.experiment{min-height:1050px;padding:30px 6vw 170px}h1{font-size:clamp(96px,24vw,160px)}.eyebrow{letter-spacing:1.5px;font-size:8px}.description{font-size:12px}.floating-card{width:260px;top:560px;right:10vw}.card-content{padding:22px}.card-content h2{margin:16px 0;font-size:28px}.card-content p{margin-bottom:22px}.experiment-caption{font-size:7px;bottom:135px;left:6vw;right:6vw}.experiment-caption span:last-child{display:none}.explanation{padding:50px 6vw 150px}.notes{grid-template-columns:1fr;gap:22px;margin:40px 0}footer{flex-direction:column;gap:18px}.toolbar{flex-direction:column;gap:10px;width:calc(100% - 24px);max-width:none;padding:12px 8px;bottom:12px}.toolbar-controls{justify-content:center;gap:5px;width:100%}.light-controls{justify-content:center;width:100%}#brightness{width:min(140px,35vw)}.toolbar button,.toolbar select{padding:8px 7px;font-size:10px}.boundary-control{padding:0 2px;font-size:10px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}:root{--mint:#c5d1ef}#particles{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}body[data-state=fallback] #particles{display:none}body[data-state=fallback]{background:radial-gradient(at 72% 36%,#12234b,#0000 48%),radial-gradient(at 20% 65%,#3a101b,#0000 50%),#080f14}.experiment{min-height:max(760px,100svh - 120px)}.eyebrow{align-items:center;gap:14px;display:flex}.color-dots{gap:4px;display:flex}.color-dots i{background:#ff3043;border-radius:50%;width:6px;height:6px}.color-dots i:nth-child(2){background:#26ec60}.color-dots i:nth-child(3){background:#2868ff}h1{font-weight:500}h1 span{padding-right:28px;box-shadow:0 22px 45px #0009}h1 span:nth-child(2){margin-left:5vw}.floating-card{color:#111821;background:#e9e8df;border:0;width:280px;top:110px;right:10vw;box-shadow:0 38px 70px #000b,8px 8px #1d2737}.drag-handle{color:#3b4654;border-bottom:1px dashed #26334355}.card-content{padding:27px}.card-symbol{color:#ed302c;font-size:105px;line-height:.9;display:block}.card-content .ticket-label{letter-spacing:1.5px;color:#5c646b;margin:22px 0 14px;font:8px monospace}.card-content h2{letter-spacing:-1.5px;margin:0 0 18px;font-size:34px}.card-content p{color:#59616a}.card-footnote{color:#4b535c;border-top:1px dashed #26334355;justify-content:space-between;padding-top:18px;display:flex}.note{border-top:2px solid #ff3043;box-shadow:0 22px 50px #0008}.note:nth-child(2){border-top-color:#26ec60}.note:nth-child(3){border-top-color:#2868ff}.section-heading h2{box-shadow:0 22px 45px #0009}#brightness{accent-color:#618bff}#brightness-value{color:#b6caff}.toolbar{border-color:#465169}@media (width<=1000px){.floating-card{width:250px;top:155px;right:5vw}.card-content h2{font-size:29px}}@media (width<=700px){.experiment{min-height:1110px}h1{font-size:clamp(90px,23vw,150px)}h1 span:nth-child(2){margin-left:3vw}.floating-card{width:260px;top:520px;right:12vw}.card-content{padding:22px}.card-symbol{font-size:90px}.experiment-caption{bottom:100px}}