/* The outlined SVG owns line alignment; scale the complete signature as a unit. */
.masthead .brand,
.footer-brand {
  display: inline-flex;
  align-items: center;
  width: 246px;
  max-width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0;
}
.masthead .brand-logo,
.footer-brand > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 246 / 64;
  object-fit: contain;
}
@media (max-width: 720px) {
  .masthead { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
  .masthead .brand { width: 178px; }
  .masthead .header-actions { gap: 8px; }
}