:root,:root[data-theme=deep]{--bg:#040e08;--surface:#0a2317;--ink:#e6f4ea;--ink-dim:#8fb09c;--accent:#1fa35c;--accent2:#0f7d4a;--accent-glow:#5fe39b;--thread:#3f8f69;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}:root[data-theme=emerald]{--bg:#070b09;--surface:#0e1a14;--ink:#e9f3ec;--ink-dim:#9db3a5;--accent:#50c878;--accent2:#2fbf8f;--accent-glow:#9bffc9;--thread:#6fa88a}:root[data-theme=lime]{--bg:#0a0b07;--surface:#14170a;--ink:#f2f6e4;--ink-dim:#b0b896;--accent:#b6f500;--accent2:#8bd400;--accent-glow:#e3ff7a;--thread:#9aa55a}:root[data-theme=copper]{--bg:#06100f;--surface:#0b1c1b;--ink:#e8f2f0;--ink-dim:#94b0ac;--accent:#2ec4b6;--accent2:#1f8f86;--accent-glow:#ffc799;--thread:#a8754a}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);margin:0}html.js body{overflow:hidden}html.js,html.js body,#stage{touch-action:none}#stage{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.brand{z-index:3;font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:10px;font-size:18px;display:flex;position:fixed;top:20px;left:24px}.brand svg{width:38px;height:38px}.skip-intro{z-index:4;color:var(--ink-dim);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);font:500 13px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;transition:color .2s,border-color .2s,opacity .6s;position:fixed;top:22px;right:24px}.skip-intro:hover{color:var(--ink);border-color:var(--accent)}.skip-intro.is-gone{opacity:0;pointer-events:none}html:not(.js) .skip-intro{display:none}:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px}.hexmenu .hex{color:var(--ink);text-align:center;text-decoration:none}.hexmenu .hex .ring{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0;overflow:visible}.hexmenu .hex .ring polygon{fill:none;stroke:var(--accent-glow);stroke-width:4px;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--accent))}.hexmenu .hex:focus-visible{outline:none}.hexmenu .hex:focus-visible .ring{opacity:1}.hexmenu .hex:hover .ring{opacity:.4}html.js .hexmenu .hex{--hexw:calc(var(--R) * 2);--hexh:calc(var(--R) * 1.73205);z-index:2;width:var(--hexw);height:var(--hexh);margin:calc(var(--hexh) / -2) 0 0 calc(var(--hexw) / -2);padding:0 calc(var(--R) * .28);font:600 max(11px, calc(var(--R) * .2)) / 1.18 var(--font-display);letter-spacing:.02em;will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 8px #000000a6;visibility:hidden;place-items:center;display:grid;position:fixed;top:0;left:0}html.js .hexmenu .hex.is-active{visibility:visible}html:not(.js) #stage{display:none}html:not(.js) body{place-items:center;min-height:100%;padding:96px 16px 48px;display:grid}html:not(.js) .hexmenu{flex-wrap:wrap;justify-content:center;gap:14px;max-width:760px;display:flex}html:not(.js) .hexmenu .hex{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(160deg, var(--surface), color-mix(in srgb, var(--accent) 22%, var(--surface)));width:170px;height:147px;font:600 16px/1.2 var(--font-display);place-items:center;display:grid;position:relative}html:not(.js) .hexmenu .hex .ring{display:none}html:not(.js) .hexmenu .hex:hover{background:linear-gradient(160deg, var(--surface), color-mix(in srgb, var(--accent) 45%, var(--surface)))}.panel{z-index:5;background:color-mix(in srgb, var(--bg) 94%, var(--accent));border-left:1px solid color-mix(in srgb, var(--accent) 45%, transparent);width:min(380px,100%);padding:72px 32px 36px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-30px 0 80px #0000008c}.panel[hidden]{visibility:hidden;display:block}.panel.is-open{visibility:visible;transform:none}.panel h2{font:600 32px/1.1 var(--font-display);margin:0 0 14px}.panel p{color:var(--ink-dim);margin:0;font-size:17px;line-height:1.6}.panel__close{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;width:40px;height:40px;font-size:20px;position:absolute;top:20px;right:22px}.panel__close:hover{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.panel{transition:none}}html.js.panel-open .hexmenu .hex[data-id=contact]{z-index:6;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(160deg, var(--surface), color-mix(in srgb, var(--accent) 38%, var(--surface)))}html.js.panel-open .hexmenu .hex[data-id=contact]:hover,html.js.panel-open .hexmenu .hex[data-id=contact]:focus-visible{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 30%, var(--surface)), var(--accent));color:var(--bg);text-shadow:none}#truss{z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .7s;position:fixed;inset:0}#truss.is-stage{opacity:1}#truss path{fill:none;stroke-linecap:round}#truss .truss-front{stroke:var(--accent-glow);stroke-width:2.2px;filter:drop-shadow(0 0 5px var(--accent))}#truss .truss-links{stroke:var(--accent);stroke-width:1.3px;opacity:.85}#truss .truss-back{stroke:var(--accent);stroke-width:1.2px;opacity:.7}#truss .deck{stroke:var(--accent);stroke-width:1.2px;opacity:.6}html.stage .brand{top:var(--stage-brand-y,60px);left:var(--stage-brand-x,60px)}@media (prefers-reduced-motion:reduce){#truss{transition:none}}.stage-toggle{display:none}html.js .stage-toggle{right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:7;background:var(--accent);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:.22;cursor:pointer;touch-action:manipulation;border:0;width:34px;height:30px;padding:0;transition:opacity .2s;display:block;position:fixed}html.js .stage-toggle:hover,html.js .stage-toggle:focus-visible,html.js .stage-toggle[aria-pressed=true]{opacity:.55}.haptics-toggle{display:none}html.js .haptics-toggle:not([hidden]){right:calc(54px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:7;background:var(--accent);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:.1;cursor:pointer;touch-action:manipulation;border:0;width:34px;height:30px;padding:0;transition:opacity .2s;display:block;position:fixed}html.js .haptics-toggle[aria-pressed=true]{opacity:.3}.site-footer{left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:4;max-width:215px;font:11px/1.5 var(--font-ui);color:var(--ink-dim);text-align:left;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:fixed}.site-footer p{white-space:nowrap;margin:0}.site-footer__links{pointer-events:auto;gap:12px;display:flex}.site-footer a{color:var(--ink-dim);padding:4px 2px;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent-glow);text-decoration:underline}html:not(.js) .site-footer{pointer-events:auto;max-width:none;margin:24px;position:static}html.js .hexmenu .hex,html.js .site-footer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}