/* Transparent versions of the approved road monogram, matched to each theme. */
.brand-art {
  display: grid;
  width: var(--brand-width, 236px);
  max-width: 100%;
  aspect-ratio: 3 / 1;
  flex: 0 0 auto;
}

.brand-art > .brand-image {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.brand-art--auto > .brand-image--dark,
html[data-theme="dark"] .brand-art--auto > .brand-image--light {
  display: none;
}

html[data-theme="dark"] .brand-art--auto > .brand-image--dark {
  display: block;
}

@media (max-width: 420px) {
  .footer-brand .brand-art { width: 190px; }
}