.site-header > .brand {
  transform: translateX(clamp(1.5rem, calc(100vw - 16.5rem), 3.5rem));
}

/* Enlarge the header logo on tablet and compact desktop layouts. */
@media (min-width: 768px) and (max-width: 1220px) {
  .site-header .brand img {
    width: 250px !important;
    max-height: 84px !important;
  }
}