.nav{z-index:100;padding:18px var(--pad-x);transition:background var(--dur-fast) var(--ease), backdrop-filter var(--dur-fast) var(--ease);background:0 0;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);background:#16151cb8}.nav__wordmark{font-family:var(--font-display);letter-spacing:.08em;color:var(--silver);padding-bottom:4px;font-size:20px;font-weight:900;position:relative}.nav__wordmark:after{content:"";background:var(--cyan);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px 1px #46a99a8c}.nav__wordmark:hover{color:var(--silver)}.nav__links{align-items:center;gap:8px;display:flex}.nav__links a{color:var(--grey);transition:color var(--dur-fast) var(--ease);padding:6px 8px}.nav__links a:hover,.nav__links a.active{color:var(--cyan)}.nav__links a+a:before{content:"·";color:var(--gunmetal);pointer-events:none;margin-right:16px}@media (width<=768px){.nav{padding:14px 16px}.nav__links{gap:2px}.nav__links a{letter-spacing:.1em;padding:6px 4px;font-size:10px}.nav__links a+a:before{margin-right:6px}}@media (width<=480px){.nav{padding:12px 10px}.nav__wordmark{font-size:15px}.nav__links a{letter-spacing:.05em;padding:5px 2px;font-size:9px}.nav__links a+a:before{margin-right:3px}}