.hero-visual img {
  height: auto !important;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  background: #111214;
}

.brand-logo { display: block; width: 190px; height: auto; background: transparent; }
footer .brand-logo { width: 210px; }

@media(min-width:901px) {
  .hero { grid-template-columns: minmax(250px, .75fr) minmax(440px, 1.25fr); gap: clamp(24px, 4vw, 60px); }
}

@media(max-width:650px) {
  .brand-logo { width: 155px; }
  footer .brand-logo { width: 190px; }
}