@media (min-width: 981px) {
  .navbar .nav-inner { gap: clamp(12px, 2vw, 24px); }
  .navbar .nav-links { gap: clamp(10px, calc(6vw - 48px), 24px); }
  .navbar .nav-link, .navbar .nav-actions { white-space: nowrap; }
}

@media (981px <= width <= 1100px) {
  .navbar .nav-inner { gap: 10px; }
  .navbar .nav-links { gap: 10px; }
  .navbar .nav-link { font-size: .82rem; gap: 5px; }
  .navbar .nav-logo img { height: 46px; }
}

@media (max-width: 980px) {
  .navbar.menu-open .nav-links {
    max-height: calc(100dvh - 115px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}