:root{--font-display:Instrument Serif,Georgia,serif;--font-body:Inter,system-ui,sans-serif;--font-mono:JetBrains Mono,SF Mono,monospace;--bg:#faf9f7;--bg-soft:#f4f3f0;--bg-elev:#fff;--ink:#1a1a1a;--ink-soft:#4a4a4a;--ink-mute:#8a8a8a;--ink-faint:#c8c8c8;--rule:#e0dfdc;--rule-soft:#eeedea;--accent:#b35a2c;--accent-soft:rgba(179,90,44,.12);--highlight:rgba(255,220,120,.45);--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1)}[data-theme=dark]{--bg:#111113;--bg-soft:#1a1a1d;--bg-elev:#222226;--ink:#e8e8e6;--ink-soft:#b0b0ae;--ink-mute:#6e6e6c;--ink-faint:#3a3a3a;--rule:#2a2a2e;--rule-soft:#1e1e22;--accent:#e28a5c;--accent-soft:rgba(226,138,92,.15);--highlight:rgba(226,138,92,.22)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--ink);background:var(--bg);transition:background .3s var(--ease),color .3s var(--ease)}a{text-decoration:none}a,button{color:inherit}button{border:none;background:none;cursor:pointer;font:inherit}img,svg{display:block;max-width:100%}input,textarea{font:inherit}::selection{background:var(--accent);color:var(--bg)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.in{opacity:1;transform:none}.wrap{max-width:1080px;margin:0 auto;padding:0 48px;box-sizing:border-box;width:100%}@media(max-width:768px){.wrap{padding:0 32px}}@media(max-width:480px){.wrap{padding:0 24px}}.wrap-narrow{max-width:680px;margin:0 auto;padding:0 48px;box-sizing:border-box;width:100%}@media(max-width:768px){.wrap-narrow{padding:0 32px}}@media(max-width:480px){.wrap-narrow{padding:0 24px}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--rule-soft);transition:background .3s var(--ease)}.nav-inner{max-width:1080px;margin:0 auto;padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.nav-inner{padding:0 32px}}@media(max-width:480px){.nav-inner{padding:0 24px}}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;letter-spacing:.02em;color:var(--ink);transition:color .2s var(--ease)}.brand:hover{color:var(--accent)}.brand em{font-style:italic;color:var(--ink-mute);font-size:15px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:28px}@media(max-width:680px){.nav-links{display:none}}.nav-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);transition:color .2s var(--ease)}.nav-links a:hover{color:var(--ink)}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:6px;border-radius:8px;cursor:pointer;transition:background .2s var(--ease)}@media(max-width:680px){.nav-burger{display:flex}}.nav-burger:hover{background:var(--bg-soft)}.nav-burger span{display:block;width:100%;height:2px;background:var(--ink-mute);border-radius:1px;transition:all .3s var(--ease)}.nav-burger.active span:first-child{transform:translateY(7px) rotate(45deg)}.nav-burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg);z-index:40;opacity:0;visibility:hidden;transition:all .3s var(--ease)}@media(max-width:680px){.nav-mobile{display:block}}.nav-mobile.open{opacity:1;visibility:visible}.nav-mobile-inner{display:flex;flex-direction:column;padding:32px 24px;gap:8px}.nav-mobile-inner a{font-family:var(--font-display);font-size:28px;font-style:italic;color:var(--ink);padding:16px 0;border-bottom:1px solid var(--rule-soft);transition:color .2s var(--ease)}.nav-mobile-inner a:hover{color:var(--accent)}.nav-mobile-theme{margin-top:24px;padding-top:24px;border-top:1px solid var(--rule)}@media(max-width:480px){.brand-text em{display:none}}.theme-toggle{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--ink-mute);transition:color .2s var(--ease),background .2s var(--ease)}.theme-toggle:hover{color:var(--ink);background:var(--bg-soft)}.theme-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-sun,[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}.footer{margin-top:80px;padding:48px 0;border-top:1px solid var(--rule)}.footer-inner{max-width:1080px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}@media(max-width:680px){.footer-inner{padding:0 20px;flex-direction:column;gap:24px}}.footer-colophon{max-width:400px;font-size:14px;line-height:1.6;color:var(--ink-soft)}.footer-meta{display:flex;gap:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.footer-meta a{transition:color .2s var(--ease)}.footer-meta a:hover{color:var(--ink)}.cover{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;box-shadow:0 4px 24px -4px rgba(0,0,0,.15),inset 0 0 0 1px rgba(0,0,0,.08);transition:box-shadow .4s var(--ease-out),transform .4s var(--ease-out)}.cover:before{content:"";position:absolute;left:3px;top:0;bottom:0;width:2px;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent);z-index:2}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.share{margin-left:auto;display:flex;gap:4px}.share button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:8px;color:var(--ink-soft);transition:all .2s var(--ease)}.share button:hover{border-color:var(--ink-mute);color:var(--ink);background:var(--bg-elev)}.share button svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}