.hero{background:url('../img/campagnes/puits-projet.jpg') center/cover no-repeat}
.hero h1{font-size:clamp(2.2rem,4.8vw,3.8rem);max-width:18ch}
.hero p{max-width:52ch}

.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}

.contenu{display:block;max-width:820px;margin:0 auto}

.etape-galerie{margin:1.4rem 0 2rem}
.etape-titre{font-size:1.05rem;font-weight:800;color:var(--riviere);margin-bottom:.7rem}
.etape-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
.etape-grille img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}
@media (max-width:480px){.etape-grille{grid-template-columns:1fr}}