/* Header logos — assets are 550×170px landscape (≈3.24:1) */
.header-brand-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 48%;
  object-fit: contain;
  flex: 0 1 auto;
  min-width: 0;
}

.header-brand-logo--left {
  object-position: left center;
  margin-left: -0.5rem;
}

.header-brand-logo--right {
  object-position: right center;
}

@media (min-width: 640px) {
  .header-brand-logo {
    max-width: 200px;
  }
}

@media (min-width: 768px) {
  .header-brand-logo {
    max-width: 220px;
  }
}

@media (min-width: 1024px) {
  .header-brand-logo {
    max-width: 250px;
  }
}

@media (min-width: 1280px) {
  .header-brand-logo {
    max-width: 275px;
  }
}

/* Green sticky header (header.html) */
.header-brand-logo--compact {
  max-width: 42%;
}

@media (min-width: 640px) {
  .header-brand-logo--compact {
    max-width: 130px;
  }
}

@media (min-width: 768px) {
  .header-brand-logo--compact {
    max-width: 160px;
  }
}