.hero{background:url('../img/galerie/jeunes-foyer.jpg') center 30%/cover no-repeat}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:20ch}
.hero p{max-width:54ch}

.encadre{background:rgba(240,177,43,.14);border-left:4px solid var(--soleil);border-radius:0 10px 10px 0;padding:1rem 1.2rem;margin:1.4rem 0}

.materiels{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.4rem 0}
.materiel{background:var(--blanc);border:1px solid rgba(32,36,29,.12);border-radius:14px;padding:1.2rem}
.materiel .prix{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.4rem;color:var(--laterite)}
.materiel h3{font-size:1rem;margin:.25rem 0}
.materiel p{font-size:.88rem;opacity:.78;margin:0}

@media (max-width:920px){.materiels{grid-template-columns:1fr}}

.photos-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.4rem 0}
.photos-grille img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}
@media (max-width:480px){.photos-grille{grid-template-columns:1fr}}