/* ---- Page Le CERPE -- styles specifiques ---- */

/* Présentation 2 colonnes */
.lead-2col { display:grid; grid-template-columns:1fr; gap:var(--sp-5); }
.lead-2col h2 { font-size: var(--step-3); }
.lead-2col p { color: var(--ink-soft); font-size: var(--step-1); }
@media (min-width:56rem){ .lead-2col{ grid-template-columns: 0.8fr 1.2fr; gap:var(--sp-7);} }

/* Valeurs */
.values { display:grid; grid-template-columns:1fr; gap:var(--sp-4); }
.value { border-top:0.18rem solid var(--ink); padding-top:var(--sp-3); }
.value .n { font-family:var(--font-head); font-weight:700; color:var(--olive); font-size:var(--step--1); letter-spacing:.08em; }
.value h3 { font-size:var(--step-1); margin-top:0.3rem; }
.value p { color:var(--ink-soft); font-size:var(--step-0); margin-top:0.4rem; }
@media (min-width:40rem){ .values{ grid-template-columns:repeat(2,1fr);} }
@media (min-width:60rem){ .values{ grid-template-columns:repeat(3,1fr);} }

/* Video placeholder */
.video-wrap { position:relative; aspect-ratio:16/9; background:var(--ink); }
.video-wrap .ph { position:absolute; inset:0; background-color:#23221b;
  background-image: repeating-linear-gradient(135deg,#2c2a20 0 0.12rem, transparent 0.12rem 0.7rem); }
.video-wrap .play { position:absolute; inset:0; margin:auto; width:5rem; height:5rem;
  background:var(--yellow); color:var(--ink); border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center; }
.video-wrap .play svg { width:2rem; height:2rem; }
.video-wrap video { position:absolute; inset:0; width:100%; height:100%; display:block; }

/* Timeline historique */
.timeline { display:flex; flex-direction:column; gap:0; }
.tl-item { display:grid; grid-template-columns: 5.5rem 1fr; gap:var(--sp-4);
  padding-block:var(--sp-4); border-bottom:1px solid var(--line); }
.tl-item:last-child { border-bottom:0; }
.tl-item .year { font-family:var(--font-head); font-weight:700; font-size:var(--step-2); color:var(--ink); }
.tl-item h3 { font-size:var(--step-1); }
.tl-item p { color:var(--ink-soft); font-size:var(--step-0); }

/* Chiffres-clés (bande sombre) */
.stat-band { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-5) var(--sp-4); }
.stat-band .stat dt { font-family:var(--font-head); font-weight:700; font-size:var(--step-4); line-height:1; }
.stat-band .stat dd { margin:0.3rem 0 0; color:#4a460f; font-size:var(--step--1); }
@media (min-width:48rem){ .stat-band{ grid-template-columns:repeat(4,1fr);} }