.site-nav,.site-nav *,.site-nav :before,.site-nav :after{box-sizing:border-box}.site-nav a{color:inherit;text-decoration:none}.site-nav{z-index:20;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding:10px 40px;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0}.site-nav-brand{align-items:baseline;gap:10px;display:flex}.site-nav-brand-mark{font-family:var(--font-eb-garamond), "EB Garamond", serif;letter-spacing:-.005em;color:var(--fg);font-size:22px;font-weight:400}.site-nav-brand-sub{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);font-size:11px}.site-nav-links{color:var(--fg);align-items:center;gap:24px;font-size:13px;display:flex}.site-nav-links a{padding-top:4px;padding-bottom:4px;transition:color .15s;position:relative}.site-nav-links a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-nav-links a.enter-left:after{transform-origin:0}.site-nav-links a.enter-right:after{transform-origin:100%}.site-nav-links a.exit-left:after{transform-origin:0}.site-nav-links a.exit-right:after{transform-origin:100%}.site-nav-links a.on:after{transform:scaleX(1)}.site-nav-links a:hover{color:var(--fg)}.site-nav-links a.on{color:var(--accent)}.site-nav-theme-toggle{border:1px solid var(--line);background:var(--bg-2);width:38px;height:38px;color:var(--fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.site-nav-theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.site-nav-theme-toggle svg{width:16px;height:16px}.site-nav-theme-toggle .icon-sun{display:none}.site-nav-theme-toggle .icon-moon,html[data-theme=dark] .site-nav-theme-toggle .icon-sun{display:block}html[data-theme=dark] .site-nav-theme-toggle .icon-moon{display:none}@media (max-width:900px){.site-nav-links a{display:none}.site-nav-links .site-nav-theme-toggle{display:inline-flex}}