/* ============================================
   SECTION: ABA Therapy — 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.
   ============================================ */

.aba-photo {
    width: 100%;
    aspect-ratio: 2880 / 1400;        /* full image, proportional at any width */
    background: var(--color-white) url("../../../images/aba-therapy/clinic_floor_play_20260820_191835_swirl.b0dab97bda40.png") no-repeat center center / cover;
}

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