/* ══════════════════════════════════════════════════════════════════════
   etude.css — feuille commune aux pages d'étude de cas (/etudes/*).
   Les couleurs, les polices et les composants reprennent la page
   d'accueil : une étude de cas doit se lire comme une suite du site,
   pas comme une page à part.
   ══════════════════════════════════════════════════════════════════════ */
:root{
  --encre:#070B16; --nuit:#0E1730; --bleu:#2563EB; --azur:#6C9CFF;
  --brume:#F2F5FB; --ligne:#DDE4F1; --texte:#3A4459; --sourdine:#8994AC;
  --blanc:#FFFFFF; --maxw:1000px; --r:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,sans-serif;color:var(--texte);background:var(--blanc);line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Space Grotesk','Manrope',system-ui,sans-serif;letter-spacing:-.02em;color:var(--encre);line-height:1.14}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
strong{color:var(--encre);font-weight:700}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.kicker{font-family:'Space Grotesk','Manrope',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu);display:block;margin-bottom:14px}

.btn{font-family:'Space Grotesk','Manrope',sans-serif;font-weight:600;font-size:16px;display:inline-block;padding:16px 32px;border-radius:11px;background:var(--bleu);color:#fff;box-shadow:0 10px 30px rgba(37,99,235,.3);transition:background .18s ease,transform .18s ease}
.btn:hover{background:#1D57D6;transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--azur);outline-offset:3px}

/* BARRE */
.nav{position:sticky;top:0;z-index:50;background:rgba(7,11,22,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.09)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav .who{font-family:'Space Grotesk','Manrope',sans-serif;font-weight:600;color:#fff;font-size:15px}
.nav .who small{display:block;font-size:11.5px;color:var(--sourdine);font-weight:400}
.nav .mini{background:var(--bleu);color:#fff;padding:9px 17px;border-radius:9px;font-family:'Space Grotesk','Manrope',sans-serif;font-weight:600;font-size:14px}
.nav .mini:hover{background:#1D57D6}

/* EN-TETE DE L'ETUDE */
.tete{background:var(--encre);color:#B7C2D8;padding:56px 0 60px;position:relative;overflow:hidden}
.tete::before{content:"";position:absolute;top:-320px;left:50%;transform:translateX(-50%);width:1000px;height:700px;pointer-events:none;background:radial-gradient(ellipse,rgba(76,141,255,.20),transparent 68%)}
.tete .wrap{position:relative;display:grid;grid-template-columns:1fr 300px;gap:38px;align-items:center}
.tete .retour{font-size:13.5px;color:var(--sourdine);display:inline-block;margin-bottom:20px}
.tete .retour:hover{color:#fff}
.tete h1{color:#fff;font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:10px}
.tete .metier{font-size:16px;color:#B7C2D8;margin-bottom:22px}
.tete .chiffre{font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700;font-size:clamp(26px,3.4vw,34px);color:var(--azur);line-height:1.1}
.tete .precis{font-size:14.5px;color:var(--sourdine);margin-top:8px;max-width:44ch}
.tete .portrait{border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.14);aspect-ratio:4/3}
.tete .portrait img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.tete .wrap{grid-template-columns:1fr;gap:26px}.tete .portrait{order:-1;aspect-ratio:16/9}}

/* SECTIONS */
.bloc{padding:58px 0}
.bloc+.bloc{border-top:1px solid var(--ligne)}
.bloc.pale{background:var(--brume)}
.bloc h2{font-size:clamp(23px,3vw,30px);font-weight:700;margin-bottom:18px;max-width:26ch}
.bloc p{font-size:16.5px;max-width:68ch}
.bloc p+p{margin-top:14px}

/* LISTES A PUCE CARREE */
.liste{list-style:none;margin-top:18px;max-width:68ch}
.liste li{position:relative;padding-left:26px;font-size:16.5px}
.liste li+li{margin-top:11px}
.liste li::before{content:"";position:absolute;left:2px;top:10px;width:8px;height:8px;border-radius:2px;background:var(--bleu)}
.liste strong{font-weight:700}

/* FAITS VERIFIABLES (section « qui est ») */
.faits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ligne);border:1px solid var(--ligne);margin-top:26px}
.faits>div{background:var(--blanc);padding:20px 22px}
.bloc.pale .faits>div{background:var(--brume)}
.faits b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700;font-size:21px;color:var(--encre);line-height:1.1;margin-bottom:5px}
.faits span{font-size:13.5px;color:var(--sourdine)}
@media(max-width:760px){.faits{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.faits{grid-template-columns:1fr}}

/* RESULTATS */
.resultats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.resultats>div{border-top:2px solid var(--bleu);padding-top:16px}
.resultats b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700;font-size:clamp(24px,3.2vw,30px);color:var(--bleu);line-height:1.05;margin-bottom:6px}
.resultats span{font-size:14.5px;display:block;color:var(--texte)}
@media(max-width:760px){.resultats{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.resultats{grid-template-columns:1fr}}

/* EN COURS */
.encours{border:1px solid var(--ligne);border-radius:var(--r);padding:24px 26px;margin-top:24px;background:var(--blanc)}
.encours .etat{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--bleu);margin-bottom:12px}
.encours .etat::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bleu)}

/* PIED ET APPEL */
.final{background:var(--encre);color:#B7C2D8;padding:72px 0;text-align:center}
.final h2{color:#fff;font-size:clamp(25px,3.4vw,34px);max-width:24ch;margin:0 auto 26px}
.final .sous-cta{font-size:14px;color:var(--sourdine);margin-top:14px}
.pied{padding:26px 0;background:var(--encre);border-top:1px solid rgba(255,255,255,.1);color:#5F6B85;font-size:13px;text-align:center}
.pied a{color:var(--azur)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}