.brand.site-brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 9px; }

/* Inset the full PNGs so the transparent canvas fits the header. */
.site-brand-art { position: relative; display: block; overflow: hidden; }
.site-brand-art img { position: absolute; display: block; max-width: none; height: auto; }
.site-brand-horse { width: 58px; aspect-ratio: 960 / 707; }
.site-brand-horse img { width: 130.625%; left: -15.417%; top: -41.584%; }
.site-brand-wordmark { width: 98px; aspect-ratio: 1057 / 396; }
.site-brand-wordmark img { width: 118.638%; left: -9.272%; top: -117.424%; }

@media (max-width: 640px) {
  .brand.site-brand { gap: 7px; }
  .site-brand-horse { width: 49px; }
  .site-brand-wordmark { width: 83px; }
}