.site-header .brand-lockup {
  display: grid;
  place-items: center;
  width: clamp(74px, 6.8vw, 92px);
  height: clamp(74px, 6.8vw, 92px);
  overflow: hidden;
  filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.78));
}

.site-header .brand-lockup img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}

@media (width <= 820px) {
  .site-header .brand-lockup {
    width: min(108px, 34vw);
    height: min(108px, 34vw);
  }
}

@media (width <= 540px) {
  .site-header .brand-lockup {
    width: min(96px, 34vw);
    height: min(96px, 34vw);
  }
}