.logo{color:var(--text);font-family:var(--font-sans);letter-spacing:-.035em;align-items:center;gap:10px;font-size:17px;font-weight:560;line-height:1;display:inline-flex}.logo-mark{transition:transform var(--dur) var(--ease-out);flex-shrink:0}.logo:hover .logo-mark{transform:rotate(-90deg)}.logo-word{transform:translateY(-.5px)}.nav{z-index:50;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), -webkit-backdrop-filter var(--dur) var(--ease-out), backdrop-filter var(--dur) var(--ease-out);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#0505079e}.nav-inner{height:68px;transition:height var(--dur) var(--ease-out);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.nav.scrolled .nav-inner{height:60px}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{letter-spacing:-.01em;color:var(--text-2);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:999px;padding:8px 14px;font-size:14px}.nav-links a:hover{color:var(--text);background:var(--surface)}.nav-end{justify-content:flex-end;align-items:center;gap:20px;display:flex}.nav-quiet{letter-spacing:-.01em;color:var(--text-3);transition:color var(--dur-fast) var(--ease-out);font-size:13.5px}.nav-quiet:hover{color:var(--text)}@media (max-width:960px){.nav-inner{grid-template-columns:1fr auto}.nav-links,.nav-quiet{display:none}}
