/* Gracewood only.
   Styles here load after site.css on this site and nowhere else.
   Put any look change that was asked for this site alone here, with a short note saying what it is and when it was asked for.
   Once a month we review these files and move anything all four sites should share into site.css. */
/* Homepage hero: a wider text column so the longer headline sits on two lines on computers (Luke, 2026-11-02) */
@media (min-width: 821px) { .hero .hero-text { max-width: 720px; } .hero h1 { font-size: clamp(2.1rem, 3.9vw, 3rem); } .hero .hero-lead { max-width: 46ch; } }
/* Program card photos: show the faces, which sit near the top of these photos (Luke, 2026-11-02) */
.card-img[src$="/family-care.webp"] { object-position: 50% 8%; }
.card-img[src$="/family-relief.webp"] { object-position: 50% 22%; }
/* Numbers band: frame the mom and daughter's faces (Luke, 2026-11-02) */
.stats-band > img { object-position: 50% 18%; }