.elementor-1416 .elementor-element.elementor-element-85d806b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ============================================================
   PAGE STÉPHANIE — CSS complet (6 sections)
   Toutes les couleurs passent par var(--bg)/var(--text)/var(--h1)/
   var(--accent-h1), générées par ce_couleur_css.php selon le
   data-palette de chaque section. Dépend de header-nav.css pour
   .ce-btn et .eyebrow/.eyebrow-line (déjà définis si approche.css
   ou header-nav.css est chargé — sinon redéfinis ici par sécurité).
   ============================================================ */

.eyebrow{
  display:flex;align-items:center;gap:14px;
  font-size:11px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--accent-h1,#b8864e);margin-bottom:18px;
}
.eyebrow-line{width:32px;height:0.5px;background:var(--accent-h1,#b8864e);display:inline-block;flex-shrink:0;}
.eyebrow-center{justify-content:center;}

/* ============================================================
   HERO
   ============================================================ */
.st-hero{background:var(--bg,#f7f4ec);color:var(--text,#8a7e6a);padding:90px 52px;}
.st-hero-grid{display:grid;grid-template-columns:0.85fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto;}
.st-hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;display:block;}

.st-kicker-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;}
.st-kicker-list span{
  font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-h1,#b8864e);
  border:0.5px solid rgba(58,48,32,0.18);padding:6px 14px;
}
.st-hero h1{
  font-family:var(--serif,'Cormorant Garamond',Georgia,serif);
  font-size:clamp(38px,4.5vw,58px);font-weight:300;line-height:1.05;color:var(--h1,#1a1408);margin-bottom:10px;
}
.credentials{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-h1,#b8864e);margin-bottom:22px;}
.st-hero-bio{font-size:15px;line-height:1.85;margin-bottom:30px;max-width:480px;}
.st-hero-bio p{margin:0 0 14px;}
.st-hero-bio strong{color:var(--h1,#1a1408);font-weight:500;}
.st-hero-cta{display:flex;gap:20px;flex-wrap:wrap;}

/* ============================================================
   PARCOURS — timeline verticale
   ============================================================ */
.sec-parcours{background:var(--bg,#fff);color:var(--text,#8a7e6a);padding:100px 52px;}
.sec-parcours-inner{max-width:900px;margin:0 auto;}
.sec-parcours-head{max-width:640px;margin:0 auto 56px;text-align:center;}
.sec-parcours-head h2{
  font-family:var(--serif,'Cormorant Garamond',Georgia,serif);
  font-size:clamp(32px,3.6vw,46px);font-weight:300;color:var(--h1,#1a1408);
}
.sec-parcours-head h2 em{font-style:italic;color:var(--accent-h1,#b8864e);}

.timeline{position:relative;padding-left:40px;}
.timeline::before{content:'';position:absolute;left:5px;top:6px;bottom:6px;width:0.5px;background:rgba(58,48,32,0.15);}
.tl-item{position:relative;padding-bottom:46px;}
.tl-item:last-child{padding-bottom:0;}
.tl-dot{position:absolute;left:-40px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent-h1,#b8864e);}
.tl-tag{display:block;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-h1,#b8864e);margin-bottom:6px;}
.tl-item h3{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-style:italic;font-weight:300;font-size:22px;color:var(--h1,#1a1408);margin-bottom:8px;}
.tl-item p{font-size:14.5px;line-height:1.75;max-width:560px;}

/* ============================================================
   CE QUI L'ANIME
   ============================================================ */
.sec-anime{background:var(--bg,#1a1408);color:var(--text,rgba(255,255,255,0.6));padding:100px 52px;}
.sec-anime-inner{max-width:1200px;margin:0 auto;}
.sec-anime-head{max-width:640px;margin:0 auto 50px;text-align:center;}
.sec-anime-head h2{
  font-family:var(--serif,'Cormorant Garamond',Georgia,serif);
  font-size:clamp(32px,3.6vw,46px);font-weight:300;color:var(--h1,#fff);
}
.sec-anime-head h2 em{font-style:italic;color:var(--accent-h1,#e8c99a);}
.anime-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.anime-card{text-align:center;}
.anime-card h3{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-style:italic;font-weight:300;font-size:21px;color:var(--h1,#fff);margin-bottom:10px;}
.anime-card p{font-size:14px;line-height:1.75;}

/* ============================================================
   CITATIONS
   ============================================================ */
.sec-citations{background:var(--bg,#fff);color:var(--text,#8a7e6a);padding:90px 52px;}
.cit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;max-width:1300px;margin:0 auto;}
.cit-card{background:var(--bg,#f7f4ec);border:0.5px solid rgba(58,48,32,0.08);border-radius:6px;padding:34px 30px;}
.cit-card blockquote{
  font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-style:italic;font-weight:300;
  font-size:19px;line-height:1.5;color:var(--h1,#1a1408);margin:0;
}

/* ============================================================
   AFFILIATIONS
   ============================================================ */
.sec-affil{background:var(--bg,#fff);color:var(--text,#8a7e6a);padding:70px 52px;text-align:center;}
.sec-affil-inner{max-width:1000px;margin:0 auto;}
.affil-list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.affil-item{
  font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-style:italic;font-size:14.5px;
  color:var(--text,#8a7e6a);border:0.5px solid rgba(58,48,32,0.15);padding:9px 20px;
}

/* ============================================================
   CTA
   ============================================================ */
.sec-cta{background:var(--bg,#1a1408);color:var(--text,rgba(255,255,255,0.6));padding:110px 52px;text-align:center;}
.sec-cta-inner{max-width:640px;margin:0 auto;}
.sec-cta-inner h2{
  font-family:var(--serif,'Cormorant Garamond',Georgia,serif);
  font-size:clamp(32px,4vw,50px);font-weight:300;line-height:1.1;color:var(--h1,#fff);margin-bottom:20px;
}
.sec-cta-inner h2 em{font-style:italic;color:var(--accent-h1,#e8c99a);}
.sec-cta-inner p{font-size:15.5px;line-height:1.8;margin-bottom:40px;}
.btn-group{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1100px) and (min-width:901px){
  .st-hero,.sec-parcours,.sec-anime,.sec-citations,.sec-affil,.sec-cta{padding-left:32px;padding-right:32px;}
}

@media (max-width:900px){
  .st-hero,.sec-parcours,.sec-anime,.sec-citations,.sec-affil,.sec-cta{padding:64px 24px;}
  .st-hero-grid{grid-template-columns:1fr;gap:32px;}
  .st-hero-photo img{aspect-ratio:16/11;max-width:360px;margin:0 auto;}
  .sec-parcours-head,.sec-anime-head{margin-bottom:36px;}
  .timeline{padding-left:32px;}
  .tl-dot{left:-32px;}
}

@media (max-width:380px){
  .st-hero h1,.sec-parcours-head h2,.sec-anime-head h2{font-size:28px;}
  .sec-cta-inner h2{font-size:26px;}
  .tl-item h3{font-size:19px;}
}/* End custom CSS */