.logo {
  gap: 11px;
  font-size: 1.9rem;
  line-height: 1;
  letter-spacing: -0.055em;
}

.logo .brand-mark {
  width: 39px;
  height: 44px;
}

.nav {
  min-height: 84px;
}

:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid #f7c65c;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 560px) {
  .logo {
    gap: 8px;
    font-size: 1.62rem;
  }

  .logo .brand-mark {
    width: 33px;
    height: 37px;
  }

  .nav {
    min-height: 76px;
  }
}