:root{--bg:#fafbf4;--surface:#f1f3e6;--surface-2:#e9ecd9;--ink:#15170c;--muted:#5a5f4a;--border:#d8dcc4;--accent:#586b00;--accent-bright:#8a9e1a;--accent-2:#2e3320;--on-accent:#fafbf4;--mark:#b6d43a9e;--glass:#fafbf480;--glass-strong:#fafbf4b8;--glass-border:#15170c24;--glass-highlight:#ffffffe6;--glass-shadow:0 18px 50px -20px #141e0866;--glass-tint:#586b001a;--glass-blur:24px;--glass-sat:200%;--ease:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--maxw:76rem;--pad:clamp(1.25rem, 5vw, 6rem);--font-display:"Fraunces", ui-serif, Georgia, serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}:root[data-theme=dark]{--bg:#0d0f08;--surface:#161a0e;--surface-2:#1d2213;--ink:#edefe0;--muted:#9da386;--border:#2c301c;--accent:#98b82f;--accent-bright:#b6d43a;--accent-2:#c9dc72;--on-accent:#11140a;--mark:#98b82f4d;--glass:#141a0c61;--glass-strong:#161c0ea3;--glass-border:#c8e6782e;--glass-highlight:#dcf0aa38;--glass-shadow:0 20px 56px -20px #000c;--glass-tint:#98b82f24;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .4s var(--ease), color .4s var(--ease);font-size:clamp(1rem,.96rem + .2vw,1.0625rem);line-height:1.65;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}.bg-canvas{z-index:0;pointer-events:none;opacity:.95;will-change:transform;backface-visibility:hidden;width:100%;height:100%;position:fixed;inset:0;transform:translateZ(0)}.bg-grain{z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}:root[data-theme=dark] .bg-grain{opacity:.07}.bg-dim{z-index:0;pointer-events:none;background:var(--bg);opacity:.66;position:fixed;inset:0}main,.footer{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.02}.display{font-size:clamp(3rem,1.6rem + 6.5vw,6.5rem);font-weight:600}h2{font-size:clamp(2rem,1.2rem + 3vw,3.75rem)}h3{font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem)}.lead{font-size:clamp(1.15rem,1rem + .8vw,1.6rem);line-height:1.45}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.8rem}strong,b{color:var(--accent);font-weight:600}:root[data-theme=dark] strong,:root[data-theme=dark] b{color:var(--accent-2)}.mark{color:var(--ink);background-image:linear-gradient(var(--mark), var(--mark));box-decoration-break:clone;background-position:0 82%;background-repeat:no-repeat;background-size:100% 42%;padding:0 .08em;font-weight:600}html.has-anim .mark{transition:background-size .7s var(--ease);background-size:0% 42%}html.has-anim .mark.in{background-size:100% 42%}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--pad);margin-inline:auto}.section{padding-block:clamp(5rem,10vw,12rem)}.link{color:var(--accent);transition:background-size .3s var(--ease);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;text-decoration:none}.link:hover{background-size:100% 1.5px}:root[data-theme=dark] .link{color:var(--accent-2)}.btn{--b:var(--glass-strong);isolation:isolate;font:inherit;border:1px solid var(--glass-border);background:var(--b);color:var(--ink);cursor:pointer;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 -1px 2px #0000001a, var(--glass-shadow);transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:.9rem;align-items:center;gap:.5em;padding:.7em 1.3em;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(150deg, var(--glass-highlight) 0%, transparent 38%, transparent 100%);opacity:.9;position:absolute;inset:0}.btn:hover{box-shadow:inset 0 1px 0 var(--glass-highlight), 0 16px 40px -12px #586b0080;transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:linear-gradient(160deg, color-mix(in srgb, #fff 8%, var(--accent)), var(--accent));color:var(--on-accent);border-color:#ffffff59}:root[data-theme=dark] .btn-primary{background:linear-gradient(160deg, color-mix(in srgb, #fff 22%, var(--accent)), var(--accent))}.btn-primary:hover{box-shadow:inset 0 1px 0 #ffffff80, 0 16px 40px -10px var(--accent)}.nav{z-index:50;padding:.9rem var(--pad);transition:background .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-bottom-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow)}.nav-brand{isolation:isolate;font-family:var(--font-display);white-space:nowrap;border:1px solid var(--glass-border);background:var(--glass-strong);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 6px 16px -4px #00000073;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease), backdrop-filter .22s var(--ease);border-radius:.8rem;padding:.4rem 1rem;font-size:1.1rem;font-weight:600;text-decoration:none;position:relative;overflow:hidden}.nav-brand:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(150deg, var(--glass-highlight) 0%, transparent 45%);opacity:.85;transition:opacity .22s var(--ease);position:absolute;inset:0}.nav-brand:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);backdrop-filter:blur(calc(var(--glass-blur) + 10px)) saturate(230%);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 14px 32px -8px #586b0099;transform:translateY(-1px)}.nav-brand:hover:before{opacity:1}.nav-brand:active{transform:translateY(0)scale(.98)}.nav-right{align-items:center;gap:.6rem;display:flex}.nav-links{align-items:center;gap:1.5rem;margin-right:.5rem;display:flex}.nav-links a{color:var(--muted);white-space:nowrap;font-size:.9rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.icon-btn.nav-toggle{display:none}@media (width<=1024px){.icon-btn.nav-toggle{display:inline-flex}.nav-links{top:calc(100% + .5rem);right:var(--pad);background:var(--glass-strong);min-width:12rem;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s var(--ease);border-radius:1rem;flex-direction:column;align-items:flex-start;gap:1.1rem;margin:0;padding:1.25rem 1.5rem;position:absolute;transform:translateY(-8px)}.nav.menu-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-links a{font-size:1.05rem}}.icon-btn{isolation:isolate;border:1px solid var(--glass-border);background:var(--glass-strong);width:2.4rem;height:2.4rem;color:var(--ink);cursor:pointer;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 6px 16px -4px #00000073;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease), backdrop-filter .22s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.icon-btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(150deg, var(--glass-highlight) 0%, transparent 45%);opacity:.85;transition:opacity .22s var(--ease);position:absolute;inset:0}.icon-btn:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);backdrop-filter:blur(calc(var(--glass-blur) + 10px)) saturate(230%);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 14px 32px -8px #586b0099;transform:translateY(-1px)scale(1.07)}.icon-btn:hover:before{opacity:1}.icon-btn:active{transform:translateY(0)scale(.97)}.scroll-progress{transform-origin:0;background:var(--accent);z-index:60;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}:root[data-theme=dark] .scroll-progress{background:var(--accent-bright)}html.has-anim .reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(24px)}html.has-anim .reveal.in{opacity:1;transform:none}.hero .line{padding-block:.04em;display:block;overflow:hidden}.hero .line>span{display:block}html.has-anim .hero .line>span{transition:transform 1s var(--ease-expo);transition-delay:var(--d,0s);transform:translateY(110%)}html.has-anim .hero .line.in>span{transform:none}.footer{border-top:1px solid var(--glass-border);color:var(--muted);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px 0 var(--glass-highlight);padding-block:3rem;font-size:.9rem}:where(a,button,.btn,.icon-btn,.chip,.nav-brand,.nav-links a,.link,.pub-title,summary):focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.skip-link{z-index:200;background:var(--accent);color:var(--on-accent);transition:transform .2s var(--ease);border-radius:.6rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;position:fixed;top:.6rem;left:.6rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.gcard{border:1px solid var(--glass-border);background:var(--glass-strong);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);transition:transform .28s var(--ease), border-color .28s var(--ease);border-radius:1.25rem;position:relative;overflow:hidden}.gcard:before{content:"";pointer-events:none;background:linear-gradient(150deg, var(--glass-highlight) 0%, transparent 36%);position:absolute;inset:0}.gcard>*{position:relative}.gcard:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-4px)}.tag{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--glass-border);color:var(--muted);border-radius:.5rem;padding:.25rem .6rem;font-size:.7rem}.prose{max-width:70ch;color:var(--ink)}.prose>*+*{margin-top:1.1rem}.prose h2{margin-top:2.5rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.prose h3{margin-top:1.75rem;font-size:1.3rem}.prose p,.prose li{color:var(--ink);line-height:1.7}.prose ul{flex-direction:column;gap:.5rem;padding-left:1.25rem;display:flex}.prose li{list-style:outside}.prose strong{color:var(--accent);font-weight:600}:root[data-theme=dark] .prose strong{color:var(--accent-2)}.prose a{color:var(--accent);transition:background-size .3s var(--ease);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;text-decoration:none}.prose a:hover{background-size:100% 1.5px}:root[data-theme=dark] .prose a{color:var(--accent-2)}.prose code{font-family:var(--font-mono);background:var(--surface-2);border-radius:.35rem;padding:.1em .35em;font-size:.9em}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}html.has-anim .reveal{opacity:1!important;transform:none!important}html.has-anim .hero .line>span{transform:none!important}.mark,html.has-anim .mark{background-size:100% 42%!important}}