/* Approved signature logo: original pixels; crop only the surrounding white canvas. */
.header .brand-signature { display: block; flex: 0 1 310px; width: 310px; min-width: 0; line-height: 0; }
.header .brand-logo { display: block; width: 100%; height: auto; aspect-ratio: 4 / 1; object-fit: cover; object-position: center; }
.header { background: #fff; }
@media (max-width: 820px) {
  .header .brand-signature { flex-basis: 240px; width: 240px; }
  .header .nav { gap: 12px; }
}
@media (max-width: 380px) {
  .header .brand-signature { flex-basis: 200px; width: 200px; }
  .header .menu-button { padding-inline: 8px; font-size: 12px; }
}