.nav-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.nav-logo img {
  width: auto;
  height: clamp(30px, 3.7vw, 43px);
  max-width: min(30vw, 255px);
  max-height: calc(var(--nav-h) - 20px);
  object-fit: contain;
}

nav.scrolled .nav-logo img {
  height: clamp(30px, 3.7vw, 43px);
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.footer-logo img {
  width: auto;
  height: clamp(48px, 6vw, 74px);
  max-width: min(56vw, 340px);
  object-fit: contain;
}

@media (max-width: 860px) {
  .nav-logo img {
    height: clamp(28px, 6.4vw, 36px);
    max-width: min(44vw, 190px);
  }

  .footer-logo img {
    height: clamp(44px, 10vw, 62px);
    max-width: min(64vw, 280px);
  }
}