:root{--bg:#faf9f7;--surface:#fff;--surface-2:#f4f3f0;--border:#e5e3de;--border-light:#eeecea;--text:#1a1a1a;--text-2:#4a4a4a;--text-muted:#888880;--accent:#d4a574;--accent-2:#c4915f;--accent-blue:#1d6fa4;--accent-green:#2a9d5c;--accent-orange:#e07b27;--accent-purple:#7b5ea7;--accent-red:#e63946;--font-mono:"JetBrains Mono", "IBM Plex Mono", monospace;--font-serif:"Crimson Pro", "Georgia", serif;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:6rem;--nav-h:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001f;--ease:cubic-bezier(.4, 0, .2, 1);--transition:all .3s var(--ease);--transition-fast:all .15s var(--ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-serif);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit}button{cursor:pointer;font:inherit;background:0 0;border:none}input,textarea{font:inherit}.grain-overlay{pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.main-nav{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:0 var(--s6);height:var(--nav-h);z-index:500;background:#faf9f7f2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{font-family:var(--font-mono);color:var(--text);letter-spacing:-.05em;transition:var(--transition);z-index:600;font-size:1.2rem;font-weight:600;text-decoration:none}.logo:hover{color:var(--accent)}.nav-right{gap:var(--s5);align-items:center;display:flex}.nav-link{font-family:var(--font-mono);color:var(--text-2);transition:var(--transition-fast);letter-spacing:.02em;font-size:.8rem;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.wiki-link{color:var(--accent);border:1px solid var(--accent);padding:var(--s1) var(--s3);border-radius:var(--radius-sm)}.nav-link.wiki-link:hover{background:var(--accent);color:var(--bg)}.hamburger{z-index:600;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-overlay{z-index:400;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.nav-overlay.visible{opacity:1}.nav-close{top:var(--s4);right:var(--s4);color:var(--text-muted);padding:var(--s2);font-size:1.5rem;display:none;position:absolute}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.muted{color:var(--text-muted)}.accent{color:var(--accent)}.section-header{margin-bottom:var(--s6);padding-bottom:var(--s4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:var(--s3);flex-wrap:wrap;display:flex}.section-header h2{font-family:var(--font-serif);letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400}.section-pill{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);padding:var(--s1) var(--s3);letter-spacing:.05em;text-transform:uppercase;border-radius:100px;font-size:.7rem}.pulse-dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot:after{content:"";background:var(--accent-green);opacity:.4;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-3px}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}footer{border-top:1px solid var(--border);padding:var(--s6);margin-top:var(--s9)}.footer-content{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.footer-left p{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.footer-links{gap:var(--s4);align-items:center;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition-fast);align-items:center;display:flex}.footer-links a:hover{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeInUp .7s var(--ease) both}.fade-in-1{animation:fadeInUp .7s var(--ease) .1s both}.fade-in-2{animation:fadeInUp .7s var(--ease) .2s both}.fade-in-3{animation:fadeInUp .7s var(--ease) .35s both}.fade-in-4{animation:fadeInUp .7s var(--ease) .5s both}@media (width<=768px){.hamburger{display:flex}.nav-right{background:var(--surface);border-left:1px solid var(--border);width:280px;height:100vh;padding:var(--s7) var(--s5) var(--s5);align-items:flex-start;gap:var(--s5);transition:right .3s var(--ease);z-index:500;flex-direction:column;position:fixed;top:0;right:-280px}.nav-right.open{right:0}.nav-close{display:block}.nav-link{font-size:1rem}}