/* The wordmark and hazmat share a fixed aspect ratio in the approved SVG. */
.brand .brand-logo,
.logo-link .brand-logo,
.footer-name .brand-logo {
  display: block;
  width: 156px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.brand:has(.brand-logo),
.footer-name:has(.brand-logo) {
  flex-shrink: 0;
}

.logo-heading {
  margin: 0;
  max-width: 100%;
  line-height: 0;
}

.footer-name .brand-logo {
  width: 136px;
}

@media (max-width: 768px) {
  .logo-link .brand-logo { width: 142px; }
  .brand .brand-logo { width: 132px; }
}

@media (max-width: 360px) {
  .logo-link .brand-logo { width: 128px; }
  .brand .brand-logo { width: 116px; }
}