/* ═══════════════════════════════════════════════════════════════
   INFRASTRUCTURE CARDS — Image fix
   Add this to style.css OR load as separate infra.css
   https://atc.isgcs.com/pages/about.php#infra-title
═══════════════════════════════════════════════════════════════ */

/* ── Infra card image fills the placeholder ──────────────────── */
.infra-img {
  aspect-ratio: 16 / 9;
  background: #e8e0d5;          /* fallback while loading */
  overflow: hidden;
  border-radius: var(--r-md) var(--r-md) 0 0;
  position: relative;
}

.infra-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform .4s ease;
}

/* Subtle zoom on card hover */
.infra-card:hover .infra-img img {
  transform: scale(1.04);
}

/* Remove old placeholder styles once images are added */
.infra-img .infra-img-placeholder { display: none; }