/* ============================================
   SECTION: Meet the Team — Photo band (full-width)
   Edge-to-edge photo as a CSS background. Height is driven
   by the image's aspect ratio so the whole photo shows at
   any width. Mirrors the other full-width photo bands.
   ============================================ */

.mtt-photo {
    width: 100%;
    aspect-ratio: 1440 / 700;        /* full image, proportional at any width */
    background: var(--color-white) url("../../../images/meet-the-team/clinic_waiting_room_20260812_221243_swirl.ef7cac6c26ee.png") no-repeat center center / cover;
}

/* ----- Responsive ----- */
@media (max-width: 768px) {
    .mtt-photo {
        aspect-ratio: 4 / 3;         /* taller crop on phones */
    }
}