/* One intrinsic lockup: equal optical line widths, no runtime font fitting. */
.brand:has(> .site-wordmark) {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: 216px;
  min-width: 0;
  max-width: 100%;
  gap: 0;
  line-height: 1;
}
.brand > img.site-wordmark {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 216 / 64;
  object-fit: contain;
  border-radius: 0;
}
.header-inner > .brand { margin-right: auto; }
.footer-grid .brand-footer { width: min(216px, 100%); }
@media (max-width: 600px) {
  .header-inner > .brand { width: 196px; }
}
@media (max-width: 359px) {
  .header-inner > .brand { width: min(180px, calc(100% - 56px)); }
}
@media (forced-colors: active) {
  .brand > .site-wordmark { background: #fff; padding: 3px; }
  .brand-footer > .site-wordmark { filter: brightness(0); }
}