.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 140px 22px 40px;display:flex;align-items:center;justify-content:space-between;font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);gap:24px;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease,transform .42s var(--ease-flow, cubic-bezier(.16, 1, .3, 1)),opacity .32s ease}.nav.is-scrolled{background:color-mix(in oklab,var(--obsidian) 78%,transparent);border-bottom-color:var(--line);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}@media(min-width:721px){.nav.is-at-top{transform:translateY(-110%);opacity:0;pointer-events:none}}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:500;text-decoration:none}.nav-brand .mark{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--ink) 0% 50%,transparent 50% 100%);border:1px solid var(--ink);position:relative}.nav-brand .mark:after{content:"";position:absolute;inset:5px 5px auto auto;width:2px;height:2px;background:var(--accent);border-radius:50%}.nav-links{display:flex;gap:32px}.nav-links a{position:relative;color:var(--ink-soft);text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--ink)}.nav-links a.is-active{color:var(--accent)}.nav-links a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent);opacity:.5}.nav-end{display:flex;align-items:center;gap:20px}.lang-pill{position:fixed;top:18px;right:24px;z-index:101;display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:color-mix(in oklab,var(--obsidian) 72%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--line);font-family:var(--f-mono);font-size:10px;letter-spacing:.2em}.lang-pill a{padding:6px 12px;border-radius:999px;color:var(--ink-dim);text-decoration:none;line-height:1;transition:color .25s ease,background .25s ease}.lang-pill a:hover{color:var(--ink)}.lang-pill a.active{color:var(--obsidian);background:var(--ink)}@media(max-width:720px){.lang-pill{top:12px;right:12px;font-size:9px}.lang-pill a{padding:5px 10px}}.nav-burger{display:none;background:transparent;border:none;padding:8px;margin:-8px 0 -8px 4px;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent}.nav-burger .burger-bars{display:block;width:22px;height:14px;position:relative}.nav-burger .burger-bars span{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .28s ease,top .28s ease,opacity .18s ease}.nav-burger .burger-bars span:nth-child(1){top:3px}.nav-burger .burger-bars span:nth-child(2){top:10px;right:4px}.nav-burger:hover{color:var(--accent)}.nav-burger.is-open .burger-bars span:nth-child(1){top:6px;transform:rotate(45deg)}.nav-burger.is-open .burger-bars span:nth-child(2){top:6px;right:0;transform:rotate(-45deg)}.nav-overlay{position:fixed;inset:0;z-index:99;background:color-mix(in oklab,var(--obsidian) 96%,transparent);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);opacity:0;transition:opacity .3s ease;overflow-y:auto}.nav-overlay.is-open{opacity:1}.overlay-inner{min-height:100dvh;padding:100px 28px 48px;display:flex;flex-direction:column;gap:40px;max-width:480px;margin:0 auto}.overlay-eyebrow{font-family:var(--f-mono);font-size:10px;letter-spacing:.24em;color:var(--ink-dim);text-transform:uppercase}.overlay-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.overlay-links li{opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s ease;transition-delay:calc(60ms + var(--i, 0) * 50ms);border-bottom:1px solid var(--line)}.overlay-links li:last-child{border-bottom:none}.nav-overlay.is-open .overlay-links li{opacity:1;transform:translateY(0)}.overlay-links a{display:flex;align-items:baseline;gap:18px;padding:18px 0;color:var(--ink);text-decoration:none;transition:color .2s ease}.overlay-links a:hover,.overlay-links a:focus-visible{color:var(--accent)}.overlay-links .num{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-dim)}.overlay-links a:hover .num,.overlay-links a:focus-visible .num,.overlay-links a.is-active .num{color:var(--accent)}.overlay-links .label{font-family:var(--f-serif-text);font-style:italic;font-weight:400;font-size:34px;line-height:1;letter-spacing:-.01em;text-transform:none}.overlay-links a.is-active .label{color:var(--accent)}@media(max-width:720px){.nav{padding:16px 90px 16px 18px;gap:12px;font-size:10px;letter-spacing:.18em}.nav-links{display:none}.nav-end{gap:12px}.nav-burger{display:inline-flex;align-items:center}}
