.brand-logo {
  display: block;
  width: clamp(190px, 18vw, 250px);
  height: auto;
}

.brand:has(.brand-logo) {
  flex: 0 0 auto;
  gap: 0;
}

.footer-brand .brand-logo {
  width: min(250px, 100%);
}

@media (max-width: 1100px) {
  .site-header .brand-logo {
    width: 190px;
  }
}

@media (max-width: 820px) {
  .site-header .brand-logo {
    width: 168px;
  }
}