/* ============================================================
   À PROPOS — ouverture éditoriale, manifeste sombre avec cotes,
   cinq étapes en colonne, « où et pour qui », procès-verbal.
   ============================================================ */

/* ---------- Ouverture ---------- */
.ap-ouverture{ background:var(--creme); padding:0 var(--g) clamp(3rem, 6vw, 5rem); display:grid; grid-template-columns:1fr 1.1fr; gap:3rem clamp(2rem, 5vw, 6rem); align-items:end; }
.ap-ouverture.espace-entete{ padding-top:calc(var(--entete-h) + clamp(3rem, 6vw, 5.5rem)); }
.ap-ouverture__texte{ display:grid; gap:1.5rem; padding-bottom:1rem; min-width:0; }
.ap-ouverture__photo{ margin:0; position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--vert-2); }
.ap-ouverture__photo picture,.ap-ouverture__photo img{ width:100%; height:100%; }
.ap-ouverture__photo img{ object-fit:cover; }
.ap-ouverture__photo figcaption{
  position:absolute; left:0; right:0; bottom:0; padding:3rem 1.25rem 1.1rem; color:#fff; display:flex; flex-wrap:wrap; gap:.3rem 1.5rem;
  background:linear-gradient(to top, rgba(4,19,17,.75), transparent); font-size:.75rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
}
@media (max-width:1023px){ .ap-ouverture{ grid-template-columns:1fr; } }

/* ---------- Manifeste ---------- */
.manifeste{ padding:clamp(4rem, 8vw, 7rem) var(--g); display:grid; gap:clamp(2.5rem, 5vw, 4rem); }
.manifeste__phrase{ font-size:clamp(1.7rem, 1.2rem + 2.2vw, 3.2rem); line-height:1.2; max-width:26ch; font-weight:500; }
.manifeste__phrase em{ color:var(--dore); }
.regle{ display:grid; grid-template-columns:repeat(4, auto); justify-content:start; gap:1.5rem clamp(2.5rem, 5vw, 5rem); padding-top:1.5rem; border-top:1px solid var(--filet); }
.regle .cote::before{ background:var(--dore); }
.regle .cote span{ color:rgba(255,255,255,.72); }
@media (max-width:900px){ .regle{ grid-template-columns:1fr 1fr; } }

/* ---------- Cinq étapes ---------- */
.facon{ background:var(--creme); padding:clamp(4rem, 7vw, 6.5rem) var(--g); display:grid; grid-template-columns:2fr 3fr; gap:3rem clamp(2rem, 6vw, 7rem); align-items:start; }
.facon__tete{ position:sticky; top:calc(var(--entete-h) + 2rem); display:grid; gap:1.25rem; }
.facon__photo{ margin:1.5rem 0 0; aspect-ratio:4/3; position:relative; overflow:hidden; background:var(--vert-2); }
.facon__photo picture,.facon__photo img{ width:100%; height:100%; }
.facon__photo img{ object-fit:cover; }
.facon__photo figcaption{ position:absolute; left:0; right:0; bottom:0; padding:2rem 1rem .8rem; color:#fff; font-size:.75rem; background:linear-gradient(to top, rgba(4,19,17,.75), transparent); }
.etapes-ap{ display:grid; border-top:1px solid var(--filet-fort); }
.etapes-ap li{ display:grid; grid-template-columns:4.5rem 1fr; gap:1.5rem; padding:2rem 0; border-bottom:1px solid var(--filet); }
.etapes-ap__n{ font-family:var(--f-ed); font-weight:500; font-size:clamp(2.6rem, 2rem + 2vw, 4rem); line-height:.8; color:var(--or-titre); }
.etapes-ap h3{ margin-bottom:.5rem; }
.etapes-ap p{ color:var(--texte-2); max-width:50ch; }
@media (max-width:1023px){
  .facon{ grid-template-columns:1fr; }
  .facon__tete{ position:static; }
  .etapes-ap li{ grid-template-columns:3.2rem 1fr; gap:1rem; padding:1.5rem 0; }
}

/* ---------- Où et pour qui ---------- */
.ou{ padding:clamp(4rem, 7vw, 6.5rem) var(--g); display:grid; grid-template-columns:1fr 1.2fr; gap:3rem clamp(2rem, 6vw, 7rem); align-items:start; }
.ou__tete{ display:grid; gap:1.25rem; }
.ou__liste{ margin:0; display:grid; grid-template-columns:1fr 1fr; gap:0 2.5rem; }
.ou__liste > div{ padding:1.1rem 0; border-top:1px solid var(--filet); }
.ou__liste dt{ font-size:.6875rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--dore-clair); }
.ou__liste dd{ margin:.4rem 0 0; color:rgba(255,255,255,.85); font-size:.95rem; }
@media (max-width:1023px){ .ou{ grid-template-columns:1fr; } }
@media (max-width:640px){ .ou__liste{ grid-template-columns:1fr; } }

/* ---------- Procès-verbal ---------- */
.pv-section{ background:var(--creme); padding:clamp(4rem, 7vw, 6.5rem) var(--g); display:grid; grid-template-columns:1fr 1.4fr; gap:3rem clamp(2rem, 6vw, 7rem); align-items:start; }
.pv-section__tete{ position:sticky; top:calc(var(--entete-h) + 2rem); display:grid; gap:1.25rem; }
.pv{ display:grid; border-top:1px solid var(--filet-fort); }
.pv li{ display:grid; grid-template-columns:1.1rem 1fr; gap:1.25rem; align-items:start; padding:1.25rem 0; border-bottom:1px solid var(--filet); color:var(--texte-2); }
.pv b{ color:var(--texte); font-weight:600; }
.pv__case{ width:1.1rem; height:1.1rem; margin-top:.3rem; border:1px solid var(--filet-fort); position:relative; transition:border-color .3s var(--d, 0ms); }
.pv__case::after{ content:""; position:absolute; inset:3px; background:var(--dore); transform:scale(0); transition:transform .35s var(--lent) calc(var(--d, 0ms) + 250ms); }
.est-vu .pv__case{ border-color:var(--dore-texte); }
.est-vu .pv__case::after{ transform:scale(1); }
@media (max-width:1023px){ .pv-section{ grid-template-columns:1fr; } .pv-section__tete{ position:static; } }