/* ============================================
   SECTION: Autism Screening — Photo (full-width)
   Edge-to-edge photo as a CSS background (no swirl). Height
   is driven by the image's aspect ratio so the whole photo
   shows at any width. Mirrors the ABA / diagnostic photo bands.
   ============================================ */

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

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