.brand,
.footer-grid .brand {
  display: inline-flex;
  align-items: center;
  width: 288px;
  max-width: 100%;
  min-width: 0;
  flex: 0 1 288px;
  gap: 0;
  line-height: 1;
  vertical-align: middle;
}
.brand .brand-signature {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 2;
  object-fit: contain;
}
.header-inner .brand { margin-block: 10px; }
.header-inner > .menu-toggle,
.header-inner > #main-nav { flex-shrink: 0; }
.footer-grid > div { min-width: 0; }
@media (max-width: 1000px) {
  .header-inner { column-gap: 16px; }
}
@media (max-width: 700px) {
  .brand,
  .footer-grid .brand {
    width: 252px;
    flex-basis: 252px;
  }
  .header-inner { column-gap: 12px; }
}
@media (max-width: 380px) {
  .header-inner > .menu-toggle { padding-inline: 10px; gap: 8px; }
}