.site-header {
  max-width: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.site-header .brandbar {
  flex: 0 0 76px;
  height: 76px;
  position: static;
  width: 100%;
  z-index: auto;
}

.site-header .brand-banner {
  aspect-ratio: 24 / 5;
  clear: both;
  flex: 0 0 auto;
  height: auto;
  object-fit: cover;
  position: static;
  width: 100%;
}

@media (max-width: 850px) {
  .site-header .brandbar {
    flex-basis: 64px;
    height: 64px;
  }

  .site-header .brand-banner {
    aspect-ratio: 24 / 5;
    height: auto;
    min-height: 0;
    object-fit: contain;
    width: 100%;
  }
}