@font-face{font-family:Jost;src:url('jost-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f5f3ed;--ink:#6b6963;--muted:#817c72;font-family:Jost,Avenir,'Century Gothic',Futura,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden;touch-action:none}canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#back{z-index:0}#name-plane{z-index:2}#front{z-index:3}header,footer{position:fixed;left:3.3vw;right:3.3vw;z-index:6;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>* ,footer>*{pointer-events:auto}header{top:26px}.monogram{width:50px;height:42px;display:block;color:#78736a}.monogram svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.edition{font-size:13px;letter-spacing:.025em;margin:0;color:#77746d}#identity{position:fixed;z-index:4;top:calc(50vh - 55px);left:50%;transform:translateX(-50%);width:max-content;max-width:92vw;text-align:center;pointer-events:none}h1{font-size:clamp(38px,5.3vw,74px);line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:0 0 24px;color:rgba(12,12,12,.68)}.canvas-ready h1{opacity:0}.projects{display:flex;justify-content:center;align-items:center;gap:34px;pointer-events:auto}.projects>a,.placeholder{font-size:14px;color:#6d6962;text-decoration:none;white-space:nowrap}.projects>a{padding:8px 0;border-bottom:1px solid #7c74693d;transition:color .2s,border-color .2s}.projects>a:hover{color:#af4b51;border-color:#af4b51}.projects a span{margin-left:7px;font-size:13px}small{font-size:11px;color:#8c8276;margin-left:5px}.placeholder{cursor:default}.contact{display:flex;gap:24px;font-size:13px}footer{bottom:23px}.controls{display:flex;gap:13px;align-items:center}button{font:inherit;color:inherit;cursor:pointer}button:hover{color:#a34d59}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:50%}.icon-button:hover{background:#eee9df99}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button circle{fill:var(--paper)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b55364;outline-offset:5px}#tuning-panel{position:fixed;z-index:10;right:30px;top:89px;width:274px;max-height:calc(100svh - 169px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:#faf8f2ed;border:1px solid #c9c0b666;box-shadow:0 10px 40px #8579610d;border-radius:12px;padding:19px 20px 14px;backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#c8b8a9 transparent}#tuning-panel[hidden]{display:none}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.panel-kicker{font-size:10px;letter-spacing:.12em;color:#948375}h2{font-size:21px;font-weight:400;letter-spacing:-.02em;margin:2px 0 0}.panel-heading button{border:0;background:none;font-size:24px;line-height:1;width:27px;height:32px;padding:0}fieldset{padding:0;margin:17px 0 0;border:0}legend{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#947963;border-top:1px solid #d7d0c4;padding-top:13px;width:100%;margin-bottom:9px}.slider-row{display:grid;grid-template-columns:1fr auto;margin-bottom:12px;gap:5px 10px;font-size:13px}.slider-row output{color:#8a7a69;font-size:12px;font-variant-numeric:tabular-nums}.slider-row input{width:100%;grid-column:1/-1;height:15px;margin:0;accent-color:#b3666c;touch-action:pan-y;cursor:ew-resize}.panel-actions{display:flex;justify-content:space-between;margin-top:18px;gap:10px}.panel-actions button{background:transparent;border:1px solid #b8aba0;border-radius:5px;padding:7px 11px;font-size:12px}.panel-actions button:first-child{background:#eee5db;border-color:transparent}.panel-actions button:hover{background:#e8dbd0}#settings-status{font-size:11px;color:#877b6f;margin:10px 0 0;line-height:1.5}#settings-export{width:100%;min-height:140px;font-size:12px;margin-top:12px;background:var(--paper);border:1px solid #c9c0b6;padding:8px;color:#6b6963;touch-action:auto}#cursor{display:none;position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;background:#9a5f65;z-index:100;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border-color .2s;border:1px solid transparent;align-items:center;justify-content:center}#cursor span{opacity:0;font-size:12px;letter-spacing:.02em;transition:opacity .12s;color:#6f4f4c}#cursor.expanded{width:62px;height:62px;background:#f9f3e9db;border-color:#b18d85;backdrop-filter:blur(3px)}#cursor.expanded span{opacity:1}@media(hover:hover) and (pointer:fine){.custom-cursor,.custom-cursor a,.custom-cursor button{cursor:none}.custom-cursor #cursor.visible{display:flex}.custom-cursor #tuning-panel,.custom-cursor #tuning-panel *{cursor:auto}.custom-cursor #tuning-panel input{cursor:ew-resize}}@media(max-width:700px){header,footer{left:23px;right:23px}header{top:20px}.edition{font-size:11px}.monogram{width:42px}#identity{top:calc(50vh - 38px)}h1{font-size:42px;margin-bottom:24px}.projects{gap:24px}.projects>a,.placeholder{font-size:13px}.contact{gap:15px;font-size:12px}.controls{gap:4px}footer{bottom:18px}#tuning-panel{right:16px;top:82px;width:min(274px,calc(100vw - 32px));max-height:calc(100svh - 150px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(forced-colors:active){canvas{display:none}.canvas-ready h1{opacity:1}#cursor{display:none!important}.custom-cursor,.custom-cursor a,.custom-cursor button{cursor:auto}}

/* Echo chamber: the canvas is the primary surface. */
:root{color-scheme:dark;--paper:#090d15;--ink:#abb4c4;--muted:#788398;background:#090d15;color:var(--ink)}
body{background:radial-gradient(ellipse at 50% 48%,#141d2a,#090d15 70%)}
#stage{z-index:0}#render-status{position:fixed;left:30px;top:78px;max-width:300px;font-size:13px;color:#9ba9ba;z-index:5}
.monogram{color:#92a1b8}.edition{color:#a6b2c3;font-size:14px;letter-spacing:.03em}.experiment-number{color:#5f6b80;margin-left:10px}
#identity{top:auto;bottom:30px;left:3.3vw;transform:none;text-align:left;z-index:5}h1{font-size:15px!important;letter-spacing:.02em;color:#a0adbf;margin:0 0 5px;line-height:1.4}.projects{gap:23px;justify-content:flex-start}.projects>a,.placeholder{font-size:12px;color:#7e8da2}.projects>a{padding:3px 0;border-color:#73809933}.projects>a:hover{color:#d6b9ad;border-color:#d6b9ad}small{color:#667387}.controls{color:#93a1b7}.icon-button:hover{background:#1b2536}.icon-button circle{fill:#090d15}
#tuning-panel{background:#121925eb;border-color:#75839930;box-shadow:0 16px 50px #0003;width:275px;color:#b7c1d0}.panel-kicker{color:#728198}.panel-heading{margin-bottom:8px}h2{color:#d0d8e2}.panel-intro{font-size:13px;color:#8896ad;line-height:1.65;margin:8px 0 14px}legend{color:#9baac0;border-color:#73819930}.slider-row{font-size:14px}.slider-row output{color:#879ab5}.slider-row input{accent-color:#bf9dce}.panel-actions button{border-color:#56627a}.panel-actions button:first-child{background:#2b3346;color:#cbd1de}.panel-actions button:hover{background:#39435a;color:white}#settings-status{color:#7e90a8}#settings-export{background:#090d15;color:#bfcbdc;border-color:#4e5c71}.panel-heading button:hover{color:#e5bfd9}
#cursor{background:#dec6f0}#cursor.expanded{background:#182130e8;border-color:#8294b2}#cursor span{color:#d4deec}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#c4a3e3}
@media(max-width:700px){#identity{left:23px;bottom:24px}.edition{font-size:12px}.projects{gap:15px}.projects>a,.placeholder{font-size:11px}h1{font-size:13px!important}.controls{gap:0}#tuning-panel{width:260px}.icon-button{width:33px}}

.experiment-switch{font-size:12px;text-decoration:none;color:#8396ac;margin-left:auto;margin-right:32px}.experiment-switch:hover{color:#c8d2e3}#memory-status{font-size:12px;color:#cab394;border-bottom:1px solid #73819930;padding-bottom:12px}@media(max-width:700px){.experiment-switch{font-size:10px;margin-right:14px}.edition{font-size:11px}}

.email-link{border:0;background:none;padding:10px 0;color:#a6b2c3;font-size:14px}.email-link:hover{color:#e5bfd9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon-button[aria-pressed="true"]{color:#e5bfd9}#cursor span{text-align:center;line-height:1.15}#cursor.expanded{width:70px;height:70px}@media(max-width:600px){#identity{bottom:76px}footer{bottom:18px}}