html { scroll-padding-top: 320px; }
.brand-link {
  display: block;
  flex: 0 1 520px;
  max-width: min(520px, 72vw);
  min-width: 0;
}
.brand-logo,
.foot-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.foot-logo-wrap {
  width: 100%;
  max-width: min(420px, 86vw);
}
.brand-bar {
  height: auto;
  min-height: 0;
  padding: 12px 0;
}
@media (max-width: 767px) {
  .brand-bar { flex-wrap: wrap; row-gap: 8px; }
  .brand-link { flex: 1 1 100%; max-width: min(520px, 92vw); }
}
.hero-offset {
  padding-top: 320px;
}