/* =========================================================
   MWN SIGNATURE
   Système visuel dérivé du logo Mérimé Wilson NGOUDJOU
   Encre + champagne. Typographie de magazine.
   ========================================================= */

:root{
  --encre:#0E0E0F;
  --encre-2:#17171A;
  --encre-3:#232327;
  --ivoire:#F6F3EE;
  --ivoire-2:#EDE8E0;
  --papier:#FFFFFF;
  --champagne:#C69A4E;
  --champagne-deep:#8E6224;
  --champagne-light:#E4C27D;
  --gris:#6E6E73;
  --gris-clair:#A9A9AE;

  --display:"Bodoni Moda",Georgia,"Times New Roman",serif;
  --texte:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --utilitaire:"Jost","Avenir Next",Montserrat,Helvetica,Arial,sans-serif;

  --largeur:1240px;
  --gouttiere:clamp(20px,5vw,48px);
  --section:clamp(76px,9vw,148px);

  --filet:rgba(14,14,15,.12);
  --filet-sombre:rgba(246,243,238,.14);

  --transition:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--papier);
  color:var(--encre);
  font-family:var(--texte);
  font-size:17px;
  line-height:1.75;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.01em}
p{margin:0 0 1.35em}
p:last-child{margin-bottom:0}

::selection{background:var(--champagne);color:var(--encre)}

:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}

.saut-contenu{
  position:absolute;left:-9999px;top:0;z-index:999;
  background:var(--encre);color:var(--ivoire);padding:14px 22px;
  font-family:var(--utilitaire);font-size:13px;letter-spacing:.12em;text-transform:uppercase;
}
.saut-contenu:focus{left:12px;top:12px}

/* ---------- Trame ---------- */
.enveloppe{max-width:var(--largeur);margin:0 auto;padding-left:var(--gouttiere);padding-right:var(--gouttiere)}
.enveloppe--etroite{max-width:820px}
.section{padding-top:var(--section);padding-bottom:var(--section)}
.section--encre{background:var(--encre);color:var(--ivoire)}
.section--ivoire{background:var(--ivoire)}
.section--serree{padding-top:clamp(56px,6vw,92px);padding-bottom:clamp(56px,6vw,92px)}

/* ---------- Signature : le filet et le point ---------- */
/* Motif repris du logo : une hairline champagne amorcée par un point d'encre. */
.rubrique{
  display:flex;align-items:center;gap:14px;
  font-family:var(--utilitaire);
  font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;
  color:var(--champagne-deep);
  margin:0 0 26px;
}
.rubrique::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:var(--encre);flex:none;
}
.rubrique::after{
  content:"";height:1px;flex:1;max-width:88px;
  background:linear-gradient(90deg,var(--champagne-deep),rgba(198,154,78,0));
}
.section--encre .rubrique,.appel .rubrique,.bandeau .rubrique,.une .rubrique{color:var(--champagne-light)}
.section--encre .rubrique::before,.appel .rubrique::before,.bandeau .rubrique::before,.une .rubrique::before{background:var(--champagne-light)}
.section--encre .rubrique::after,.appel .rubrique::after,.bandeau .rubrique::after,.une .rubrique::after{background:linear-gradient(90deg,var(--champagne),rgba(228,194,125,0))}

/* ---------- Titres ---------- */
.titre-xl{font-size:clamp(2.6rem,7.4vw,5.4rem);line-height:1.02}
.titre-l{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.06}
.titre-m{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.14}
.titre-s{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.24}
.chapeau{
  font-size:clamp(1.08rem,1.6vw,1.32rem);
  line-height:1.62;color:var(--gris);font-weight:400;max-width:64ch;
}
.section--encre .chapeau,.appel .chapeau,.bandeau .chapeau,.une .chapeau{color:var(--gris-clair)}
.italique{font-style:italic;font-family:var(--display)}

/* ---------- Boutons ---------- */
.bouton{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--utilitaire);font-size:12px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  padding:17px 30px;border:1px solid var(--encre);background:var(--encre);color:var(--ivoire);
  transition:background .35s var(--transition),color .35s var(--transition),border-color .35s var(--transition);
  cursor:pointer;
}
.bouton:hover{background:var(--champagne-deep);border-color:var(--champagne-deep);color:#fff}
.bouton--vide{background:transparent;color:var(--encre)}
.bouton--vide:hover{background:var(--encre);color:var(--ivoire);border-color:var(--encre)}
.section--encre .bouton,.appel .bouton,.bandeau .bouton,.une .bouton{background:var(--champagne);border-color:var(--champagne);color:var(--encre)}
.section--encre .bouton:hover,.appel .bouton:hover,.bandeau .bouton:hover,.une .bouton:hover{background:var(--champagne-light);border-color:var(--champagne-light);color:var(--encre)}
.section--encre .bouton--vide,.appel .bouton--vide,.bandeau .bouton--vide,.une .bouton--vide{background:transparent;color:var(--ivoire);border-color:rgba(246,243,238,.35)}
.section--encre .bouton--vide:hover,.appel .bouton--vide:hover,.bandeau .bouton--vide:hover,.une .bouton--vide:hover{background:var(--ivoire);color:var(--encre);border-color:var(--ivoire)}
.bouton svg{width:14px;height:14px;flex:none}

.lien-fleche{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--utilitaire);font-size:12px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--champagne-deep);
  border-bottom:1px solid rgba(142,98,36,.35);padding-bottom:4px;
  transition:gap .3s var(--transition),border-color .3s var(--transition);
}
.lien-fleche:hover{gap:16px;border-color:var(--champagne-deep)}
.section--encre .lien-fleche,.appel .lien-fleche,.bandeau .lien-fleche,.une .lien-fleche{color:var(--champagne-light);border-color:rgba(228,194,125,.35)}
.section--encre .lien-fleche:hover,.appel .lien-fleche:hover,.bandeau .lien-fleche:hover{border-color:var(--champagne-light)}

/* ---------- En-tête ---------- */
.entete{
  position:fixed;inset:0 0 auto 0;z-index:120;
  padding:20px 0;
  transition:background .4s var(--transition),padding .4s var(--transition),box-shadow .4s var(--transition);
}
.entete__grille{display:flex;align-items:center;justify-content:space-between;gap:24px}
.entete.est-fixe{background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(12px);padding:12px 0;box-shadow:0 1px 0 var(--filet)}
body.entete-sombre .entete:not(.est-fixe) .marque,
body.entete-sombre .entete:not(.est-fixe) .marque__nom,
body.entete-sombre .entete:not(.est-fixe) .nav-principale a,
body.entete-sombre .entete:not(.est-fixe) .burger span{color:var(--ivoire)}
body.entete-sombre .entete:not(.est-fixe) .marque__sous{color:var(--champagne-light)}
body.entete-sombre .entete:not(.est-fixe) .burger span{background:var(--ivoire)}

.marque{display:flex;align-items:center;gap:14px}
.marque__monogramme{width:34px;height:34px;flex:none}
.marque__texte{display:flex;flex-direction:column;line-height:1}
.marque__nom{
  font-family:var(--utilitaire);font-size:14px;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:var(--encre);
  transition:color .4s var(--transition);
}
.marque__sous{
  font-family:var(--utilitaire);font-size:9.5px;font-weight:500;
  letter-spacing:.34em;text-transform:uppercase;color:var(--champagne-deep);margin-top:6px;
  transition:color .4s var(--transition);
}

.nav-principale ul{display:flex;align-items:center;gap:clamp(18px,2.2vw,32px);list-style:none;margin:0;padding:0}
.nav-principale a{
  font-family:var(--utilitaire);font-size:12.5px;font-weight:400;
  letter-spacing:.12em;text-transform:uppercase;color:var(--encre);
  position:relative;padding:6px 0;transition:color .3s var(--transition);
}
.nav-principale a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--champagne);
  transition:width .35s var(--transition);
}
.nav-principale a:hover::after,
.nav-principale .current-menu-item > a::after,
.nav-principale .current_page_item > a::after{width:100%}
.entete__action{display:flex;align-items:center;gap:16px}
.entete__cta{
  font-family:var(--utilitaire);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  border:1px solid var(--champagne-deep);color:var(--champagne-deep);padding:11px 20px;
  transition:background .35s var(--transition),color .35s var(--transition);
}
.entete__cta:hover{background:var(--champagne-deep);color:#fff}
body.entete-sombre .entete:not(.est-fixe) .entete__cta{border-color:var(--champagne-light);color:var(--champagne-light)}
body.entete-sombre .entete:not(.est-fixe) .entete__cta:hover{background:var(--champagne-light);color:var(--encre)}

.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:0}
.burger span{display:block;width:22px;height:1.5px;background:var(--encre);transition:transform .35s var(--transition),opacity .25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.nav-mobile{
  position:fixed;inset:0;z-index:110;background:var(--encre);color:var(--ivoire);
  display:flex;flex-direction:column;justify-content:center;padding:0 var(--gouttiere);
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .4s var(--transition),transform .4s var(--transition),visibility .4s;
}
.nav-mobile.est-ouverte{opacity:1;visibility:visible;transform:none}
.nav-mobile ul{list-style:none;margin:0;padding:0}
.nav-mobile li{border-bottom:1px solid var(--filet-sombre)}
.nav-mobile a{display:block;padding:20px 0;font-family:var(--display);font-size:clamp(1.6rem,7vw,2.3rem)}
.nav-mobile__pied{margin-top:44px;font-family:var(--utilitaire);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--champagne-light)}
.nav-mobile__pied a{display:inline;font-family:inherit;font-size:inherit;padding:0}

/* =========================================================
   LA UNE  —  élément signature
   Le portrait est traité comme une couverture de magazine :
   filet champagne, titre en didone, ligne de couverture verticale.
   ========================================================= */
.une{
  position:relative;background:var(--encre);color:var(--ivoire);
  padding-top:clamp(140px,17vh,190px);padding-bottom:clamp(64px,8vw,104px);
  overflow:hidden;
}
.une::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(90% 70% at 78% 22%,rgba(198,154,78,.20),transparent 62%),
             radial-gradient(70% 60% at 8% 92%,rgba(198,154,78,.10),transparent 60%);
  pointer-events:none;
}
.une__grille{
  position:relative;display:grid;grid-template-columns:1.02fr .82fr;
  gap:clamp(36px,5vw,74px);align-items:center;
}
.une__ourlet{
  display:flex;align-items:center;gap:16px;
  font-family:var(--utilitaire);font-size:10.5px;font-weight:500;
  letter-spacing:.34em;text-transform:uppercase;color:var(--champagne-light);
  margin-bottom:clamp(22px,3vw,34px);
}
.une__ourlet span{white-space:nowrap}
.une__ourlet i{display:block;width:4px;height:4px;border-radius:50%;background:var(--champagne);flex:none}

.une__nom{
  font-family:var(--display);font-weight:400;
  font-size:clamp(2.9rem,7.6vw,6.2rem);line-height:.97;letter-spacing:-.025em;
  margin:0 0 clamp(22px,3vw,32px);
}
.une__nom em{font-style:italic;color:var(--champagne-light)}
.une__filet{height:1px;width:100%;max-width:520px;margin:0 0 clamp(22px,3vw,30px);
  background:linear-gradient(90deg,var(--champagne),rgba(198,154,78,0))}
.une__accroche{
  font-size:clamp(1.12rem,1.65vw,1.42rem);line-height:1.6;color:var(--ivoire);
  max-width:38ch;margin-bottom:22px;font-weight:300;
}
.une__texte{color:var(--gris-clair);max-width:52ch;font-size:15.5px;line-height:1.75;margin-bottom:clamp(28px,3.6vw,40px)}
.une__actions{display:flex;flex-wrap:wrap;gap:14px}

.une__couverture{position:relative;justify-self:end;width:100%;max-width:430px}
.une__cadre{position:relative;padding:12px}
.une__cadre::before{
  content:"";position:absolute;inset:0;border:1px solid rgba(198,154,78,.45);
}
.une__cadre::after{
  content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,rgba(198,154,78,0),var(--champagne-light),rgba(198,154,78,0));
}
.une__photo{position:relative;overflow:hidden;background:var(--encre-2)}
.une__photo img{width:100%;filter:saturate(.94) contrast(1.03)}
.une__ligne{
  position:absolute;top:34px;right:-14px;
  writing-mode:vertical-rl;
  font-family:var(--utilitaire);font-size:10.5px;font-weight:500;
  letter-spacing:.32em;text-transform:uppercase;color:var(--champagne-light);
  background:var(--encre);padding:14px 6px;
}
.une__legende{
  margin-top:16px;padding-left:12px;
  font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-clair);
}

/* ---------- Bandeau de chiffres ---------- */
.compteurs{border-top:1px solid var(--filet-sombre);background:var(--encre)}
.compteurs__grille{display:grid;grid-template-columns:repeat(4,1fr)}
.compteur{padding:clamp(28px,3.4vw,42px) clamp(14px,2vw,28px);border-right:1px solid var(--filet-sombre)}
.compteur:last-child{border-right:0}
.compteur__valeur{
  font-family:var(--display);font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1;
  color:var(--ivoire);font-weight:400;display:block;
}
.compteur__valeur i{font-style:normal;color:var(--champagne)}
.compteur__label{
  display:block;margin-top:12px;font-family:var(--utilitaire);font-size:10.5px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gris-clair);line-height:1.6;
}

/* ---------- Fil des plateformes ---------- */
.fil{background:var(--champagne-deep);color:#fff;overflow:hidden;padding:15px 0}
.fil__piste{display:flex;gap:0;width:max-content;animation:defile 46s linear infinite}
.fil__item{
  display:inline-flex;align-items:center;gap:16px;padding:0 26px;white-space:nowrap;
  font-family:var(--utilitaire);font-size:11.5px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;
}
.fil__item::after{content:"";width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5)}
@keyframes defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Bloc texte + image ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,5.5vw,86px);align-items:center}
.duo--inverse .duo__visuel{order:-1}
.duo__visuel{position:relative}
.duo__visuel img{width:100%;object-fit:cover}
.duo__visuel--nu::after{display:none}
.duo__visuel::after{
  content:"";position:absolute;left:-16px;bottom:-16px;width:58%;height:58%;
  border-left:1px solid var(--champagne);border-bottom:1px solid var(--champagne);pointer-events:none;
}
.duo__texte h2{margin-bottom:26px}
.duo__signature{
  margin-top:34px;display:flex;align-items:center;gap:16px;
  font-family:var(--utilitaire);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gris);
}
.duo__signature::before{content:"";width:44px;height:1px;background:var(--champagne)}

/* ---------- Citation ---------- */
.citation{border-left:2px solid var(--champagne);padding:6px 0 6px 30px;margin:38px 0}
.citation p{font-family:var(--display);font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.4;font-style:italic}

/* ---------- Plateformes ---------- */
.plateformes{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1px;background:var(--filet-sombre);border:1px solid var(--filet-sombre)}
.plateforme{
  background:var(--encre);padding:clamp(28px,3.2vw,40px);
  display:flex;flex-direction:column;gap:16px;position:relative;
  transition:background .45s var(--transition);
}
.plateforme:hover{background:var(--encre-2)}
.plateforme__haut{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.plateforme__nom{font-family:var(--display);font-size:1.7rem;line-height:1.1;color:var(--ivoire)}
.plateforme__an{font-family:var(--utilitaire);font-size:11px;letter-spacing:.2em;color:var(--champagne)}
.plateforme__zone{font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gris-clair)}
.plateforme__texte{font-size:14.5px;line-height:1.7;color:var(--gris-clair);flex:1}
.plateforme__pied{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--filet-sombre)}
.plateforme__audience{font-family:var(--display);font-size:1.15rem;color:var(--champagne-light)}
.plateforme__audience small{font-family:var(--utilitaire);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gris-clair);display:block;margin-top:4px}
.plateforme--bientot{background:linear-gradient(180deg,var(--encre-2),var(--encre))}
.etiquette{
  display:inline-flex;align-items:center;font-family:var(--utilitaire);font-size:9.5px;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--encre);background:var(--champagne-light);padding:5px 10px;
}

/* ---------- Expertises ---------- */
.offres{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,2.6vw,36px)}
.offre{
  background:var(--papier);border:1px solid var(--filet);padding:clamp(28px,3vw,40px);
  display:flex;flex-direction:column;gap:16px;position:relative;
  transition:border-color .4s var(--transition),transform .5s var(--transition),box-shadow .5s var(--transition);
}
.offre:hover{border-color:var(--champagne);transform:translateY(-4px);box-shadow:0 24px 48px -32px rgba(14,14,15,.4)}
.offre__index{font-family:var(--utilitaire);font-size:11px;letter-spacing:.24em;color:var(--champagne-deep)}
.offre h3{font-size:1.42rem;line-height:1.2}
.offre p{font-size:15px;line-height:1.72;color:var(--gris);flex:1}
.offre__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.offre__liste li{position:relative;padding-left:20px;font-size:14px;line-height:1.6;color:var(--gris)}
.offre__liste li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:1px;background:var(--champagne)}

/* ---------- Chronologie ---------- */
.chrono{position:relative;margin-top:12px}
.chrono::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--filet)}
.section--encre .chrono::before{background:var(--filet-sombre)}
.jalon{position:relative;padding:0 0 clamp(34px,3.6vw,48px) clamp(30px,4vw,56px)}
.jalon:last-child{padding-bottom:0}
.jalon::before{
  content:"";position:absolute;left:-4px;top:9px;width:9px;height:9px;border-radius:50%;
  background:var(--champagne);
}
.jalon__date{font-family:var(--utilitaire);font-size:11.5px;font-weight:500;letter-spacing:.22em;color:var(--champagne-deep);display:block;margin-bottom:9px}
.section--encre .jalon__date{color:var(--champagne-light)}
.jalon h3{font-size:1.3rem;margin-bottom:9px}
.jalon p{font-size:15px;line-height:1.72;color:var(--gris);max-width:62ch}
.section--encre .jalon p{color:var(--gris-clair)}

/* ---------- Grille de fiches (blog, événements) ---------- */
.grille-fiches{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:clamp(28px,3vw,44px)}
.fiche{display:flex;flex-direction:column;gap:16px;position:relative}
.fiche__image{overflow:hidden;background:var(--ivoire-2);aspect-ratio:3/2}
.fiche__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition)}
.fiche:hover .fiche__image img{transform:scale(1.045)}
.fiche__meta{display:flex;align-items:center;gap:12px;font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne-deep)}
.fiche__meta span+span::before{content:"·";margin-right:12px;color:var(--gris)}
.fiche h3{font-size:1.35rem;line-height:1.22;transition:color .3s var(--transition)}
.fiche:hover h3{color:var(--champagne-deep)}
.fiche p{font-size:14.5px;line-height:1.7;color:var(--gris)}
.fiche__lien::after{content:"";position:absolute;inset:0}
.section--encre .fiche h3{color:var(--ivoire)}
.section--encre .fiche p{color:var(--gris-clair)}
.section--encre .fiche__meta{color:var(--champagne-light)}
.section--encre .fiche:hover h3{color:var(--champagne-light)}

/* ---------- Galerie ---------- */
.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.galerie a,.galerie figure{margin:0;position:relative;overflow:hidden;background:var(--ivoire-2);aspect-ratio:4/3}
.galerie img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--transition),filter .5s}
.galerie a:hover img{transform:scale(1.05)}
.galerie figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:16px;
  background:linear-gradient(0deg,rgba(14,14,15,.86),transparent);
  color:var(--ivoire);font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
}

/* ---------- Kit presse ---------- */
.kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--filet);border:1px solid var(--filet)}
.kit__bloc{background:var(--papier);padding:clamp(24px,2.6vw,34px)}
.kit__bloc h3{font-size:1.15rem;margin-bottom:12px}
.kit__bloc p{font-size:14.5px;color:var(--gris);line-height:1.7}

/* ---------- Article ---------- */
.article-une{padding-top:clamp(130px,15vh,180px);padding-bottom:clamp(34px,4vw,54px)}
.article-corps{font-size:18px;line-height:1.85;color:#1B1B1E}
.article-corps h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:2em 0 .7em}
.article-corps h3{font-size:clamp(1.2rem,1.9vw,1.45rem);margin:1.7em 0 .6em}
.article-corps a{color:var(--champagne-deep);border-bottom:1px solid rgba(142,98,36,.35)}
.article-corps a:hover{border-color:var(--champagne-deep)}
.article-corps blockquote{margin:2em 0;padding-left:28px;border-left:2px solid var(--champagne);font-family:var(--display);font-style:italic;font-size:1.3rem;line-height:1.45}
.article-corps img,.article-corps figure{margin:2.2em 0}
.article-corps figcaption{font-family:var(--utilitaire);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-top:10px}
.article-corps ul,.article-corps ol{padding-left:22px;margin:0 0 1.4em}
.article-corps li{margin-bottom:.55em}
.article-corps hr{border:0;height:1px;background:var(--filet);margin:2.6em 0}

.article-pied{margin-top:clamp(48px,5vw,72px);padding-top:34px;border-top:1px solid var(--filet);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.partage{display:flex;align-items:center;gap:14px;font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.partage a{border:1px solid var(--filet);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s,color .3s}
.partage a:hover{border-color:var(--encre);background:var(--encre);color:var(--ivoire)}
.partage svg{width:15px;height:15px}

.pagination{display:flex;gap:10px;flex-wrap:wrap;margin-top:clamp(44px,5vw,68px);font-family:var(--utilitaire);font-size:12px;letter-spacing:.14em}
.pagination .page-numbers{padding:11px 16px;border:1px solid var(--filet);transition:border-color .3s,background .3s,color .3s}
.pagination .current,.pagination .page-numbers:hover{background:var(--encre);color:var(--ivoire);border-color:var(--encre)}

/* ---------- Formulaire ---------- */
.formulaire{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.champ{display:flex;flex-direction:column;gap:9px}
.champ--large{grid-column:1/-1}
.champ label{font-family:var(--utilitaire);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.champ input,.champ textarea,.champ select{
  font-family:var(--texte);font-size:15.5px;color:var(--encre);
  background:transparent;border:0;border-bottom:1px solid var(--filet);
  padding:13px 2px;transition:border-color .3s var(--transition);width:100%;
}
.champ textarea{min-height:140px;resize:vertical;line-height:1.7}
.champ input:focus,.champ textarea:focus,.champ select:focus{outline:0;border-color:var(--champagne)}
.pot-a-miel{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.message-formulaire{padding:16px 20px;border-left:2px solid var(--champagne);background:var(--ivoire);font-size:15px;margin-bottom:28px}
.message-formulaire--erreur{border-color:#B4462F}

.coordonnees{display:flex;flex-direction:column;gap:26px}
.coordonnee__label{font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--champagne-deep);display:block;margin-bottom:8px}
.coordonnee__valeur{font-family:var(--display);font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.3}
.coordonnee__valeur a:hover{color:var(--champagne-deep)}

/* ---------- Appel final ---------- */
.appel{position:relative;background:var(--encre);color:var(--ivoire);overflow:hidden}
.appel::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(60% 90% at 50% 0%,rgba(198,154,78,.20),transparent 65%);
}
.appel__contenu{position:relative;text-align:center;max-width:760px;margin:0 auto}
.appel .rubrique{justify-content:center}
.appel .rubrique::after{max-width:60px}
.appel h2{margin-bottom:24px}
.appel .chapeau{margin:0 auto 36px;color:var(--gris-clair)}
.appel__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---------- Pied de page ---------- */
.pied{background:var(--encre-2);color:var(--ivoire);padding-top:clamp(58px,6vw,86px);padding-bottom:34px}
.pied__grille{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(32px,4vw,64px);padding-bottom:clamp(38px,4vw,58px);border-bottom:1px solid var(--filet-sombre)}
.pied__signature{font-family:var(--display);font-size:1.9rem;line-height:1.15;margin-bottom:16px}
.pied p{font-size:14.5px;color:var(--gris-clair);line-height:1.75;max-width:44ch}
.pied h4{font-family:var(--utilitaire);font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--champagne-light);margin-bottom:20px}
.pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.pied ul a{font-size:14.5px;color:var(--gris-clair);transition:color .3s}
.pied ul a:hover{color:var(--champagne-light)}
.pied__bas{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;padding-top:26px;font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.pied__reseaux{display:flex;gap:12px}
.pied__reseaux a{width:36px;height:36px;border:1px solid var(--filet-sombre);display:inline-flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s,color .3s}
.pied__reseaux a:hover{border-color:var(--champagne);background:var(--champagne);color:var(--encre)}
.pied__reseaux svg{width:15px;height:15px}

/* ---------- Bandeau de page intérieure ---------- */
.bandeau{background:var(--encre);color:var(--ivoire);padding-top:clamp(140px,17vh,196px);padding-bottom:clamp(56px,6vw,92px);position:relative;overflow:hidden}
.bandeau::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 82% 20%,rgba(198,154,78,.16),transparent 62%)}
.bandeau__contenu{position:relative;max-width:800px}
.bandeau h1{margin-bottom:22px}
.bandeau .chapeau{color:var(--gris-clair)}
.fil-ariane{font-family:var(--utilitaire);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--champagne-light);margin-bottom:22px}
.fil-ariane a:hover{color:var(--ivoire)}

/* ---------- Révélation ---------- */
.reveler{opacity:0;transform:translateY(22px);transition:opacity .9s var(--transition),transform .9s var(--transition)}
.reveler.est-visible{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .nav-principale{display:none}
  .burger{display:flex}
  .une__grille{grid-template-columns:1fr;gap:44px}
  .une__couverture{justify-self:start;max-width:360px}
  .compteurs__grille{grid-template-columns:repeat(2,1fr)}
  .compteur:nth-child(2n){border-right:0}
  .compteur:nth-child(-n+2){border-bottom:1px solid var(--filet-sombre)}
  .pied__grille{grid-template-columns:1fr 1fr}
  .pied__grille > :first-child{grid-column:1/-1}
}
@media (max-width:860px){
  .entete__cta{display:none}
  .duo{grid-template-columns:1fr;gap:36px}
  .duo--inverse .duo__visuel{order:0}
  .formulaire{grid-template-columns:1fr}
  .article-pied{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  body{font-size:16px}
  .une__ourlet{flex-wrap:wrap;gap:10px;letter-spacing:.24em}
  .une__ligne{display:none}
  .compteurs__grille{grid-template-columns:1fr}
  .compteur{border-right:0;border-bottom:1px solid var(--filet-sombre)}
  .compteur:last-child{border-bottom:0}
  .pied__grille{grid-template-columns:1fr}
  .galerie{grid-template-columns:1fr 1fr;gap:10px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveler{opacity:1;transform:none}
  .fil__piste{animation:none}
}

@media print{
  .entete,.nav-mobile,.fil,.appel,.pied__reseaux{display:none}
  body{color:#000;background:#fff}
}
