.site-nav.site-nav{position:fixed;inset:0 0 auto;z-index:100;padding:16px 0;border-bottom:1px solid rgb(36 43 34 / 14%);background:#f3f0e8f0;color:#242b22;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:DM Sans,system-ui,sans-serif;transition:padding .18s ease,box-shadow .18s ease}.site-nav.site-nav--scrolled{padding:10px 0;box-shadow:0 4px 24px #242b220d}.site-nav .nav-inner{display:flex;width:min(calc(100% - 48px),1320px);margin-inline:auto;align-items:center;justify-content:space-between;gap:24px}a.wordmark{position:relative;display:inline-flex;min-height:44px;align-items:center;flex-shrink:0;color:#242b22;font-family:DM Sans,system-ui,sans-serif;font-size:21px;font-weight:750;line-height:1.2;letter-spacing:-.055em;text-decoration:none}a.wordmark span{color:var(--accent)}a.wordmark.wordmark--light{color:#f7f5ed}a.wordmark.wordmark--light span{color:#c8dcae}.site-nav .desktop-nav{display:flex;align-items:center;gap:clamp(8px,2vw,28px);font-family:DM Mono,ui-monospace,monospace;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.site-nav .desktop-nav>a{position:relative;display:inline-flex;min-height:44px;min-width:44px;padding:0 8px;align-items:center;justify-content:center;gap:8px;color:#242b22;text-decoration:none;transition:color .22s ease,background .22s ease,transform .25s cubic-bezier(.16,1,.3,1)}.site-nav .desktop-nav>a:after{position:absolute;right:8px;bottom:4px;left:8px;height:2px;background:currentColor;content:"";transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.site-nav .desktop-nav>a[aria-current=location]:after,.site-nav .desktop-nav>a:hover:after{transform:scaleX(1)}.site-nav .desktop-nav>a:not(.nav-cta):hover{color:#171816;transform:translateY(-1px)}.site-nav .desktop-nav>.nav-cta{padding-inline:16px;border:1px solid #364e2e;border-radius:2px;background:var(--green);color:#242b22;transition:background .25s ease,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.site-nav .desktop-nav>.nav-cta:hover{background:#c8f58a;transform:translateY(-2px);box-shadow:0 4px 14px #364e2e26}.site-nav .desktop-nav>.nav-cta svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.site-nav .desktop-nav>.nav-cta:hover svg{transform:translate(2px,-2px)}.site-nav .menu-button{position:relative;display:none;width:44px;height:44px;padding:0;flex-shrink:0;place-items:center;border:1px solid #677060;border-radius:2px;background:transparent;color:#242b22;cursor:pointer;transition:background .2s ease,transform .2s ease}.site-nav .menu-button:hover{background:#242b220f;transform:scale(1.05)}.site-nav .scroll-progress{position:absolute;inset:auto 0 -1px;height:2px;background:var(--accent);transform-origin:0 50%;pointer-events:none}.navigation-skip-link{position:fixed;z-index:110;top:8px;left:16px;display:inline-flex;min-height:44px;padding:10px 18px;align-items:center;background:#242b22;color:#fff;font:600 16px/1.5 system-ui,sans-serif;text-decoration:underline;transform:translateY(calc(-100% - 16px))}.navigation-skip-link:focus{transform:translateY(0)}.site-nav :is(a,button):focus-visible,a.wordmark:focus-visible{outline:3px solid #47623b;outline-offset:4px}.navigation-skip-link:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #242b22}dialog.navigation-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;border:0;background:#222b24;color:#f7f5ed;color-scheme:dark;font-family:DM Sans,system-ui,sans-serif}dialog.navigation-dialog:not([open]){display:none}dialog.navigation-dialog[open]{display:block}dialog.navigation-dialog::backdrop{background:#222b24}.navigation-dialog .navigation-dialog-inner{box-sizing:border-box;display:flex;min-height:100%;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));flex-direction:column}.navigation-dialog .navigation-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.navigation-dialog-header h2{margin:0;color:#d5ddcc;font:400 11px/1.6 DM Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.navigation-dialog .navigation-close{display:inline-flex;min-height:44px;padding:8px 12px;align-items:center;justify-content:center;gap:10px;border:1px solid #a4b299;border-radius:2px;background:transparent;color:#f7f5ed;font:500 13px/1.5 DM Sans,system-ui,sans-serif;cursor:pointer}.navigation-dialog .navigation-dialog-links{display:flex;margin-block:auto;padding-block:36px;flex-direction:column}.navigation-dialog-links>a{display:flex;min-height:64px;padding-block:16px;align-items:center;gap:18px;border-bottom:1px solid #52604e;color:#f7f5ed;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(36px,8vw,68px);font-weight:400;line-height:1.15;letter-spacing:-.03em;text-decoration:none}.navigation-dialog-links .navigation-link-index{color:#c8dcae;font:400 11px/1.5 DM Mono,ui-monospace,monospace;letter-spacing:.04em}.navigation-dialog-links .navigation-link-arrow{margin-left:auto;flex-shrink:0}.navigation-dialog-links>a[aria-current=location]>span:not(.navigation-link-index){color:#d6edb8;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.navigation-dialog-links>a:hover{color:#d6edb8}.navigation-dialog .navigation-dialog-note{margin:0;color:#d5ddcc;font-size:13px;line-height:1.6}.navigation-dialog :is(a,button):focus-visible,a.wordmark.wordmark--light:focus-visible{outline:3px solid #d6edb8;outline-offset:4px}@media (max-width: 760px){.site-nav.site-nav{padding-block:12px}.site-nav .nav-inner{width:calc(100% - 32px);gap:16px}.site-nav .desktop-nav{display:none}.site-nav .menu-button{display:grid}}@media (prefers-reduced-motion: reduce){.site-nav.site-nav,.site-nav .desktop-nav>a,.site-nav .desktop-nav>a:after{transition:none}.site-nav .scroll-progress{display:none}}@media (forced-colors: active){.site-nav .desktop-nav>a:after{background:LinkText}.site-nav :is(a,button):focus-visible,.navigation-dialog :is(a,button):focus-visible,.navigation-skip-link:focus-visible,a.wordmark:focus-visible{outline-color:Highlight}}.systems-playground{min-width:0;width:100%;max-width:620px;justify-self:center;scroll-margin-top:96px;--signal-color: var(--accent)}.systems-playground--rerouted{--signal-color: #467222}.systems-eyeline{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:9px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.systems-eyeline>span:first-child{display:flex;align-items:center;gap:7px}.systems-eyeline i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.systems-stage{position:relative;width:100%;aspect-ratio:500 / 460;isolation:isolate;background:radial-gradient(ellipse at 50% 52%,#b9ed652b,transparent 59%)}.systems-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.systems-orbit{fill:none;stroke:var(--line);stroke-width:.7;opacity:.65}.systems-orbit--outer{stroke-dasharray:2 7}.systems-tick{stroke:var(--muted);stroke-width:.7;opacity:.42}.systems-link{fill:none;stroke:var(--line);stroke-width:1.2;transition:stroke .35s ease,opacity .35s ease}.systems-link--active{stroke:var(--signal-color);opacity:.65}.systems-link--offline{stroke:var(--accent);stroke-dasharray:4 6;opacity:.22}.systems-route{fill:none;stroke:var(--signal-color);stroke-width:2;opacity:0;transition:opacity .2s ease}.systems-route--sending{opacity:.8}.systems-signal{fill:var(--signal-color);stroke:var(--paper);stroke-width:2}.systems-pulse{fill:var(--ink);stroke:var(--green);stroke-width:4}.systems-center{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:52%;text-align:center;pointer-events:none;background:radial-gradient(ellipse,var(--paper) 30%,transparent 72%)}.systems-center-index,.systems-center-note{display:block;color:var(--muted);font:9px DM Mono,monospace}.systems-center-index{margin-bottom:13px;letter-spacing:.1em;text-transform:uppercase}.systems-center-title{display:block;font:58px/.94 "Instrument Serif",serif;letter-spacing:-.025em}.systems-center-title em{color:var(--signal-color)}.systems-center-note{margin-top:16px}.systems-node{position:absolute;z-index:2;display:grid;width:44px;height:44px;padding:0;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;color:var(--ink);background:transparent;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.systems-node:active{cursor:grabbing;z-index:4}.systems-node-disc{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:0 0 0 5px var(--paper);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.systems-node--terminal .systems-node-disc{width:44px;height:44px;color:var(--paper);background:var(--ink)}.systems-node--output .systems-node-disc{background:var(--green);color:var(--ink)}.systems-node-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.systems-output-mark{display:block;width:24px;height:24px}.systems-node--offline .systems-node-disc{color:var(--accent);border-color:var(--accent);font-size:24px}.systems-node:hover .systems-node-disc,.systems-node--selected .systems-node-disc{transform:scale(1.15);box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--line)}.systems-node-label{position:absolute;top:50px;font:9px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.systems-node--offline .systems-node-label{color:var(--accent);text-decoration:line-through}.systems-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--line)}.systems-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:3px;font:10px DM Mono,monospace;color:var(--ink);background:transparent;cursor:pointer;transition:background .18s ease,border-color .18s ease}.systems-controls .systems-fault{border-color:var(--ink);color:var(--paper);background:var(--ink)}.systems-fault>span{font:21px DM Sans,sans-serif}.systems-controls .systems-fault:hover{background:var(--accent);border-color:var(--accent)}.systems-playground--rerouted .systems-controls .systems-fault{color:var(--ink);background:var(--green)}.systems-controls .systems-icon-button{width:44px;padding:0}.systems-controls .systems-send{margin-right:auto}.systems-controls button:hover{background:var(--paper-deep);border-color:var(--ink)}.systems-controls button:disabled{opacity:.35;cursor:default}.systems-readout{display:flex;align-items:baseline;gap:8px;min-height:32px;font:10px/1.6 DM Mono,monospace}.systems-readout-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--signal-color)}.systems-hint{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.systems-hint>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.systems-detail{min-height:34px;margin:5px 0 0;max-width:440px;font-size:10px;line-height:1.6;color:var(--muted)}.systems-playground--game{grid-column:1 / -1;align-self:start;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-areas:"eyeline eyeline" "stage game" "controls game" "readout game" "hint game";column-gap:clamp(28px,5vw,76px);max-width:none}.systems-playground--game .systems-eyeline{grid-area:eyeline}.systems-playground--game .systems-stage{grid-area:stage}.systems-playground--game .systems-controls{grid-area:controls}.systems-playground--game .systems-readout{grid-area:readout}.systems-playground--game .systems-hint{grid-area:hint}.systems-playground--game .system-game{grid-area:game;align-self:start;margin-top:0;padding-top:0;border-top:0}.systems-playground--game .systems-controls .systems-fault{margin-right:auto}.systems-playground--congested{--signal-color: #c3432a}.systems-playground--congested .systems-node--output .systems-node-disc{background:#f3bc83}.systems-dependency-link{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:3 5;opacity:.7}.systems-pool-node{position:absolute;z-index:3;left:50%;top:92.4%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px dashed var(--muted);border-radius:4px;background:var(--paper);color:var(--ink);font:10px DM Mono,monospace;cursor:pointer}.systems-pool-node.is-selected,.systems-pool-node:hover{border-style:solid;background:var(--green)}.systems-pool-node span{font-variant-numeric:tabular-nums}.system-game{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);animation:game-arrive .35s var(--ease)}.game-kicker{display:block;font:9px/1.7 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.game-brief p{margin:10px 0 18px;font-size:12px;line-height:1.7;color:var(--muted)}.game-brief strong{color:var(--ink);font-weight:500}.game-metrics{display:grid;grid-template-columns:1.2fr 1fr .85fr;margin:0;border-block:1px solid var(--line)}.game-metrics>div{min-width:0;padding:14px 10px;border-right:1px solid var(--line)}.game-metrics>div:first-child{padding-left:0}.game-metrics>div:last-child{border:0;padding-right:0}.game-metrics dt{font:8px/1.7 DM Mono,monospace;text-transform:uppercase;color:var(--muted)}.game-metrics dd{margin:6px 0 0;font:20px/1.3 DM Mono,monospace;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.game-metrics small{color:var(--muted);font-size:13px}.game-outage{margin:14px 0 20px}.game-outage>div{display:flex;justify-content:space-between;gap:12px;font:9px/1.6 DM Mono,monospace;color:var(--muted);font-variant-numeric:tabular-nums}.game-outage progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;margin-top:8px;border:0;border-radius:4px;overflow:hidden;background:var(--line);color:var(--accent)}.game-outage progress::-webkit-progress-bar{background:var(--line)}.game-outage progress::-webkit-progress-value{background:var(--accent);transition:width .25s linear}.game-outage progress::-moz-progress-bar{background:var(--accent)}.system-game button{color:var(--ink);cursor:pointer;font-family:DM Mono,monospace;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s var(--ease)}.system-game button:disabled{cursor:default;opacity:.5}.system-game button:focus-visible,.systems-pool-node:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.game-active-faults{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.game-active-faults button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 10px;border:1px solid var(--accent);background:transparent;border-radius:3px;font-size:9px}.game-active-faults button:not(:disabled):hover{background:#f05a3c15}.game-inspector{padding:18px;border:1px solid var(--line);border-radius:4px;background:#ffffff28}.game-inspector-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.game-inspector-heading strong{font-size:13px;font-weight:500}.game-inspector p{margin:12px 0 0;font-size:12px;line-height:1.75;color:var(--muted)}.game-inspector .game-inspector-hint{margin-top:14px;font-size:10px}.game-inspector .game-budget-note{color:#a63a24;font-size:11px}.game-inline-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin-top:8px;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:11px}.game-inline-link:hover{color:var(--accent)}.game-fault-button{display:block;width:100%;margin-top:16px;padding:12px 14px;border:1px solid var(--ink);border-radius:3px;background:var(--paper);text-align:left}.game-fault-button>span{display:block;font-size:11px}.game-fault-button small{display:block;margin-top:6px;font:11px/1.65 DM Sans,sans-serif;color:var(--muted)}.game-fault-button[aria-pressed=true]{border-color:var(--accent);background:#f05a3c0d}.game-fault-button:not(:disabled):hover{background:var(--green);transform:translateY(-1px)}.game-mono{font-family:DM Mono,monospace}.game-pool{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:16px}.game-pool i{height:18px;background:var(--line);border-radius:2px;transition:background .2s ease}.game-pool i.is-occupied{background:var(--accent)}.game-result{padding:22px;border:1px solid var(--line);border-left:3px solid var(--accent);background:#f05a3c08;animation:game-arrive .4s var(--ease)}.game-result--patched{border-left-color:#467222;background:#b9ed651a}.game-result h3{margin:14px 0;font:30px/1.1 "Instrument Serif",serif;letter-spacing:-.025em}.game-result h3 em{font-weight:400;color:var(--accent)}.game-result--patched h3 em{color:#467222}.game-result p{margin:12px 0;font-size:12px;line-height:1.8;color:var(--muted)}.system-game .game-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;margin-top:18px;padding:12px 14px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper);font-size:10px;text-align:left}.system-game .game-primary:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.game-result .game-patch-note{font-size:10px}.game-comparison{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-block:1px solid var(--line);font:10px DM Mono,monospace}.game-comparison strong{display:block;margin-top:8px;font-size:28px;font-weight:400;color:var(--ink)}.game-telemetry-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:10px}.game-disclosure{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .35s var(--ease),opacity .25s ease,visibility .35s}.game-disclosure.is-open{grid-template-rows:1fr;visibility:visible;opacity:1}.game-disclosure>div{min-height:0;overflow:hidden}.game-telemetry{padding-top:16px}.game-telemetry dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:0;font:9px/1.6 DM Mono,monospace}.game-telemetry dl>div{display:flex;justify-content:space-between;gap:8px}.game-telemetry dt{color:var(--muted)}.game-telemetry dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.game-telemetry p{color:var(--muted);font-size:10px;line-height:1.8}.game-telemetry ol{margin:18px 0;padding:0;list-style:none}.game-telemetry li{display:grid;grid-template-columns:44px 1fr;gap:10px;margin-bottom:10px;font-size:11px;line-height:1.6}.game-telemetry time{color:var(--accent);font:9px/1.8 DM Mono,monospace}@keyframes game-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 420px){.game-metrics dd{font-size:16px}.game-metrics dt{font-size:7px}.game-inspector,.game-result{padding:14px}.game-result h3{font-size:27px}.game-outage>div{font-size:8px}.game-telemetry dl{grid-template-columns:1fr;gap:8px}}@media (max-width: 760px){.systems-playground--game{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyeline" "stage" "controls" "readout" "hint" "game";column-gap:0}.systems-playground--game .system-game{margin-top:18px;padding-top:20px;border-top:1px solid var(--line)}}@media (prefers-reduced-motion: reduce){.system-game,.game-result{animation:none}.system-game *,.systems-pool-node{transition:none!important}}@media (max-width: 420px){.systems-eyeline{font-size:8px}.systems-center-title{font-size:44px}.systems-center-index{font-size:8px;margin-bottom:9px}.systems-center-note{font-size:8px;margin-top:10px}.systems-node-label{font-size:8px;top:47px}.systems-controls{gap:5px}.systems-controls button{padding:0 8px;font-size:9px}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-300:oklch(90.5% .182 98.111);--color-blue-900:oklch(37.9% .146 265.522);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.z-0{z-index:0}.z-100{z-index:100}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.max-h-screen{max-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-full{width:100%}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-6{padding-block:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-blue-900{color:var(--color-blue-900)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:group-\[\.destructive\]\:text-red-50:hover:is(:where(.group).destructive *){color:var(--color-red-50)}}.focus\:opacity-100:focus{opacity:1}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:group-\[\.destructive\]\:ring-red-400:focus:is(:where(.group).destructive *){--tw-ring-color:var(--color-red-400)}.focus\:group-\[\.destructive\]\:ring-offset-red-600:focus:is(:where(.group).destructive *){--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:calc(var(--spacing)*0)}.sm\:bottom-0{bottom:calc(var(--spacing)*0)}.sm\:flex-col{flex-direction:column}}@media (min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}}:root{--paper:#f3f0e8;--paper-deep:#e9e4d9;--ink:#171816;--muted:#686962;--line:#cbc7bd;--accent:#f05a3c;--green:#b9ed65;--dark:#1b211e;--white:#fffdf8;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;color:var(--ink);background:var(--paper);font-feature-settings:"ss02" 1;-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline-offset:5px;outline:2px solid}::selection{color:var(--ink);background:var(--green)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{min-height:100vh;overflow:clip}.section-frame,.nav-inner{width:min(100% - 48px,1320px);margin-inline:auto}main section[id]{scroll-margin-top:88px}#main-content:focus{outline:none}.section-pad{padding-block:clamp(84px,10vw,144px)}.small-label{text-transform:uppercase;letter-spacing:.06em;font:10px/1.5 DM Mono,monospace;display:block}.section-kicker{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.035em;grid-template-columns:48px 1fr auto;align-items:baseline;gap:10px;margin-bottom:clamp(48px,6vw,88px);padding-bottom:16px;font:10px/1.5 DM Mono,monospace;display:grid}.section-kicker p{margin:0}.section-kicker>span:first-child{color:#bb3924}.section-kicker .kicker-aside{color:var(--muted);text-align:right;font-size:9px}.section-kicker--light{border-color:#485149}.section-kicker--light>span:first-child{color:var(--green)}.section-kicker--light .kicker-aside{color:#afb7af}.eyebrow{color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 26px;font:11px/1.6 DM Mono,monospace;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.text-link{border-bottom:1px solid var(--line);text-transform:uppercase;min-height:44px;transition:border-color .28s var(--ease),color .28s var(--ease);align-items:center;gap:9px;font:10px/1.4 DM Mono,monospace;display:inline-flex}.text-link:hover{border-color:currentColor}.text-link svg,.project-links svg,.contact-socials svg{transition:transform .4s var(--ease);flex-shrink:0}.text-link:hover svg,.project-links a:hover svg,.contact-socials a:hover svg{transform:translate(4px,-4px)}.button{border:1px solid var(--ink);min-height:52px;transition:background .3s var(--ease),color .3s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease);border-radius:2px;justify-content:center;align-items:center;gap:18px;padding:0 23px;display:inline-flex}.button--primary{color:var(--paper);background:var(--ink);font-size:13px;font-weight:500}.button--primary:hover{color:var(--ink);background:var(--green);transform:translateY(-2px);box-shadow:0 10px 24px #1718161f}.button--primary svg{transition:transform .35s var(--ease)}.button--primary:hover svg{transform:translateY(3px)}.hero{overflow-anchor:none;flex-direction:column;justify-content:center;min-height:100svh;padding-top:136px;padding-bottom:72px;display:flex;position:relative}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;gap:clamp(48px,8vw,120px);display:grid}.hero-grid:has(.systems-playground--game){grid-template-columns:minmax(0,1fr);align-items:start}.hero-copy{min-width:0;container-type:inline-size}.hero h1{letter-spacing:0;margin:0;font-size:min(clamp(64px,8.2vw,126px),16cqi);font-weight:600;line-height:.94}.hero-line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.hero-line>*{white-space:nowrap;display:block}.hero h1 em{color:var(--accent);font-family:Instrument Serif,serif;font-weight:400}.hero-intro{max-width:515px;color:var(--muted);margin:32px 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.7}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.about h2,.projects h2,.skills h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(44px,6.3vw,88px);font-weight:500;line-height:1.04}.about h2 em,.projects h2 em,.skills h2 em{letter-spacing:-.025em;font-family:Instrument Serif,serif;font-weight:400}.projects-heading,.skills-heading{grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);align-items:end;gap:56px;margin-bottom:76px;display:grid}.projects-heading>div>p,.skills-heading>p{color:var(--muted);margin:15px 0;font-size:16px;line-height:1.7}.projects-heading h2 em{color:#ae3c2a}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:88px 48px;display:grid}.project-card{--project-tone:#dde5d6;--art-angle:-2deg;grid-column:span 7;min-width:0}.project-card:nth-child(2){grid-column:span 5;margin-top:134px}.project-card:nth-child(4){grid-column:span 5}.project-card:nth-child(5){margin-top:110px}.project-card--lilac{--project-tone:#e0daec;--art-angle:2deg}.project-card--peach{--project-tone:#eacdbd;--art-angle:-1deg}.project-card--blue{--project-tone:#d1dce5;--art-angle:1.5deg}.project-card--sand{--project-tone:#e6dfcc;--art-angle:-2deg}.project-artwork{aspect-ratio:1.18;background:var(--project-tone);border-radius:3px;place-items:center;padding:12%;display:grid;position:relative;overflow:hidden}.project-art-index{color:var(--ink);opacity:.065;pointer-events:none;font:180px/1 Instrument Serif,serif;position:absolute;top:-12px;left:16px}.project-artwork img{object-fit:contain;width:100%;height:auto;max-height:100%;transform:rotate(var(--art-angle));transition:transform .75s var(--ease),box-shadow .75s var(--ease);border-radius:3px;position:relative;box-shadow:0 14px 36px #17181626}.project-art-caption{text-transform:uppercase;letter-spacing:.04em;font:9px DM Mono,monospace;position:absolute;bottom:22px;left:24px}.project-art-mark{font-size:24px;position:absolute;bottom:16px;right:24px}.project-information{padding-top:23px}.project-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-title-row h3{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.1}.project-sequence{color:var(--muted);white-space:nowrap;font:9px DM Mono,monospace}.project-description{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.5}.project-tags{flex-wrap:wrap;gap:8px 16px;margin:21px 0;padding:0;list-style:none;display:flex}.project-tags li{color:var(--muted);text-transform:uppercase;font:9px/1.5 DM Mono,monospace}.project-tags li+li:before{content:"/";color:var(--line);margin-right:16px}.project-notes{border-block:1px solid var(--line)}.project-notes-trigger{width:100%;min-height:48px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;font:10px DM Mono,monospace;display:flex}.project-notes-trigger:hover{color:var(--accent)}.project-notes-trigger:hover .project-notes-icon{color:var(--accent);transform:scale(1.15)}.project-notes-icon{transition:transform .25s var(--ease),color .25s ease;place-items:center;display:grid}.project-notes-content{overflow:hidden}.project-notes-inner{padding:12px 0 24px}.project-notes-inner p{color:var(--muted);margin:8px 0 20px;font-size:14px;line-height:1.75}.project-notes-inner p:last-child{margin-bottom:0}.project-links{flex-wrap:wrap;align-items:center;gap:10px 26px;padding-top:10px;display:flex}.project-links a{text-transform:uppercase;align-items:center;gap:8px;min-height:44px;font:10px DM Mono,monospace;transition:color .2s;display:inline-flex}.project-links a:hover{color:var(--accent)}.project-private-note{color:var(--muted);padding-block:14px;font:10px DM Mono,monospace}.project-card--wide{grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:64px;padding-block:20px;display:grid}.project-card--wide .project-artwork{aspect-ratio:1.4}.project-card--wide .project-information{padding-top:0}.more-work{border-block:1px solid var(--line);grid-template-columns:.65fr 1.6fr auto;align-items:center;gap:32px;margin-top:90px;padding:34px 0;display:grid}.more-work h3{margin:0;font:38px/1.2 Instrument Serif,serif}.more-work p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.more-work-arrow{border:1px solid var(--ink);width:64px;height:64px;transition:background .22s ease,transform .45s var(--ease);border-radius:50%;place-items:center;display:grid}.more-work:hover .more-work-arrow{background:var(--green);transform:rotate(-35deg)}.about{padding-top:50px}.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(50px,9vw,130px);display:grid}.about h2 em{color:#ae3c2a}.about-signature{align-items:center;gap:20px;margin-top:48px;display:flex}.about-signature svg{width:125px;height:65px;color:var(--accent)}.about-signature span{max-width:100px;color:var(--muted);font:10px/1.6 DM Mono,monospace}.about-copy>p{color:var(--muted);margin:0 0 22px;font-size:16px;line-height:1.8}.about-copy>.about-lede{color:var(--ink);letter-spacing:-.025em;font-size:clamp(20px,2vw,27px);line-height:1.5}.about-notebook{background:var(--paper-deep);border-radius:3px;grid-template-columns:1fr 1.25fr;gap:72px;margin-top:100px;padding:48px;display:grid}.notebook-caption{flex-direction:column;align-items:start;display:flex}.notebook-caption>p{letter-spacing:-.04em;margin:30px 0;font-size:35px;line-height:1.15}.notebook-caption em{font-family:Instrument Serif,serif;font-size:43px;font-weight:400}.about-role{color:var(--muted);align-items:center;gap:8px;margin-top:auto;font:9px/1.6 DM Mono,monospace;display:flex}.about-role i{background:#527733;border-radius:50%;width:5px;height:5px}.notebook-entry{transition:transform .3s var(--ease);border-bottom:1px solid #c5c0b5;grid-template-columns:30px 1fr auto;align-items:start;gap:14px;padding:23px 0;display:grid}.notebook-entry:hover{transform:translate(6px)}.notebook-entry:first-child{padding-top:0}.notebook-entry:last-child{border-bottom:0;padding-bottom:0}.notebook-entry>span{color:var(--muted);padding-top:6px;font:10px DM Mono,monospace}.notebook-entry h3{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:500;transition:color .25s}.notebook-entry:hover h3{color:var(--accent)}.notebook-entry p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.6}.notebook-entry>svg{color:var(--muted);transition:transform .35s var(--ease),color .25s ease;margin-top:4px}.notebook-entry:hover>svg{color:var(--accent);transform:translate(3px,-3px)}.skills{color:var(--paper);background:var(--dark)}.skills-heading{grid-template-columns:minmax(0,1.8fr) minmax(230px,.6fr)}.skills-heading h2 em{color:var(--green)}.skills-heading>p{color:#b8c0b9}.approach-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:100px;display:grid}.approach-tab{color:#b8c0b9;text-align:left;cursor:pointer;width:100%;transition:color .28s var(--ease),padding-left .35s var(--ease);background:0 0;border:0;border-bottom:1px solid #485149;grid-template-columns:30px 1fr auto;align-items:center;gap:16px;padding:32px 0;display:grid}.approach-tab:hover{color:var(--white);padding-left:8px}.approach-tab:first-child{border-top:1px solid #485149}.approach-number{color:#a0aaa1;transition:color .28s var(--ease);font:10px DM Mono,monospace}.approach-tab>span:nth-child(2){font:clamp(25px,2.8vw,39px)/1.2 Instrument Serif,serif}.approach-tab svg{transition:transform .4s var(--ease),color .28s var(--ease)}.approach-tab:hover svg{color:var(--white);transform:translate(3px,-3px)}.approach-tab--active,.approach-tab--active:hover{color:var(--green);padding-left:12px}.approach-tab--active svg{color:var(--green);transform:rotate(45deg)}.approach-tab--active:hover svg{color:var(--green);transform:rotate(45deg)translate(0)}.approach-tab--active .approach-number{color:var(--green)}.approach-footnote{color:#a0aaa1;margin:25px 0;font:10px/1.7 DM Mono,monospace}.approach-panel,.approach-panel-content{min-width:0}.approach-illustration{border:1px solid #485149;border-radius:3px;padding:20px 24px}.approach-illustration>.small-label{color:#b8c0b9}.principle-diagram{width:100%;height:auto;margin-block:8px;display:block}.diagram-guide{stroke:#6f7b70;stroke-width:1px}.diagram-line{stroke:var(--green);stroke-width:1.5px}.diagram-core{fill:var(--green)}.approach-illustration>p{text-align:center;color:#b8c0b9;margin:0;font:10px/1.6 DM Mono,monospace}.approach-explanation{min-height:245px;padding-top:30px}.approach-explanation h3{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:500}.approach-explanation p{color:#b8c0b9;margin:14px 0 25px;font-size:14px;line-height:1.8}.approach-explanation ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.approach-explanation li{text-transform:uppercase;align-items:center;gap:6px;font:9px DM Mono,monospace;display:inline-flex}.approach-explanation li+li{margin-left:8px}.approach-explanation li svg{color:var(--green)}.contact{background:var(--green)}.contact .section-kicker{border-color:#91bb4e}.contact .section-kicker>span:first-child{color:var(--ink)}.contact .kicker-aside{color:#425a28;align-items:center;gap:5px;display:inline-flex}.contact-intro{justify-content:space-between;align-items:center;display:flex}.contact-intro>p{letter-spacing:-.015em;margin:0;font-size:17px;line-height:1.6}.contact-asterisk{width:90px;height:90px;color:var(--ink)}.contact-invitation{transition:border-color .3s var(--ease);border-bottom:1px solid #91bb4e;justify-content:space-between;align-items:center;gap:30px;margin-bottom:40px;padding:36px 0 50px;display:flex}.contact-invitation:hover{border-color:var(--ink)}.contact-invitation h2{letter-spacing:-.075em;white-space:nowrap;transition:transform .45s var(--ease);margin:0;font-size:clamp(90px,17.7vw,254px);font-weight:500;line-height:1}.contact-invitation:hover h2{transform:translate(8px)}.contact-invitation h2 em{letter-spacing:-.03em;font-family:Instrument Serif,serif;font-weight:400}.contact-invitation-arrow{border:1px solid var(--ink);width:clamp(70px,13vw,174px);height:clamp(70px,13vw,174px);transition:transform .65s var(--ease),color .3s ease,background .3s ease,box-shadow .45s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.contact-invitation-arrow svg{stroke-width:1px;width:48%;height:48%;transition:transform .45s var(--ease)}.contact-invitation:hover .contact-invitation-arrow{color:var(--green);background:var(--ink);transform:rotate(45deg)scale(1.05);box-shadow:0 16px 36px #17181630}.contact-bottom{justify-content:space-between;align-items:center;gap:36px;display:flex}.contact-address>div{align-items:center;gap:14px;margin-block:10px 4px;display:flex}.contact-address>div>a{letter-spacing:-.03em;align-items:center;min-height:44px;font-size:clamp(17px,2.2vw,28px);transition:opacity .25s;display:inline-flex}.contact-address>div>a:hover{opacity:.75}.copy-email{cursor:pointer;width:44px;height:44px;transition:background .25s ease,transform .3s var(--ease),border-color .25s ease;background:0 0;border:1px solid #91bb4e;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.copy-email:hover{border-color:var(--ink);background:#fff3;transform:scale(1.1)}.copy-feedback{color:#354921;min-height:32px;font:10px/1.7 DM Mono,monospace;display:block}.contact-socials{gap:28px;display:flex}.contact-socials a{border-bottom:1px solid #91bb4e;justify-content:space-between;align-items:center;gap:20px;min-height:44px;font:11px DM Mono,monospace;transition:border-color .25s,color .25s;display:inline-flex}.contact-socials a:hover{border-color:var(--ink)}.footer{color:#b8c0b9;background:var(--dark);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:none;padding:34px max(24px,50% - 660px);display:grid}.footer p{text-align:center;margin:0;font:9px/1.9 DM Mono,monospace}.footer p>span:first-child{margin-inline:10px}.footer p>span:last-child{color:#a0aaa1}.back-to-top{width:48px;height:48px;color:var(--paper);transition:color .25s ease,border-color .25s ease,transform .35s var(--ease),background .25s ease;border:1px solid #657166;border-radius:50%;justify-self:end;place-items:center;display:grid}.back-to-top:hover{color:var(--ink);background:var(--green);border-color:var(--green);transform:translateY(-3px)}.not-found{text-align:center;place-content:center;min-height:100svh;padding:24px;display:grid}.not-found p{color:#ae3c2a;font:11px DM Mono,monospace}.not-found h1{margin:12px 0 24px;font:clamp(44px,8vw,84px)/1.1 Instrument Serif,serif}.not-found a{border-bottom:1px solid;justify-self:center;min-height:44px}@keyframes ink-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.project-card:hover .project-artwork img{transform:rotate(0)translateY(-7px)scale(1.025);box-shadow:0 22px 45px #17181633}}@media (max-width:1100px){.project-grid{gap:70px 30px}.project-card--wide{gap:36px}.approach-layout{gap:48px}.about-notebook{gap:40px;padding:34px}}@media (max-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:64px}.hero{justify-content:flex-start}.hero-copy{max-width:820px}.systems-playground{justify-self:end}.hero-grid:has(.systems-playground--game) .systems-playground{justify-self:stretch}.projects-heading,.skills-heading{grid-template-columns:minmax(0,1fr);gap:25px}.projects-heading>div{max-width:400px}.about-grid{gap:40px}.about h2{font-size:55px}.contact-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.section-frame,.nav-inner{width:calc(100% - 32px)}.section-pad{padding-block:80px}.section-kicker{grid-template-columns:26px 1fr;gap:8px;margin-bottom:44px;font-size:9px}.kicker-aside{display:none}.hero{width:100%;padding:120px 16px 24px}.hero h1{font-size:min(clamp(46px,15vw,68px),16cqi)}.hero-intro{margin-top:25px;font-size:16px}.hero-actions{flex-wrap:wrap;gap:16px 24px;margin-top:28px}.hero .eyebrow{font-size:9px}.hero-grid{gap:64px}.about h2,.projects h2,.skills h2{letter-spacing:-.045em;font-size:clamp(42px,10.7vw,66px)}.projects-heading,.skills-heading{margin-bottom:44px}.projects-heading>div>p,.skills-heading>p{font-size:15px}.project-grid{grid-template-columns:minmax(0,1fr);gap:52px}.project-card,.project-card:nth-child(2),.project-card:nth-child(4),.project-card:nth-child(5){grid-column:auto;margin-top:0}.project-card--wide{padding:0;display:block}.project-artwork,.project-card--wide .project-artwork{aspect-ratio:1.22}.project-card--wide .project-information{padding-top:23px}.project-art-caption{font-size:8px;bottom:18px;left:18px}.project-art-mark{bottom:12px;right:18px}.project-title-row h3{font-size:34px}.more-work{grid-template-columns:1fr auto;gap:20px;margin-top:56px;padding-block:26px}.more-work>.small-label{grid-column:1/-1}.more-work-arrow{width:48px;height:48px}.about{padding-top:24px}.about-grid,.about-notebook{grid-template-columns:minmax(0,1fr)}.about-grid{gap:34px}.about-signature{margin-top:24px}.about-copy>p{font-size:15px}.about-copy>.about-lede{font-size:23px}.about-notebook{gap:36px;margin-top:48px;padding:26px 22px}.notebook-caption>p{margin-block:20px}.notebook-entry{grid-template-columns:20px 1fr auto;gap:10px}.approach-layout{grid-template-columns:minmax(0,1fr);gap:24px}.approach-tab{grid-template-columns:24px 1fr auto;gap:10px;padding-block:23px}.approach-tab>span:nth-child(2){font-size:28px}.approach-illustration{padding:18px}.approach-explanation{min-height:250px}.approach-explanation h3{font-size:22px}.contact-intro>p{font-size:14px}.contact-asterisk{width:60px;height:60px}.contact-invitation{gap:14px;margin-bottom:28px;padding-block:34px}.contact-invitation h2{font-size:clamp(70px,18vw,136px)}.contact-invitation-arrow{width:52px;height:52px}.contact-address>div{gap:10px}.contact-address>div>a{font-size:clamp(17px,4.5vw,24px)}.contact-bottom{gap:24px}.contact-socials{gap:30px;width:100%}.contact-socials a{flex:1}.footer{grid-template-columns:1fr auto;gap:26px;padding:28px 16px}.footer p{text-align:left;grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.project-artwork img{transform:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}