.navbar{z-index:200;background-color:var(--cream);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:18px 40px;transition:background-color .5s,border-color .5s,box-shadow .5s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--border);box-shadow:0 1px 12px #0000000a}.navbar-brand{text-decoration:none}.navbar-logo{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:13px;font-weight:500;line-height:1.3;display:block}.navbar-tagline{font-family:var(--font-sans);letter-spacing:.04em;color:var(--ink-mid);margin-top:1px;font-size:13px;font-weight:500;display:block}.navbar-nav{align-items:center;gap:34px;margin-left:auto;list-style:none;display:flex}.navbar-nav a{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);padding-bottom:2px;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.navbar-nav a:after{content:"";background-color:var(--ink);width:0;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}.navbar-nav a:hover,.navbar-nav a.active{color:var(--ink)}.navbar-nav a:hover:after,.navbar-nav a.active:after{width:100%}.theme-toggle{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--ink);background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:34px;transition:background-color .5s,color .5s,border-color .5s;display:flex}.theme-toggle:hover{background-color:var(--cream-mid)}.navbar-github{border:1px solid var(--border);width:30px;height:30px;color:var(--ink-mid);border-radius:50%;justify-content:center;align-items:center;margin-left:10px;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.navbar-github:hover{color:var(--ink);border-color:var(--ink)}@media (width<=768px){.nav-toggle{margin-left:auto}.theme-toggle{margin-left:10px;margin-right:0}}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:2px;display:none}.nav-toggle span{background-color:var(--ink);width:22px;height:1px;transition:transform .3s,opacity .3s;display:block}@media (width<=768px){.navbar{padding:14px 20px}.navbar-nav{background-color:var(--cream);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:0;padding:0 20px;transition:background-color .5s,border-color .5s;display:none;position:absolute;top:100%;left:0;right:0}.navbar-nav.open{display:flex}.navbar-nav li{border-bottom:1px solid var(--border);width:100%}.navbar-nav a{padding:14px 0;font-size:13px;display:block}.nav-toggle{display:flex}}@media (width<=480px){.navbar{padding:10px 16px}.navbar-logo{font-size:12px}.navbar-tagline{font-size:11px}.navbar-github{display:none}.nav-toggle{gap:4px}.nav-toggle span{width:18px}.navbar-nav a{padding:12px 0;font-size:12px}}.footer{border-top:1px solid var(--border);background-color:var(--cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:22px 40px;transition:background-color .5s,border-color .5s;display:flex}.footer-copy{font-family:var(--font-sans);letter-spacing:.04em;color:var(--ink-mid);font-size:12px;font-weight:400}.footer-social{gap:28px;list-style:none;display:flex}.footer-social a{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mid);font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.footer-social a:hover{color:var(--ink)}.footer-email{font-family:var(--font-sans);letter-spacing:.02em;color:var(--ink-mid);font-size:12px;font-weight:400;text-decoration:none;transition:color .2s}.footer-email:hover{color:var(--ink)}@media (width<=768px){.footer{flex-direction:column;align-items:flex-start;padding:20px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#fbfaf8;--cream-mid:#ede7db;--cream-dark:#e6dfd3;--ink:#000;--ink-mid:#1a1815;--ink-light:#3a3631;--ink-faint:#7a756d;--border:#d9d1c6;--font-serif:"Tekton", "Arial Narrow", sans-serif;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif}.dark{--cream:#1a1a18;--cream-mid:#252522;--cream-dark:#2e2e2b;--ink:#fff;--ink-mid:#e8e3d8;--ink-light:#c8c2b0;--ink-faint:#7a756d;--border:#333330}html{scroll-behavior:smooth}body{background-color:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;font-weight:400;line-height:1.65;transition:background-color .5s,color .5s,border-color .5s;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--ink-faint) 1px, transparent 1px), linear-gradient(90deg, var(--ink-faint) 1px, transparent 1px);opacity:.08;background-size:40px 40px;position:fixed;inset:0}.arrow-link{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);align-self:flex-start;align-items:center;gap:10px;padding-bottom:2px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .25s,opacity .2s;display:inline-flex}.arrow-link:hover{opacity:.65;gap:16px}.section-label{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:12px;font-size:14px;font-weight:600}.section-label:before{content:"// ";font-family:var(--font-sans);letter-spacing:0;color:var(--ink-faint);opacity:.5;font-weight:300}.section-rule{background-color:var(--border);width:30px;height:1px;margin-bottom:22px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--cream-mid);border:2px solid var(--cream);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cream-dark)}*{scrollbar-width:thin;scrollbar-color:var(--cream-mid) var(--cream)}@media (width<=768px){body{font-size:16px}}@media (width<=480px){body{font-size:16px}}