:root{--space-0: #04060c;--space-1: #070b14;--space-2: #0d1422;--ink: #e8eef7;--ink-dim: #9fb0c8;--ink-faint: #5f7292;--edge: rgba(190, 212, 245, .14);--edge-strong: rgba(190, 212, 245, .3);--accent: #9fb6d4;--accent-alt: #c9d8ea;--panel-ink: #e8eef7;--panel-paper: #0b1018;--panel-edge: #2a3648;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;--step--1: clamp(.78rem, .74rem + .2vw, .86rem);--step-0: clamp(.94rem, .9rem + .24vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2: clamp(1.45rem, 1.25rem + 1vw, 2rem);--step-3: clamp(1.9rem, 1.5rem + 2vw, 3.1rem);--step-4: clamp(2.5rem, 1.8rem + 3.4vw, 4.6rem);--space-xs: .5rem;--space-sm: .85rem;--space-md: 1.4rem;--space-lg: 2.4rem;--space-xl: 4rem;--radius: 4px;--shell-pad: clamp(1rem, .6rem + 2vw, 2.5rem);--ease-settle: cubic-bezier(.16, .84, .28, 1);--dur-settle: .62s;--dur-quick: .22s}@media(prefers-reduced-motion:reduce){:root{--dur-settle: 1ms;--dur-quick: 1ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;background:var(--space-0);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3{line-height:1.15;text-wrap:balance;margin:0}p{text-wrap:pretty}a{color:inherit}:where(a,button,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:100;padding:.6em 1em;background:var(--ink);color:var(--space-0);font-weight:600;text-decoration:none;border-radius:var(--radius);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}body[data-route=home] [data-view=about],body[data-route=about] [data-view=home]{display:none}body:not([data-route=home]) [data-when=home],body:not([data-route=about]) [data-when=about]{display:none}body.scene-active[data-scene=live][data-route=home]{overflow:hidden}.view--home{display:flex;flex-direction:column;flex:1;min-height:0}body.scene-active[data-scene=live][data-route=home]{cursor:grab;user-select:none;-webkit-user-select:none}body[data-dragging]{cursor:grabbing}body.scene-active .hud__body,body.scene-active .prose{cursor:auto;user-select:text;-webkit-user-select:text}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.ambience{position:fixed;inset:0;z-index:1;display:block;pointer-events:none}.backdrop{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 120% 80% at 50% 42%,#16203a 0%,transparent 62%),radial-gradient(ellipse 90% 70% at 78% 88%,#1a1630 0%,transparent 58%),linear-gradient(180deg,var(--space-1),var(--space-0))}.scene-active .masthead,.scene-active .hint{opacity:calc(var(--intro, 1) * var(--intro, 1));transition:opacity .4s ease}@media(prefers-reduced-motion:reduce){.scene-active .masthead,.scene-active .hint{opacity:1}}.shell{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;padding:var(--shell-pad);pointer-events:none}.shell>*{pointer-events:auto}#main-content{display:flex;flex-direction:column;flex:1;min-height:0}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.wordmark{font-size:var(--step-1);font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.wordmark span{color:var(--ink-faint);font-weight:400}.masthead nav{display:flex;gap:var(--space-md);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase}.masthead nav a{color:var(--ink-dim);text-decoration:none;transition:color var(--dur-quick) ease}.masthead nav a:hover{color:var(--ink)}.hint{margin-top:auto;align-self:center;font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.directory{margin:var(--space-lg) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.directory a{display:block;height:100%;padding:var(--space-sm) var(--space-md);background:color-mix(in oklab,var(--space-2) 78%,transparent);border:1px solid var(--edge);border-left:3px solid var(--card-accent, var(--accent));border-radius:var(--radius);text-decoration:none;backdrop-filter:blur(6px);transition:border-color var(--dur-quick) ease,background var(--dur-quick) ease,transform var(--dur-quick) var(--ease-settle)}.directory a:hover{background:color-mix(in oklab,var(--space-2) 94%,transparent);border-color:var(--edge-strong);border-left-color:var(--card-accent, var(--accent));transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.directory a:hover{transform:none}}.directory b{display:block;font-size:var(--step-0);font-weight:600;letter-spacing:.01em}.directory span{display:block;margin-top:.15em;font-size:var(--step--1);color:var(--ink-dim);line-height:1.45}.directory em{display:inline-block;margin-top:.5em;font-size:.72rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.scene-active .directory{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scene-active .hint[hidden]{display:none}body[data-scene=static] .directory,body[data-scene=static] .hint{position:static;width:auto;height:auto;margin:var(--space-lg) 0 0;overflow:visible;clip-path:none;white-space:normal}body[data-scene=static] .hint{display:none}@media(prefers-reduced-motion:reduce){.scene-active .directory{position:static;width:auto;height:auto;margin:var(--space-lg) 0 0;overflow:visible;clip-path:none;white-space:normal}}#preview-root{position:relative;z-index:3}.hud{position:fixed;inset:0;z-index:4;pointer-events:none;--hud-ink: #eef3fb;--hud-dim: #9fb2cc;--hud-gutter: clamp(1.25rem, .6rem + 2.4vw, 3rem)}.hud[hidden]{display:none}.hud__body{position:absolute;width:min(19rem,calc(100vw - 2.5rem));color:var(--hud-ink);pointer-events:auto;filter:drop-shadow(0 2px 14px rgba(2,5,12,.9))}.hud__body.is-arriving{animation:hud-arrive .46s var(--ease-settle) both}@keyframes hud-arrive{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.hud__body.is-arriving{animation:none}}.hud__body:before{content:"";position:absolute;inset:-16% -20%;z-index:-1;background:radial-gradient(ellipse at 45% 45%,rgba(4,7,14,.74) 0%,rgba(4,7,14,.36) 48%,transparent 74%);pointer-events:none}.hud[data-h=left] .hud__body{left:var(--hud-gutter)}.hud[data-h=right] .hud__body{right:var(--hud-gutter);text-align:right}.hud[data-h=centre] .hud__body{left:50%;transform:translate(-50%);text-align:center}.hud[data-h=centre] .hud__body.is-arriving{animation-name:hud-arrive-centre}@keyframes hud-arrive-centre{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.hud[data-v=top] .hud__body{top:calc(var(--hud-gutter) + 2.75rem)}.hud[data-v=bottom] .hud__body{bottom:calc(var(--hud-gutter) + 2rem)}.hud[data-v=middle] .hud__body{top:50%;margin-top:-7rem}.hud[data-h=centre] .hud__signature{justify-content:center}.hud[data-h=right] .hud__signature{justify-content:flex-end}.hud__eyebrow{margin:0 0 .4em;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.hud__name{margin:0;font-size:clamp(2.2rem,1.5rem + 2.6vw,3.4rem);font-weight:700;line-height:.94;letter-spacing:-.02em}.hud__label{margin:.7em 0 0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hud-dim)}.hud__signature{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;min-height:3.4rem}.hud__tagline{margin:var(--space-sm) 0 0;font-size:var(--step-0);line-height:1.45}.hud__cta{display:inline-block;margin-top:var(--space-sm);padding:.45em 0;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-decoration:none;border-bottom:2px solid var(--accent)}.hud__cta:hover{color:var(--hud-ink);border-bottom-color:var(--hud-ink)}.hud__cta.is-pending{color:var(--hud-dim);border-bottom-color:color-mix(in oklab,var(--hud-dim) 40%,transparent);cursor:default}.sig-formula{display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-serif);font-size:1.05rem}.sig-formula__given{color:var(--hud-dim)}.sig-formula__solved{display:inline-flex;align-items:center;gap:.35em;color:var(--accent);font-weight:600}.hud[data-h=right] .sig-formula{align-items:flex-end}.sig-frac{display:inline-flex;flex-direction:column;align-items:center;font-size:.82em;line-height:1.15}.sig-frac>span:first-child{border-bottom:1px solid currentColor;padding-bottom:.1em}.sig-pond{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600}.sig-shoal{display:inline-flex;gap:.18rem}.sig-shoal i{width:.85rem;height:.5rem;background:var(--accent);clip-path:polygon(0 50%,32% 0,78% 12%,100% 50%,78% 88%,32% 100%)}.sig-shoal i:nth-child(2n){background:var(--accent-alt)}.sig-op{color:var(--hud-dim)}.sig-answer{color:var(--accent);font-size:1.4rem}.sig-letter{display:flex;flex-direction:column;gap:.3rem;width:100%}.sig-letter__salutation{font-family:var(--font-serif);font-size:1rem;color:var(--hud-ink)}.sig-rule{height:1px;background:color-mix(in oklab,var(--hud-ink) 26%,transparent)}.sig-rule--short{width:55%}.hud[data-h=right] .sig-rule--short{margin-left:auto}.sig-letter__sign{margin-top:.3rem;height:2px;width:42%;background:var(--accent)}.hud[data-h=right] .sig-letter__sign{margin-left:auto}.sig-compass{width:4.6rem;height:4.6rem;overflow:visible}.sig-compass circle,.sig-compass line{fill:none;stroke:color-mix(in oklab,var(--hud-ink) 26%,transparent);stroke-width:1.4}.sig-compass .sig-node{fill:var(--accent);stroke:none}.theme-brutalist .hud__name{font-weight:800;text-transform:uppercase}.theme-civic .hud__name{font-family:var(--font-serif);font-weight:600}.theme-civic .hud__label{letter-spacing:.3em}@media(max-width:899px){.hud[data-h] .hud__body{left:50%;right:auto;top:auto;bottom:var(--space-md);margin-top:0;transform:translate(-50%);width:calc(100vw - 2rem);text-align:left}.hud[data-h] .hud__body.is-arriving{animation-name:hud-arrive-centre}.hud[data-h] .hud__signature{justify-content:flex-start}}.hud__detail{margin:.65rem 0 0;font-size:.82rem;line-height:1.5;color:#b9c9dc}.sig-project{width:10.5rem;height:3.8rem;color:var(--accent)}.theme-systems .hud__name{letter-spacing:-.04em;color:var(--accent)}.theme-family .hud__name{font-weight:500;color:var(--accent)}.theme-sharing .hud__name{font-weight:400;letter-spacing:-.04em;color:var(--accent)}.theme-chess .hud__name{font-family:var(--font-serif);font-weight:500;color:var(--accent)}.theme-daily .hud__name{font-family:var(--font-serif);font-weight:400;font-style:italic;color:var(--accent)}.catalogue-detail{color:#b9c9dc;margin-top:.4rem}@media(max-width:540px){.hud__detail{font-size:.7rem;line-height:1.45;margin-top:.45rem}}body[data-route=about] .shell{max-width:62rem;margin-inline:auto;padding-bottom:0}.prose{margin:var(--space-lg) 0 0;max-width:40rem}.prose .catalogue{max-width:none;width:min(100%,58rem)}.prose h1{font-size:var(--step-4);letter-spacing:-.02em}.prose h2{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--step-2);letter-spacing:-.01em}.prose p{margin:0 0 var(--space-md);color:var(--ink-dim)}.prose .lede{margin-top:var(--space-md);font-size:var(--step-1);color:var(--ink)}.prose a{color:var(--ink);text-decoration-color:var(--edge-strong);text-underline-offset:.2em}.prose a:hover{text-decoration-color:currentColor}.catalogue{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.catalogue li{padding-left:var(--space-md);border-left:3px solid var(--card-accent, var(--accent))}.catalogue h3{font-size:var(--step-1);font-weight:600}.catalogue p{margin:.35em 0 0;font-size:var(--step-0)}.catalogue .meta{margin-top:.5em;font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.colophon{margin-top:var(--space-lg);padding:var(--space-md) 0 var(--space-xl);font-size:var(--step--1);color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase}body[data-route=about].scene-active .colophon{margin-bottom:min(30svh,20rem)}body[data-route=about].scene-active .view--about{padding-bottom:6svh}body[data-route=about] .prose{text-shadow:0 1px 2px rgba(4,6,12,.95),0 0 14px rgba(4,6,12,.85)}.cube-home{position:fixed;left:50%;bottom:0;z-index:2;width:min(46svh,30rem);height:min(26svh,17rem);transform:translate(-50%);border-radius:50% 50% 0 0;display:none}.scene-active .cube-home{display:block}.cube-home:focus-visible{outline:3px solid var(--accent);outline-offset:-6px}[hidden],#scene[hidden],.cube-home[hidden]{display:none!important}:root{--ink-faint:#92a0b6;--accent:#badce8}body.scene-active[data-route=home][data-scene=live]{touch-action:none}.masthead{position:relative;z-index:8;align-items:center;flex-wrap:nowrap}.wordmark{font-size:1rem;letter-spacing:.2em;white-space:nowrap}.wordmark span{color:#a0aec2}.masthead nav{align-items:center;gap:clamp(.8rem,2vw,2rem);font-size:.65rem}.masthead button{font:inherit;letter-spacing:inherit;text-transform:uppercase;color:#b4c1d3;background:none;border:0;padding:.75rem 0;cursor:pointer}.masthead button:hover,.masthead button[aria-expanded=true]{color:#fff}.masthead [data-motion-toggle]{font-size:.6rem;letter-spacing:.08em}.hint{position:fixed;bottom:clamp(1.4rem,5vh,3rem);left:50%;transform:translate(-50%);margin:0;width:max-content;max-width:90vw;color:#bac6d6;font-size:.68rem;letter-spacing:.23em}.hint:before{content:"";display:block;width:1px;height:25px;margin:0 auto 15px;background:linear-gradient(transparent,#869bb0)}body[data-dragging=true] .hint{opacity:.25}.scene-active .directory{visibility:hidden}.scene-active[data-directory=true] .directory,body[data-scene=static] .directory{visibility:visible;position:fixed;inset:5.5rem 2rem auto auto;width:min(28rem,calc(100vw - 4rem));height:auto;max-height:calc(100svh - 8rem);overflow:auto;clip-path:none;white-space:normal;margin:0;padding:1.2rem;gap:0;display:block;background:#050a13f2;border:1px solid #293340;border-radius:4px;z-index:7;box-shadow:0 20px 70px #0008}.scene-active .directory a{background:transparent;border:0;border-left:2px solid var(--card-accent);border-radius:0;padding:.7rem 1rem;margin:.35rem 0;backdrop-filter:none}.scene-active .directory a:hover,.scene-active .directory a[aria-current]{background:#192131;transform:none}.scene-active .directory b{font-size:.9rem}.scene-active .directory span{font-size:.75rem}.scene-active .directory em{display:none}body[data-directory=true] .hud{visibility:hidden}body[data-scene=static] .directory{position:relative;inset:auto;align-self:center;margin:2rem auto;width:min(36rem,100%);max-height:none;background:#07101bef}body[data-scene=static] [data-projects-toggle],body[data-scene=static] .hud{display:none}.hud__body{width:clamp(12rem,20vw,18rem)}.hud__close{background:none;border:0;color:#b5c4d6;font:300 1.5rem/1 sans-serif;cursor:pointer;position:absolute;top:-.5rem;right:-.8rem;padding:.5rem;transform:translate(100%)}.hud[data-h=right] .hud__close{right:auto;left:-.8rem;transform:translate(-100%)}.hud__name{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.05}.hud__tagline{font-size:.9rem;color:#d0dbe7}.hud__eyebrow{color:var(--accent);font-size:.59rem;letter-spacing:.28em}.hud__label{font-size:.58rem;line-height:1.6}.hud__signature{margin-top:.8rem}.hud__cta{font-size:.64rem;letter-spacing:.12em}.hud__cta[href]:after{content:" ↗"}.hud[data-v=top] .hud__body{top:clamp(6.5rem,15vh,9rem)}.hud[data-v=bottom] .hud__body{bottom:clamp(4.5rem,10vh,7rem)}.hud[data-v=middle] .hud__body{top:50%;margin-top:-5.5rem}.theme-brutalist .hud__name{text-shadow:3px 3px 0 #14110b;color:#e9c46a;letter-spacing:-.035em}.theme-brutalist .sig-formula__solved{border-bottom:2px solid #e9c46a;padding-bottom:.35rem}.theme-organic .hud__name{font-family:var(--font-serif);font-weight:400;font-style:italic}body[data-motion=paused] *,body[data-motion=paused] *:before,body[data-motion=paused] *:after{animation:none!important;transition:none!important}body[data-route=about] .shell{max-width:74rem;padding-bottom:2rem}.prose{max-width:46rem;margin-top:clamp(2rem,7vh,5rem)}.prose h1{font-weight:500;font-size:clamp(2.8rem,6vw,4.8rem);letter-spacing:-.06em}.prose .lede{max-width:38rem;font-size:1.2rem;line-height:1.7}.prose h2{font-size:1.1rem;margin:2.2rem 0 1rem}.catalogue{gap:1.4rem 2rem}.catalogue li{border-left-width:1px;padding-left:1rem;scroll-margin-top:2rem}.catalogue h3{font-size:1rem}.catalogue p{font-size:.85rem}.catalogue .meta{font-size:.6rem;margin-top:.45rem}body[data-route=about].scene-active .colophon{margin-bottom:0}body[data-route=about].scene-active .view--about{padding-bottom:0}.cube-home{left:auto;right:2vw;bottom:1rem;transform:none;width:22vw;height:30vh}@media(max-width:899px){.hud[data-h] .hud__body{width:min(15rem,40vw);transform:none;margin-top:0;text-align:left}.hud[data-h=left] .hud__body{left:1.5rem;right:auto}.hud[data-h=right] .hud__body{right:1.5rem;left:auto;text-align:right}.hud[data-h=centre] .hud__body{left:50%;right:auto;transform:translate(-50%);text-align:center}.hud[data-v=top] .hud__body{top:6rem;bottom:auto}.hud[data-v=bottom] .hud__body{top:auto;bottom:4rem}.hud[data-v=middle] .hud__body{top:57%;bottom:auto}.hud[data-h] .hud__body.is-arriving{animation-name:hud-arrive}.hud[data-h=centre] .hud__body.is-arriving{animation-name:hud-arrive-centre}.hud[data-h=right] .hud__signature{justify-content:flex-end}.hud__name{font-size:1.9rem}.hud__signature{min-height:2rem;margin-top:.5rem}.hud__tagline{font-size:.78rem}.hud__label{font-size:.52rem}.hud__close{top:-2.5rem;right:0;transform:none}.hud[data-h=right] .hud__close{left:auto;right:0;transform:none}.prose{padding-bottom:15rem!important}.cube-home{width:40vw}}@media(max-width:540px){.masthead{gap:.5rem}.wordmark{font-size:.7rem;letter-spacing:.12em}.masthead nav{gap:.8rem;font-size:.6rem}.masthead [data-motion-toggle]{position:fixed;bottom:.45rem;right:1rem;font-size:.55rem}.hud__name{font-size:1.65rem}.hud__signature{display:none}.hud__tagline{font-size:.75rem;line-height:1.4}.hud__cta{font-size:.55rem}.hud[data-v=top] .hud__body{top:5.5rem}.hud[data-v=middle] .hud__body{top:62%}.hint{font-size:.55rem;letter-spacing:.19em;bottom:3rem}.catalogue{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.theme-pond .hud__name{font-family:var(--font-serif);font-style:italic;font-weight:400}@media(min-width:541px)and (max-width:899px){.hud__signature{display:none}.hud[data-v=top] .hud__body{top:5.5rem}.hud__name{font-size:1.65rem}.hud__tagline{font-size:.76rem}}.sig-koi{width:10rem;height:4rem}@media(max-width:540px){.hud[data-v=middle] .hud__body{top:auto;bottom:5rem}.hud__close{min-width:36px;min-height:36px}}.no-js #scene{display:none}@media(min-width:900px){.hud[data-h=centre] .hud__body{width:min(52rem,calc(100vw - 8rem));display:grid;grid-template-columns:11rem 9rem minmax(0,1fr);gap:.4rem 1.6rem;text-align:left}.hud[data-h=centre][data-v=top] .hud__body{top:5.2rem}.hud[data-h=centre][data-v=bottom] .hud__body{bottom:3.8rem}.hud[data-h=centre] .hud__eyebrow{display:none}.hud[data-h=centre] .hud__name{grid-column:1;grid-row:1;font-size:2rem}.hud[data-h=centre] .hud__label{grid-column:1;grid-row:2;margin:0}.hud[data-h=centre] .hud__cta{grid-column:1;grid-row:3;justify-self:start;margin:0}.hud[data-h=centre] .hud__signature{grid-column:2;grid-row:1 / 4;margin:0;min-height:0}.hud[data-h=centre] .sig-project{width:9rem}.hud[data-h=centre] .hud__tagline{grid-column:3;grid-row:1 / 2;margin:0}.hud[data-h=centre] .hud__detail{grid-column:3;grid-row:2 / 4;margin:0}}@media(max-width:899px){.hud[data-h=centre] .hud__body{width:min(25rem,calc(100vw - 4rem))}.hud[data-h=centre] .hud__eyebrow{display:none}}