/* The full AZAUTO artwork replaces the cropped mark and separate text. */
.brand .brand-icon {
  position: relative;
  width: 126px;
  height: 42px;
  flex: none;
}
.brand .brand-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Use the existing logo silhouette to make the navy lettering readable
   on the dark site. Leave the symbol and the blue accent in the A intact. */
.brand .brand-icon::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #f1f5ff;
  -webkit-mask: url('/assets/azauto-logo-optimized.png') center / contain no-repeat;
  mask: url('/assets/azauto-logo-optimized.png') center / contain no-repeat;
  clip-path: polygon(evenodd,
    37.8% 0, 100% 0, 100% 100%, 36.4% 100%, 36.4% 75.5%, 37.8% 67%, 37.8% 0,
    43% 72%, 44.5% 62.2%, 46.6% 60.6%, 49.1% 60.6%, 49.1% 63%, 47.5% 72%, 43% 72%,
    37.8% 0);
}
@media (max-width: 760px) {
  .brand .brand-icon {
    width: 105px;
    height: 35px;
  }
}
@media (max-width: 350px) {
  .brand .brand-icon {
    width: 96px;
    height: 32px;
  }
}