@font-face{font-family:basteleur;src:url(../media/Basteleur_Moonlight-s.p.43w6ezo-1t0t5.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:basteleur;src:url(../media/Basteleur_Bold-s.p.11wkz34ykm7dh.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:basteleur Fallback;src:local(Arial);ascent-override:76.62%;descent-override:20.16%;line-gap-override:12.1%;size-adjust:123.99%}.basteleur_186b4a22-module__FeE8Uq__className{font-family:basteleur,basteleur Fallback}.basteleur_186b4a22-module__FeE8Uq__variable{--font-basteleur:"basteleur", "basteleur Fallback"}
:root{--paper:#101211;--ink:#f1f1df;--muted:#a0a69c;--accent:#d6fc79;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:var(--paper);color:var(--ink);font-family:var(--mono);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:var(--paper);background:var(--accent)}.site-shell{isolation:isolate;flex-direction:column;min-height:100svh;padding:0 4.5vw;display:flex;position:relative;overflow:clip}.site-shell:after{content:"";z-index:5;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.playground{flex:1;align-items:center;min-height:100svh;display:flex;position:relative}.intro{z-index:2;pointer-events:none;width:52%;padding:32px 0 60px 2.5vw;position:relative}h1{font-family:var(--font-basteleur), Georgia, serif;letter-spacing:-.058em;transform-origin:0;margin:0;font-size:clamp(78px,8.8vw,152px);font-weight:700;line-height:1.07;transform:rotate(-5deg)}h1>span{display:block}h1>span:nth-child(2){margin-left:2vw}.name-dot{color:var(--accent)}.bio{color:var(--muted);letter-spacing:-.3px;margin:35px 0 13px 6px;font-size:12px;line-height:1.8}.profile-links{pointer-events:auto;grid-template-columns:repeat(2,max-content);column-gap:28px;width:fit-content;margin-left:6px;display:grid}.profile-links>a{text-underline-offset:6px;justify-self:start;align-items:center;gap:10px;min-height:44px;font-size:12px;-webkit-text-decoration:underline #f1f1df35;text-decoration:underline #f1f1df35;transition:color .18s,text-decoration-color .18s;display:inline-flex}.profile-links>a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.link-arrow{opacity:.6;width:11px;height:11px;transition:transform .18s}.profile-links>a:hover .link-arrow{transform:translate(2px,-2px)}.signal{margin:0;position:absolute;inset:0 -4.5vw}.signal-screen{touch-action:pan-y;position:absolute;inset:0}.signal-art,.shader-canvas{width:100%;height:100%;position:absolute;inset:0}.signal-art{pointer-events:none}.shader-canvas{opacity:0;transition:opacity .4s}.shader-canvas.is-ready{opacity:1}.still-sculpture{width:min(56vw,730px);height:100%;color:var(--phosphor);filter:drop-shadow(0 0 16px #d6fc7933);position:absolute;left:42%}.signal-screen:after{content:"";pointer-events:none;background:linear-gradient(0deg, var(--paper), transparent 8%, transparent 92%, var(--paper));position:absolute;inset:0}.object-hit-area{cursor:grab;touch-action:pan-y;background:0 0;border:0;border-radius:45%;width:48%;height:73%;padding:0;position:absolute;top:10%;left:45%}.object-hit-area:disabled{cursor:default}.object-hit-area.is-grabbing{cursor:grabbing}.object-note{color:var(--accent);pointer-events:none;font-family:var(--font-basteleur), Georgia, serif;text-align:center;z-index:1;opacity:.8;font-size:21px;line-height:1.25;transition:opacity .5s;position:absolute;top:9%;right:8%;transform:rotate(12deg)}.object-note.is-dismissed{opacity:0}.object-note svg{margin:8px auto 0;display:block;transform:rotate(-12deg)}.pause-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .18s,background .18s;display:inline-flex;position:absolute;bottom:10%;left:calc(70% - 22px)}.pause-button:hover{color:var(--ink);background:#f1f1df0a}.pause-button[hidden]{display:none}.skip-link{background:var(--paper);z-index:20;padding:12px;position:absolute;top:-100px;left:24px}.skip-link:focus{top:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-found{flex-direction:column;justify-content:center;gap:32px;min-height:100svh;padding:12vw 8vw;display:flex}.not-found h1{font-size:clamp(48px,8vw,100px)}.not-found a{border-bottom:1px solid var(--muted);width:fit-content;padding:14px 0}@media (min-width:1800px){.playground{min-height:800px}}@media (max-width:1050px) and (min-width:761px){h1{font-size:9.4vw}.intro{padding-left:0}.object-note{top:14%;right:5%}}@media (max-width:760px) and (orientation:portrait){.site-shell{padding:0 24px}.playground{min-height:max(600px,100svh);display:block}.intro{width:100%;padding:0;position:absolute;inset:0}.intro h1{text-shadow:0 2px 24px #10121180;font-size:14vw;line-height:1.05;position:absolute;top:clamp(74px,16svh,155px);left:0}.intro h1>span:first-child{font-size:1.65em}.intro h1>span:nth-child(2){margin-left:3vw}.bio{margin:0;font-size:11px;position:absolute;bottom:max(100px,12svh);left:0}.profile-links{justify-content:space-between;gap:12px;width:auto;margin:0;display:flex;position:absolute;bottom:max(35px,5svh);left:0;right:0}.profile-links>a{gap:6px;min-width:44px;font-size:11px}.signal{inset:0 -24px}.still-sculpture{width:112%;height:72%;top:10%;left:3%}.object-hit-area{width:92%;height:48%;top:27%;left:8%}.object-note{display:none}.pause-button{bottom:max(89px,12svh - 11px);left:auto;right:16px}}@media (max-width:760px) and (orientation:landscape){.intro{padding:24px 0 30px}.intro h1{font-size:8.7vw}.intro h1>span:first-child{font-size:1.3em}.bio{margin-top:25px;margin-bottom:10px;font-size:11px}.profile-links>a{font-size:11px}.object-note{display:none}}@media (prefers-reduced-motion:reduce){.shader-canvas,.profile-links>a,.link-arrow,.object-note,.pause-button{transition:none}}
