/* HMR logo presentation: preserve native transparency with no artificial image background. */
.brand,
.brand img,
.footer-brand,
.footer-brand img {
  background: transparent !important;
}

.brand img,
.footer-brand img {
  padding: 0 !important;
}

.footer-brand img {
  filter: none !important;
  opacity: 1 !important;
}

/* Mobile header logo: preserve the source aspect ratio so the detailed SVG
   uses the full available width instead of being softened inside a short box. */
@media (max-width: 640px) {
  .nav-wrap {
    grid-template-columns: 126px minmax(0, 1fr) auto;
  }

  .brand {
    width: 126px;
    height: auto;
    aspect-ratio: 2000 / 1108.42;
    align-self: center;
    overflow: visible;
  }

  .brand img {
    width: 100%;
    height: auto;
    max-width: none;
    object-fit: contain;
    object-position: left center;
  }
}

@media (max-width: 340px) {
  .nav-wrap {
    grid-template-columns: 118px minmax(0, 1fr) auto;
  }

  .brand {
    width: 118px;
  }
}