.nav {
  position: fixed; inset: 0 0 auto 0; z-index: var(--z-nav);
  height: var(--nav-height);
  transition: background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
  border-bottom: 1px solid transparent;
}
.nav.is-solid {
  background: rgba(8, 9, 10, 0.86);
  backdrop-filter: blur(14px);
  border-bottom-color: var(--surface-line);
}
.nav__inner { height: 100%; display: flex; align-items: center; gap: var(--space-6); }

.nav .logo-link { margin-right: auto; display: flex; }
.logo--nav { --logo-height: 38px; }
@media (max-width: 720px) { .logo--nav { --logo-height: 32px; } }

.nav__links { display: flex; gap: var(--space-6); }
.nav__link {
  font-size: var(--size-sm); color: var(--steel-200);
  position: relative; padding-block: var(--space-2);
}
.nav__link::after {
  content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px;
  background: var(--red); transition: width var(--dur-base) var(--ease-out);
}
.nav__link:hover { color: var(--text-primary); }
.nav__link:hover::after { width: 100%; }

.nav__actions { display: flex; align-items: center; gap: var(--space-4); }
.nav__icon { font-size: var(--size-md); color: var(--steel-200); }
.nav__icon:hover { color: var(--red-text); }

.nav__burger { display: flex; flex-direction: column; gap: 4px; padding: var(--space-2); }
.nav__burger-bar {
  display: block; width: 22px; height: 2px; background: var(--text-primary);
  transition: background var(--dur-fast) var(--ease-out);
}


@media (max-width: 900px) {
  .nav__links { display: none; }
}