.nav-mobile {
  display: block;
}

.nav-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .nav-mobile {
    display: none;
  }

  .nav-desktop {
    display: block;
  }
}

.link-default {
  color: var(--color-title);
}

.link-default:hover {
  color: var(--color-title-hover);
}

.link-active {
  color: var(--color-brand);
  font-weight: var(--font-weight-2xl);
}

.link-active:hover {
  color: var(--color-brand-hover);
}