/*
 * InspireSphere Theme — About Image Section
 *
 * Full-bleed banner image: no container, spans edge-to-edge.
 * Fixed height with object-fit: cover so the photo crops gracefully.
 *
 * Desktop height: 480px.
 * Mobile height:  220px.
 */

/* ── Section wrapper ─────────────────────────────────────────────── */
.section--about-image {
  padding-block: 0;
  /* site-main gap handles spacing */
}

/* ── Banner image ────────────────────────────────────────────────── */
.about-image__img {
  display: block;
  width: 100%;
  height: 480px;
  object-fit: cover;
  object-position: center;
}

/* ── Mobile (≤ 768px) ────────────────────────────────────────────── */
@media (max-width: 768px) {
  .about-image__img {
    height: 220px;
  }
}