/* ===== À PROPOS ===== */
.apropos-hero { background:var(--cream); padding:0; }
.apropos-hero .wrap { display:grid; grid-template-columns:1fr 1.25fr; gap:0; align-items:stretch; }
.apropos-hero .txt { padding:56px 4% 56px 0; display:flex; flex-direction:column; justify-content:center; }
.apropos-hero h1 { font-size:clamp(2.6rem,5vw,4.4rem); }
.apropos-hero .sub { font-family:var(--serif); font-style:italic; font-size:1.9rem; color:var(--muted); line-height:1.2; margin-bottom:8px; }
.apropos-hero .sub .g { color:var(--sage); }
.apropos-hero .rule { display:flex; align-items:center; gap:10px; color:var(--sage); margin:16px 0 22px; }
.apropos-hero .rule::before { content:""; width:60px; height:1px; background:var(--sage); }
.apropos-hero p { color:var(--text); max-width:44ch; }
.apropos-hero .photo img { width:100%; height:100%; min-height:420px; object-fit:cover; }

/* Colonnes valeurs/engagements/... */
.apropos-cols { padding:56px 0; background:var(--cream); }
.acols { display:grid; grid-template-columns:repeat(5,1fr); gap:28px; }
.acol h2 { font-size:1.4rem; display:flex; align-items:center; gap:8px; margin-bottom:18px; }
.acol .leaf { color:var(--sage); }
.aitem { margin-bottom:16px; }
.aitem .t { display:flex; align-items:center; gap:8px; font-weight:700; color:var(--taupe); font-size:.92rem; margin-bottom:3px; }
.aitem .t .ic { width:26px;height:26px;border-radius:50%;background:var(--taupe);display:grid;place-items:center;flex-shrink:0; }
.aitem .t .ic svg { display:block; }
.aitem p { font-size:.8rem; color:var(--muted); margin:0; padding-left:34px; }
.acol .num-list { counter-reset:step; }
.acol .num-list .step { display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:.85rem; color:var(--text); }
.acol .num-list .step .n { width:26px;height:26px;border-radius:50%;background:var(--taupe);color:#fff;
  display:grid;place-items:center;font-size:.75rem;font-weight:700;flex-shrink:0; }
.acol .col-img { width:100%; height:150px; object-fit:cover; border-radius:8px; margin-top:12px; }
.acol .col-text { font-size:.82rem; color:var(--muted); }

/* Bandeau citation */
.apropos-band { background:var(--taupe); color:#f0e9dd; padding:40px 0; }
.apropos-band .wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.apropos-band .quote { font-family:var(--serif); font-style:italic; font-size:1.5rem; line-height:1.35; max-width:60ch; }
.apropos-band .btn { background:#faf6f0; color:var(--taupe); white-space:nowrap; }

@media (max-width:980px){
  .apropos-hero .wrap { grid-template-columns:1fr; }
  .apropos-hero .photo { order:-1; }
  .apropos-hero .photo img { min-height:260px; }
  .apropos-hero .txt { padding:30px 0; }
  .acols { grid-template-columns:1fr 1fr; }
  .acol .col-img { aspect-ratio:1/1; height:auto; }
}
@media (max-width:560px){
  .acols { grid-template-columns:1fr; }
  .acol .col-img { aspect-ratio:1/1; height:auto; width:100%; }
}