.hero-main-photo,.hero-community-photo{background:#f5eddc}
.hero-main-photo img,.hero-community-photo img{object-fit:cover;object-position:center}
/* Keep the two-women scene tall without letterboxing; broaden its desktop column. */
@media(min-width:1101px){.home-hero{grid-template-columns:minmax(260px,1.12fr) minmax(270px,1.2fr) minmax(230px,.86fr) minmax(228px,.83fr)}}
/* Show the support activity, badges and communication aid, not just faces. */
.service-card>img{height:auto;aspect-ratio:3/2;object-fit:contain;background:#f5eddc}
.placement-copy{display:grid;grid-template-rows:auto repeat(3,minmax(44px,1fr)) auto;gap:12px;padding:18px 10px 18px 18px}
.placement-copy h2,.placement-source{margin:0}
.placement-area{margin:0}
.home-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:16px 20px;font-size:12px;border-top:1px solid #d9e3ea;color:#0b2f61}
@media(max-width:850px){.hero-main-photo,.hero-community-photo{min-height:0;align-self:center}.hero-main-photo img,.hero-community-photo img{height:auto;object-fit:contain}.service-card>img{height:auto}}
/* Tablet: text and vacancy card above two complete, equally tall care scenes. */
@media(min-width:851px) and (max-width:1100px){
 .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}
 .hero-copy{grid-column:1;grid-row:1}
 .vacancy-card{grid-column:2;grid-row:1}
 .hero-main-photo{grid-column:1;grid-row:2}
 .hero-community-photo{grid-column:2;grid-row:2}
 .hero-main-photo img,.hero-community-photo img{height:auto;object-fit:contain}
}
@media(min-width:521px) and (max-width:850px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}}