#nav {
  position: fixed; top:0; left:0; right:0; z-index:900;
  display: flex; align-items:center; justify-content:space-between;
  padding: 1.1rem 2.5rem;
  background: rgba(10,8,18,.88);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
  transition: padding .3s;
}
#nav.scrolled { padding:.75rem 2.5rem; }
.nav-logo {
  font-family: var(--font-mono);
  font-size: .95rem;
  color: var(--p300);
  text-decoration: none;
  letter-spacing: 1px;
}
.nav-menu { display:flex; gap:2rem; list-style:none; }
.nav-menu a {
  font-family: var(--font-mono);
  font-size: .72rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  transition: color .25s;
  position: relative;
}
.nav-menu a::after { content:''; position:absolute; bottom:-3px; left:0; width:0; height:1px; background:var(--accent); transition:width .3s; }
.nav-menu a:hover,
.nav-menu a.active { color: var(--p300); }
.nav-menu a:hover::after,
.nav-menu a.active::after { width:100%; }

.nav-burger { display:none; background:none; border:1px solid var(--border2); color:var(--p300); padding:.35rem .65rem; cursor:pointer; font-size:1.1rem; }