/* ═══════════════════════════════════════════════════════════════
   sd-modern.css v5 — Stratégie Dirigeants (cabinet conseil)
   Réécriture "premium épuré" : typographie éditoriale Fraunces,
   hero respirant à scrim statique raffiné (mesh animé retiré),
   élévations douces, un seul filet doré signature (footer).
   ADDITIF sur style.css — réversible (.bak.fable_*).
   #GO_PROD_SD_MODERNISE_V5_14_07
═══════════════════════════════════════════════════════════════ */
:root{
  --sd-ease:cubic-bezier(.22,.61,.36,1);
  --sd-shadow-rest:0 6px 24px -14px rgba(90,50,24,.22);
  --sd-shadow-lift:0 18px 40px -18px rgba(90,50,24,.32);
}

/* ── 1. TYPOGRAPHIE ÉDITORIALE ─────────────────────────────────
   Fraunces (serif) sur les titres = gravitas conseil.
   Échelle maîtrisée : grand mais jamais criard. */
h1,h2,.hero-content h1,.page-hero h1,.sec-label h2,.sec-label h3,.cta-block h2{
  font-family:'Fraunces','Georgia',serif!important;
  letter-spacing:-.015em;
}
.hero-content h1{
  font-size:clamp(1.7rem,2.4vw + .9rem,2.9rem)!important;
  line-height:1.18!important;
  font-weight:500!important;
  max-width:21ch;margin-inline:auto;
  text-shadow:0 2px 26px rgba(0,0,0,.45);
  text-wrap:balance;
}
.page-hero h1{
  font-size:clamp(1.8rem,2.6vw,2.55rem)!important;
  line-height:1.15!important;font-weight:550!important;
  text-wrap:balance;
}
.sec-label h2,.sec-label h3{
  font-size:clamp(1.35rem,2vw,1.85rem)!important;
  line-height:1.2!important;font-weight:600!important;
}
.cta-block h2{font-weight:600!important}
/* Exergues : serif italique, barre caramel (signature discrète) */
blockquote{
  font-family:'Fraunces',serif;font-style:italic;
  border-left:3px solid var(--caramel);padding-left:18px;color:var(--txt-dark);
}
/* Eyebrows : lettrage raffiné */
.eyebrow,.label,.sec-label>span{letter-spacing:.14em}
/* Sélection de texte aux couleurs maison */
::selection{background:var(--caramel);color:#3a2010}

/* ── 2. HERO ACCUEIL : respiration + scrim statique raffiné ────
   (l'ancien mesh dégradé animé est retiré : trop chargé) */
.hero{
  height:auto!important;
  min-height:clamp(300px,40vh,420px);
  padding:clamp(3.5rem,7vh,5.5rem) 0;
  position:relative;overflow:hidden;
}
.hero .hero-overlay{
  background:
    radial-gradient(58% 90% at 78% 18%,rgba(222,179,118,.16),transparent 62%),
    linear-gradient(160deg,rgba(38,20,9,.62) 0%,rgba(58,32,16,.42) 48%,rgba(26,12,4,.66) 100%)!important;
}
.hero .hero-content{position:relative;z-index:2}

/* ── 3. PAGE-HERO (pages internes) : lavis chaud statique ────── */
.page-hero{position:relative;overflow:hidden}
.page-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(46% 70% at 88% 8%,rgba(222,179,118,.20),transparent 64%);
}
.page-hero>*{position:relative;z-index:1}

/* ── 4. CARTES : élévation douce, coins calmes ───────────────── */
.card{
  border-radius:14px;overflow:hidden;
  box-shadow:var(--sd-shadow-rest);
  transition:transform .35s var(--sd-ease),box-shadow .35s var(--sd-ease);
}
.card:hover{transform:translateY(-4px);box-shadow:var(--sd-shadow-lift)}
.card-photo{overflow:hidden}
.card-photo img,img.card-photo{transition:transform .6s var(--sd-ease)}
.card:hover .card-photo img{transform:scale(1.035)}
.team-card{border-radius:12px}
.founder img,[class*="founder"] img{transition:transform .5s var(--sd-ease)}
[class*="founder"]:hover img{transform:scale(1.03)}

/* ── 5. BANDES CTA : chaleur tonale, sans clinquant ──────────── */
.cta-block{border-radius:16px;transition:transform .35s var(--sd-ease),box-shadow .35s var(--sd-ease)}
.cta-block:hover{transform:translateY(-4px);box-shadow:var(--sd-shadow-lift)}
.cta-orange,.cta-block.cta-orange{
  background:linear-gradient(150deg,#e6c188 0%,#deb377 55%,#d2a25f 100%)!important;
}
.cta-split{gap:14px;padding:14px}

/* ── 6. BOUTONS : lift discret + accessibilité focus ─────────── */
.btn{transition:transform .2s var(--sd-ease),box-shadow .25s var(--sd-ease),filter .2s var(--sd-ease)}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--brown);outline-offset:3px;border-radius:6px}

/* ── 7. NAV : profondeur au scroll (classe posée par sd-reveal.js) */
header.sd-nav-scrolled,.site-header.sd-nav-scrolled,nav.sd-nav-scrolled,#nav.sd-nav-scrolled{
  backdrop-filter:saturate(1.35) blur(9px);
  box-shadow:0 6px 22px -14px rgba(37,52,67,.30);
}

/* ── 8. RYTHME VERTICAL : respiration premium ────────────────── */
section.section{padding-top:clamp(56px,6vw,88px);padding-bottom:clamp(56px,6vw,88px)}

/* ── 9. FOOTER : unique filet doré signature ─────────────────── */
footer{position:relative}
footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--caramel) 30%,var(--caramel) 70%,transparent);
  opacity:.75;
}

/* ── 10. REVEAL (contrat avec js/sd-reveal.js — ne pas renommer) */
.sd-rv{opacity:0;transform:translateY(18px);transition:opacity .65s var(--sd-ease),transform .65s var(--sd-ease)}
.sd-rv.sd-in{opacity:1;transform:none}

/* ── 11. REDUCED MOTION : tout au repos ──────────────────────── */
@media (prefers-reduced-motion:reduce){
  .sd-rv{opacity:1!important;transform:none!important;transition:none!important}
  .card,.cta-block,.btn,.card-photo img,[class*="founder"] img{transition:none!important}
  .card:hover,.cta-block:hover,.btn:hover{transform:none!important}
}

/* ── 12. MOBILE : hero compact mais aéré ─────────────────────── */
@media (max-width:640px){
  .hero{min-height:0;padding:2.6rem 0}
  .hero-content h1{font-size:1.42rem!important;line-height:1.28!important;max-width:none}
  .cta-split{padding:10px;gap:10px}
  section.section{padding-top:48px;padding-bottom:48px}
}

/* ═══════════════════════════════════════════════════════════════
   V2 SIGNATURE — 14/07 (Fable v2) : modernisation ÉVIDENTE
   Cabinet de conseil premium — palette chaude élevée, jamais criarde.
   Signature : filets or fins, cartes élevées bord doré, éditorial
   serif ample, cartes CTA flottantes sur le hero.
   ADDITIF — rollback : .bak.fable_v2_* / .bak_fable_v2_full_*.tar.gz
   #GO_PROD_SD_V2_SIGNATURE_14_07
═══════════════════════════════════════════════════════════════ */
:root{
  --sd2-gold-line:linear-gradient(90deg,#c8920b,#e6c188 45%,#f1dda5);
  --sd2-gold-line-v:linear-gradient(180deg,#c8920b,#deb376 55%,#f1dda5);
  --sd2-radius:16px;
  --sd2-border:1px solid rgba(200,146,11,.34);
  --sd2-shadow:0 12px 34px -16px rgba(90,50,24,.32),0 2px 8px -4px rgba(90,50,24,.16);
  --sd2-shadow-lift:0 28px 56px -22px rgba(90,50,24,.42),0 8px 18px -8px rgba(90,50,24,.20);
}

/* ── V2.1 HERO ACCUEIL : éditorial ample + scrim profond ─────── */
.hero{
  min-height:clamp(430px,56vh,580px)!important;
  padding:clamp(4.5rem,9vh,6.5rem) 0 clamp(7rem,13vh,9.5rem)!important;
}
.hero .hero-overlay{
  background:
    radial-gradient(70% 110% at 20% 0%,rgba(222,179,118,.20),transparent 55%),
    linear-gradient(168deg,rgba(28,13,5,.80) 0%,rgba(54,27,11,.52) 46%,rgba(18,8,3,.84) 100%)!important;
}
.hero-content h1{
  font-size:clamp(2rem,2.8vw + 1rem,3.35rem)!important;
  font-weight:480!important;line-height:1.14!important;
  letter-spacing:-.02em;
}
/* Filet or centré sous le titre */
.hero-content::after{
  content:"";display:block;width:92px;height:2px;
  margin:1.7rem auto 0;border-radius:2px;
  background:var(--sd2-gold-line);
  box-shadow:0 0 14px rgba(241,221,165,.55);
}
/* Sur-titre éditorial (eyebrow) avec hairlines latérales */
.sd-eyebrow{
  display:flex;align-items:center;justify-content:center;gap:16px;
  margin-bottom:1.25rem;
  font-size:.8rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:#f3e3ba;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}
.sd-eyebrow::before,.sd-eyebrow::after{
  content:"";width:48px;height:1px;flex-shrink:0;
  background:linear-gradient(90deg,transparent,rgba(241,221,165,.95));
}
.sd-eyebrow::after{background:linear-gradient(90deg,rgba(241,221,165,.95),transparent)}

/* ── V2.2 CARTES CTA FLOTTANTES sur le hero ──────────────────── */
.hero+.cta-split,.hero~.cta-split{
  max-width:1180px;margin:-84px auto 0;padding:0 22px;
  gap:24px;position:relative;z-index:6;
}
.cta-block{
  border-radius:18px!important;padding:2.7rem 2.4rem!important;
  position:relative;overflow:hidden;
  border:var(--sd2-border);
  box-shadow:var(--sd2-shadow)!important;
}
.cta-block::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--sd2-gold-line);
}
.cta-cream{background:linear-gradient(172deg,#fffdf7 0%,#faf1da 60%,#f6e8c8 100%)!important}
.cta-block h2{
  font-size:1.6rem!important;font-weight:600!important;
  margin-bottom:1.4rem!important;color:var(--brown-dk)!important;
}
.cta-block:hover{transform:translateY(-6px);box-shadow:var(--sd2-shadow-lift)!important}

/* ── V2.3 TÊTES DE SECTION centrées : serif + filet or ───────── */
.sd-center-head h2,h2.sd-center-head{
  font-family:"Fraunces","Georgia",serif!important;
  font-size:clamp(1.4rem,2.1vw,1.75rem)!important;
  font-weight:600!important;color:var(--brown-dk)!important;
  letter-spacing:-.01em;
}
.sd-center-head::after,h2.sd-center-head::after{
  content:"";display:block;width:66px;height:2px;
  margin:1.05rem auto 0;border-radius:2px;
  background:var(--sd2-gold-line);
}

/* ── V2.4 SEC-LABEL : barre dégradé or-bronze ────────────────── */
.sec-label::before{
  width:4px!important;min-height:36px;
  background:var(--sd2-gold-line-v)!important;border-radius:4px;
}
.sec-label h2,.sec-label h3{color:var(--brown-dk)!important}

/* ── V2.5 CARTES (cards-grid) : élévation + filet or ─────────── */
.card{
  border-radius:var(--sd2-radius)!important;
  border:var(--sd2-border)!important;
  box-shadow:var(--sd2-shadow)!important;
  position:relative;
}
.card::after{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--sd2-gold-line);z-index:2;
}
.card:hover{transform:translateY(-6px)!important;box-shadow:var(--sd2-shadow-lift)!important}
.card-body{padding:1.6rem 1.5rem!important}
.card-body h3{
  font-family:"Fraunces","Georgia",serif!important;
  font-size:1.18rem!important;font-weight:600!important;
  color:var(--brown-dk)!important;
}

/* ── V2.6 TEAM CARDS (fondateurs) ────────────────────────────── */
.team-card{
  border-radius:var(--sd2-radius)!important;
  border:var(--sd2-border);
  box-shadow:var(--sd2-shadow)!important;
  position:relative;overflow:hidden;
  transition:transform .35s var(--sd-ease),box-shadow .35s var(--sd-ease)!important;
}
.team-card::after{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--sd2-gold-line);z-index:2;
}
.team-card:hover{transform:translateY(-6px)!important;box-shadow:var(--sd2-shadow-lift)!important}
.team-card-body{padding:1.5rem 1.4rem!important}
.team-card-body h3{
  font-family:"Fraunces","Georgia",serif!important;
  font-size:1.18rem!important;font-weight:600!important;
  color:var(--brown-dk)!important;
}

/* ── V2.7 MINI-CARTES consultants (encart accueil) ───────────── */
.sd-mini-card{
  display:flex;align-items:center;gap:1rem;
  flex:1;min-width:240px;max-width:340px;
  padding:1.1rem 1.4rem;text-decoration:none;
  background:linear-gradient(172deg,#fffdf7,#faf3e0);
  border:var(--sd2-border);border-radius:14px;
  box-shadow:var(--sd2-shadow);
  position:relative;overflow:hidden;
  transition:transform .3s var(--sd-ease),box-shadow .3s var(--sd-ease);
}
.sd-mini-card::before{
  content:"";position:absolute;top:0;left:0;bottom:0;width:3px;
  background:var(--sd2-gold-line-v);
}
.sd-mini-card:hover{transform:translateY(-4px);box-shadow:var(--sd2-shadow-lift)}

/* ── V2.8 PASTILLES villes ───────────────────────────────────── */
.sd-pill{
  background:#fff;border:1px solid rgba(200,146,11,.45);
  border-radius:50px;padding:.6rem 1.4rem;
  font-size:.85rem;font-weight:600;color:var(--brown-dk);
  text-decoration:none;
  box-shadow:0 3px 12px -6px rgba(90,50,24,.28);
  transition:background .2s var(--sd-ease),color .2s var(--sd-ease),transform .2s var(--sd-ease),box-shadow .25s var(--sd-ease);
}
.sd-pill:hover{
  background:var(--brown);color:#fff;border-color:var(--brown);
  transform:translateY(-2px);
  box-shadow:0 10px 20px -8px rgba(90,50,24,.5);
}

/* ── V2.9 PANNEAUX blancs (Et maintenant) ────────────────────── */
.sd-panel{
  border-radius:var(--sd2-radius)!important;
  border:var(--sd2-border);
  box-shadow:var(--sd2-shadow)!important;
  position:relative;overflow:hidden;
}
.sd-panel::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--sd2-gold-line);
}

/* ── V2.10 PAGE-HERO (pages internes) : éditorial or ─────────── */
.page-hero{
  padding:4.6rem 0 3.2rem!important;
  border-bottom:1px solid rgba(200,146,11,.35);
}
.page-hero--cream{background:linear-gradient(168deg,#fffcf3 0%,#f8eed2 55%,#f2e0bc 100%)!important}
.page-hero h1{font-size:clamp(1.9rem,3.1vw,2.7rem)!important;line-height:1.16!important}
.page-hero h1::after{
  content:"";display:block;width:78px;height:2px;
  margin-top:1.15rem;border-radius:2px;
  background:var(--sd2-gold-line);
}
.page-hero .eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  letter-spacing:.22em;font-size:.75rem;
}
.page-hero .eyebrow::before{
  content:"";width:40px;height:2px;border-radius:2px;flex-shrink:0;
  background:var(--sd2-gold-line);
}
.page-hero--cream .eyebrow,
.page-hero--orange .eyebrow,
.page-hero:not([class*="page-hero--"]) .eyebrow{color:#7d5414}

/* ── V2.11 STEPS (méthode) : numéros médaillon or ────────────── */
.step{
  border-radius:14px!important;
  border:var(--sd2-border)!important;
  box-shadow:var(--sd2-shadow)!important;
  transition:transform .3s var(--sd-ease),box-shadow .3s var(--sd-ease);
}
.step:hover{transform:translateY(-4px);box-shadow:var(--sd2-shadow-lift)!important}
.step-num{
  width:42px!important;height:42px!important;
  background:linear-gradient(135deg,#f6e7c6,#e6c188)!important;
  color:#4a2a12!important;
  font-family:"Fraunces","Georgia",serif!important;
  font-size:1.15rem!important;font-weight:600!important;
  box-shadow:inset 0 0 0 1px rgba(200,146,11,.4),0 3px 10px -4px rgba(90,50,24,.35);
}
.step h4{
  font-family:"Fraunces","Georgia",serif!important;
  font-size:.98rem!important;font-weight:600!important;
  color:var(--brown-dk)!important;
}

/* ── V2.12 HIGHLIGHT BOX : citation à filet or ───────────────── */
.highlight-box{
  background:#fff!important;
  border-left:3px solid #c8920b;
  border-radius:0 12px 12px 0!important;
  box-shadow:var(--sd2-shadow);
  color:var(--brown-dk)!important;
}

/* ── V2.13 PHOTOS éditoriales ────────────────────────────────── */
.photo-section img,.photo-full,.photo-banner{
  border-radius:14px!important;
  box-shadow:0 18px 44px -18px rgba(90,50,24,.4)!important;
}

/* ── V2.14 PROFIL consultant ─────────────────────────────────── */
.profile-avatar-circle{
  border:3px solid #e6c188!important;
  box-shadow:0 12px 32px -12px rgba(90,50,24,.5),0 0 0 8px rgba(230,193,136,.22)!important;
}
.profile-info h1{
  font-family:"Fraunces","Georgia",serif!important;
  font-size:2.25rem!important;font-weight:600!important;
  color:var(--brown-dk)!important;
}
.stat-card{
  border:var(--sd2-border)!important;
  border-radius:14px!important;
  box-shadow:var(--sd2-shadow)!important;
  position:relative;overflow:hidden;
}
.stat-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--sd2-gold-line);
}
.stat-card .stat-val{
  font-family:"Fraunces","Georgia",serif!important;
  font-weight:600!important;color:var(--brown-dk)!important;
}
.expertise-block{
  border:var(--sd2-border)!important;
  border-radius:var(--sd2-radius)!important;
  box-shadow:var(--sd2-shadow)!important;
}
.expertise-block li{
  background:#fff!important;
  border:1px solid rgba(200,146,11,.4);
  color:var(--brown-dk)!important;
}

/* ── V2.15 BANDES SOMBRES : filet or d ouverture ─────────────── */
.promo-band{position:relative}
.promo-band::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(760px,82%);height:2px;
  background:var(--sd2-gold-line);opacity:.85;
}

/* ── V2.16 REDUCED MOTION ────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .sd-mini-card,.sd-pill,.team-card,.step,.stat-card{transition:none!important}
  .sd-mini-card:hover,.sd-pill:hover,.team-card:hover,.step:hover,.cta-block:hover,.card:hover{transform:none!important}
}

/* ── V2.17 MOBILE ────────────────────────────────────────────── */
@media (max-width:900px){
  .hero+.cta-split,.hero~.cta-split{margin-top:-52px;gap:16px;padding:0 16px}
}
@media (max-width:640px){
  .hero{min-height:0!important;padding:3.2rem 0 5.2rem!important}
  .hero-content h1{font-size:1.55rem!important;line-height:1.24!important}
  .sd-eyebrow{font-size:.68rem;letter-spacing:.16em;gap:10px}
  .sd-eyebrow::before,.sd-eyebrow::after{width:28px}
  .hero-content::after{margin-top:1.2rem;width:72px}
  .cta-block{padding:2rem 1.5rem!important}
  .cta-block h2{font-size:1.3rem!important}
  .page-hero h1{font-size:1.55rem!important}
}