/* V2.4: only the original header logo slot. Header and navigation geometry locked. */
.site-header > .brand {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}
.site-header > .brand > .brand-logo {
  width: 180px;
  height: auto;
  max-width: none;
  flex: none;
}
@media (max-width: 1000px) {
  .site-header > .brand > .brand-logo { width: 165px; }
}
@media (max-width: 760px) {
  .site-header > .brand { width: 40px; height: 40px; flex-basis: 40px; }
  .site-header > .brand > .brand-logo { width: min(150px, calc(100vw - 288px)); }
}
@media (max-width: 420px) {
  .site-header > .brand > .brand-logo { width: min(150px, calc(100vw - 264px)); }
}