*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}::selection{color:#24160f;background:#d3a625}.t-light{--bg:#f6f1e7;--surface:#fbf8f1;--soft:#efe6d6;--ink:#24160f;--muted:#6b5a4c;--faint:#d6c9b5;--line:#e3d8c6;--accent:#7f0909;--gold:#b8860b;--stage:#5c0a0a;--win:#fdfaf3;--bar:#a51c1c;--bar2:#d3a625;--chip:#f0e7d6;--code:#f1e9da;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.t-dark{--bg:#140b0a;--surface:#1c1110;--soft:#271716;--ink:#f2e9dc;--muted:#b9a693;--faint:#3f2a26;--line:#33201e;--accent:#d3a625;--gold:#d3a625;--stage:#4a0b0b;--win:#211513;--bar:#c0392b;--bar2:#d3a625;--chip:#271716;--code:#241614;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;transition:background-color .35s,color .35s}.serif{font-family:Georgia,Times New Roman,serif}.wrap{max-width:1240px;margin:0 auto;padding:0 40px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:50;background:var(--ink);color:var(--bg);border-radius:6px;padding:10px 14px;top:12px;left:16px}.progress{transform-origin:0;z-index:40;background:linear-gradient(90deg,#7f0909,#d3a625);height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.bar{z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.bar-in{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex;position:relative}.bar-tools{align-items:center;gap:10px;display:flex}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-weight:700;display:flex}.brand-mark{flex:none;width:36px;height:36px;display:block}.brand-text{white-space:nowrap;flex-direction:column;line-height:1.2;display:flex}.brand-role{letter-spacing:.2px;color:var(--muted);font-size:11px;font-weight:400}.nav{gap:28px;font-size:13px;display:flex}.social{gap:4px;display:flex}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;transition:color .2s,background-color .2s;display:grid}.icon-btn:hover{color:var(--ink);background:var(--soft)}.seg{border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.seg button{width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--ink);color:var(--bg)}kbd{border:1px solid var(--line);background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:5px;padding:3px 5px;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.hotkey{vertical-align:1px;margin-left:8px}@media (max-width:600px),(hover:none){.hotkey{display:none}}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;font-size:11px;font-weight:700}.line-mask{padding-bottom:.08em;display:block;overflow:hidden}.hw{animation:1s cubic-bezier(.2,.7,.1,1) both hw;animation-delay:calc(var(--i) * 80ms);display:inline-block}@keyframes hw{0%{transform:translateY(105%)}}@keyframes grow{to{transform:scaleX(1)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.progress{animation:linear both grow;animation-timeline:scroll()}.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry entry 60%}}}@media (prefers-reduced-motion:reduce){body,.icon-btn,.seg button{transition:none}.hw{animation:none}}@media (max-width:900px){.wrap{padding:0 20px}.nav{display:none}}@media (max-width:520px){.bar-in .social{display:none}}html{scroll-behavior:smooth;scroll-padding-top:100px}@media (hover:hover) and (pointer:fine){body,body a,body button{cursor:var(--wand-cursor,url(/magic/elder-wand.svg) 2 2),auto}body [data-project],body [data-project] *{cursor:url(/magic/snitch.svg) 32 27,pointer}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html.lenis{scroll-behavior:auto}