@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}h1 span:nth-child(2){margin-left:7vw}.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-content{padding:28px}.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:#83b8ff;--accent-border:#83b8ff80;--particle-color:#1677ff;--attraction-accent:#edba85;--attraction-border:#edba8555;--attraction-divider:#edba8533}.toolbar button:hover,.toolbar select:hover,.toolbar button[aria-pressed=true]{border-color:var(--accent-border)}.toolbar,.toolbar-controls{flex-wrap:wrap;justify-content:center}.preset-control{align-items:center;gap:8px;font-size:11px;display:flex}.preset-control select{color:var(--mint)}#brightness{accent-color:var(--mint)}#brightness-value,#output-status{color:var(--mint)}body[data-state=fallback]{background:radial-gradient(ellipse at 65% 35%, color-mix(in srgb, var(--particle-color) 25%, #080f14), transparent 55%), radial-gradient(ellipse at 30% 65%, color-mix(in srgb, var(--attraction-accent) 15%, #080f14), transparent 60%), #080f14}#particles{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}body[data-state=fallback] #particles{display:none}h1{font-size:clamp(90px,11.5vw,170px)}.floating-card{border-color:var(--attraction-border)}.drag-handle,.card-symbol{color:var(--attraction-accent)}.drag-handle{border-color:var(--attraction-divider)}.show-boxes [data-push]{outline:1px dashed var(--mint);outline-offset:3px}.show-boxes [data-pull]{outline:1px dashed var(--attraction-accent);outline-offset:3px}body.reversed.show-boxes [data-push]{outline-color:var(--attraction-accent)}body.reversed.show-boxes [data-pull]{outline-color:var(--mint)}@media (width<=700px){h1{font-size:clamp(76px,21vw,140px)}}