.site-logo,
.footer-logo {
  gap: 12px;
}

.site-logo img {
  display: block;
  width: clamp(220px, 23vw, 310px);
  height: auto;
  transition: width .3s ease;
}

@media (min-width: 981px) {
  header.is-scrolled .site-logo img {
    width: clamp(200px, 18vw, 250px);
  }
}

.logo-location {
  color: var(--muted, #68716b);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.footer-logo {
  align-items: center;
  width: fit-content;
}

.footer-logo img {
  display: block;
  width: clamp(210px, 22vw, 290px);
  height: auto;
}

footer .footer-logo .logo-location {
  color: #515850;
}

@media (max-width: 980px) {
  .site-logo img { width: 235px; }
  .site-logo .logo-location { display: none; }
}

@media (max-width: 760px) {
  .site-logo img { width: 190px; }
  .footer-logo img { width: min(230px, 68vw); }
  .footer-logo .logo-location { display: none; }
}

@media (max-width: 390px) {
  .site-logo img { width: 164px; }
}