/* ---------- ÉTUDE DE CAS ---------- */
  .case-study{display:none;}
  .case-study.active{display:block;}
  .cs-hero{background:var(--noir); color:var(--ivoire); padding:170px 0 70px;}
  .cs-back{font-weight:600; font-size:14px; color:#B5ADA3; margin-bottom:34px; display:inline-flex; align-items:center; gap:8px;}
  .cs-back:hover{color:var(--ivoire);}
  .cs-hero h1{font-size:clamp(30px,4.6vw,56px); max-width:20ch;}
  .cs-meta-row{display:flex; gap:48px; margin-top:40px; flex-wrap:wrap; border-top:1px solid var(--ligne-sombre); padding-top:26px;}
  .cs-meta-row div .label{margin-bottom:6px; display:block;}
  .cs-meta-row div p{font-size:16px;}
  .cs-image-full{width:100%; aspect-ratio:16/8; object-fit:cover;}
  .cs-gallery{display:grid; grid-template-columns:1.4fr 1fr; gap:4px; margin-bottom:80px;}
  .cs-gallery img{width:100%; height:100%; object-fit:cover;}
  .cs-gallery .g-side{display:grid; grid-template-rows:1fr 1fr; gap:4px;}
  @media (max-width:800px){ .cs-gallery{grid-template-columns:1fr;} }
  .cs-metrics{display:grid; grid-template-columns:repeat(3,1fr); gap:4px;}
  .metric-box{background:var(--sable); padding:36px 28px; border-top:6px solid var(--pc,var(--corail));}
  .metric-box .num{font-weight:900; font-size:clamp(36px,4vw,54px); line-height:1; font-variant-numeric:tabular-nums;}
  .metric-box .lbl{margin-top:12px;}
  @media (max-width:700px){ .cs-metrics{grid-template-columns:1fr;} }