main [id] {
  scroll-margin-top: 100px;
}

.nav-wrap {
  background: rgba(255, 255, 255, 0.94);
}

.nav-links {
  gap: 24px;
}

.nav a {
  position: relative;
  font-size: 0.82rem;
}

.nav-links > a:not(.nav-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -9px;
  height: 1px;
  background: var(--gold);
  transition: right 0.25s ease;
}

.nav-links > a:not(.nav-cta):hover::after,
.nav-links > a:not(.nav-cta).active::after {
  right: 0;
}

.nav-links > a.active {
  color: var(--gold);
}

.nav-cta {
  transition: color 0.25s ease, background 0.25s ease;
}

.nav-cta:hover,
.nav-cta.active {
  color: #fff;
  background: var(--ink);
}

@media (max-width: 900px) {
  .nav-links {
    gap: 18px;
  }

  .nav-links > a:not(.nav-cta)::after {
    bottom: -4px;
  }
}