/* Shared top navigation dimensions for every primary page. */
nav#main-nav {
  box-sizing: border-box !important;
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  width: 100%;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.82);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(14px);
}

nav#main-nav .nav-content {
  box-sizing: border-box !important;
  width: 100%;
  max-width: 1400px !important;
  height: 75px !important;
  min-height: 75px !important;
  max-height: 75px !important;
  margin: 0 auto;
  padding: 0 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

nav#main-nav .logo {
  font-size: 2rem !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap;
}

nav#main-nav .nav-links {
  display: flex;
  align-items: center;
  gap: 2.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

nav#main-nav .nav-links a {
  font-size: 0.78rem !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
}

@media (max-width: 900px) {
  nav#main-nav,
  nav#main-nav .nav-content {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
  }

  nav#main-nav .nav-content {
    padding: 0 1.4rem;
  }

  nav#main-nav .logo {
    font-size: 1.65rem !important;
  }

  nav#main-nav .nav-links {
    gap: 1rem !important;
  }
}