/* =========================================
   ADAS PAGE — IMAGE/TEXT BALANCE
========================================= */

.adas-page .grid-2 {
  align-items: start;
}

/* Any image sitting beside a card in 2-col sections */
.adas-page .page-section .grid-2 .hero-visual img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

@media (max-width: 900px) {
  .adas-page .page-section .grid-2 .hero-visual img {
    height: 220px;
  }
}

/* Keep the hero image larger (optional) */
.adas-page .hero .hero-visual img {
  height: 340px;
}

@media (max-width: 900px) {
  .adas-page .hero .hero-visual img {
    height: 240px;
  }
}
/* ADAS – last “camera” image only (more specific than the generic rule) */
.adas-page .page-section .grid-2.adas-camera-grid .hero-visual img {
  height: 220px;        /* adjust as needed */
  object-fit: contain;  /* diagrams look better */
  background: rgba(0,0,0,0.25); /* optional letterbox */
}