@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500&family=Italiana&display=swap");

/* Police Senlot locale */
@font-face {
  font-family: "Senlot";
  src: url("Senlot_Serif_Norm_Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root{
  --cr:#FAF8F5;         /* fond crème */
  --cr2:#F2EBE3;        /* fond alt */
  --nt:#E8DDD0;         /* neutre beige */
  --ntd:#D5C8B8;        /* neutre foncé */
  --pr:#D4845A;         /* terracotta */
  --prd:#B86740;        /* terracotta dark */
  --prl:#EDAC86;        /* terracotta light */
  --sg:#B5CFC4;         /* sauge clair — navbar et bandeaux */
  --sgd:#5E8A72;        /* sauge foncé — footer, hover */
  --sgl:#D8EBE5;        /* sauge très clair */
  --pp:#F08070;         /* peach pink */
  --ppd:#D96650;        /* peach dark hover */
  --tx:#2C2C2C;         /* texte */
  --txm:#5C5652;        /* texte moyen */
  --txl:#9E9A96;        /* texte clair */
  --bd:rgba(212,132,90,.15);
  --logo:"Senlot","Italiana",Georgia,serif;  /* police logo */
  --ff:"Lora",Georgia,serif;
  --fs:"DM Sans",system-ui,sans-serif;
  --nh:70px;--mx:1200px;--px:clamp(20px,5vw,80px);--sv:clamp(60px,7.5vw,112px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--fs);background:var(--cr);color:var(--tx);overflow-x:hidden;font-weight:300;width:100%;max-width:100vw}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit;border:none;background:none}
p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}

/* ── TYPOGRAPHIE ── */
.eye{font-family:var(--fs);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--pr)}
.rule{display:block;width:36px;height:.5px;background:var(--pr);opacity:.45;margin:12px 0}
.rule.c{margin-left:auto;margin-right:auto}
h1,h2,h3,h4{font-family:var(--ff);font-weight:400;line-height:1.08;color:var(--tx)}
h1{font-size:clamp(38px,5.5vw,72px)}
h2{font-size:clamp(26px,3.8vw,46px)}
h3{font-size:clamp(20px,2.5vw,30px);line-height:1.24}
h4{font-size:clamp(16px,2vw,20px);line-height:1.36}
.lead{font-family:var(--fs);font-size:clamp(14px,1.6vw,16px);line-height:1.88;color:var(--txm);font-weight:300;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.sm{font-size:13px;line-height:1.8;color:var(--txm);font-weight:300;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.cap{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--txl);font-weight:300}

/* ── LAYOUT ── */
.w{max-width:var(--mx);margin:0 auto;padding:0 var(--px)}
.sec{padding:var(--sv) var(--px)}
.sec-sm{padding:clamp(40px,5vw,68px) var(--px)}

/* ── BOUTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fs);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:13px 28px;border-radius:2px;transition:all .26s ease;cursor:pointer;white-space:nowrap;text-decoration:none}
.bp{background:var(--pr);color:var(--cr)}.bp:hover{background:var(--prd);transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,132,90,.28)}
.bo{background:transparent;color:var(--pr);border:1px solid var(--pr)}.bo:hover{background:var(--pr);color:var(--cr)}
.bnt{background:transparent;color:var(--tx);border:1px solid var(--ntd)}.bnt:hover{background:var(--tx);color:var(--cr)}
.bw{background:transparent;color:var(--cr);border:1px solid rgba(250,248,245,.5)}.bw:hover{background:rgba(250,248,245,.1)}
.bpp{background:var(--pp);color:#fff}.bpp:hover{background:var(--ppd);transform:translateY(-1px);box-shadow:0 6px 20px rgba(240,128,112,.35)}

/* ── NAV ── sauge pastel solide, contraste garanti */
nav#n{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nh);background:#B5CFC4;border-bottom:1px solid #9BBDB1;transition:box-shadow .3s}
nav#n.sc{box-shadow:0 2px 24px rgba(44,44,44,.15)}
.ni{max-width:var(--mx);margin:0 auto;padding:0 var(--px);height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lw{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0;text-decoration:none}
.logo-svg{width:54px;height:27px;flex-shrink:0}
.lt{display:flex;flex-direction:column;line-height:1}
/* Nom du logo en Senlot, blanc pur pour se détacher du sauge */
.ln{font-family:"Senlot","Italiana",Georgia,serif;font-size:21px;font-weight:400;color:var(--tx);letter-spacing:.04em}
.ls{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--pp);margin-top:4px;font-weight:300}
.nl{display:flex;align-items:center;gap:clamp(14px,2.5vw,34px)}
.nk{font-size:11px;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--txm);cursor:pointer;transition:color .2s;position:relative;padding-bottom:2px;text-decoration:none}
.nk::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .24s}
.nk:hover{color:var(--tx)}.nk:hover::after,.nk.on::after{transform:scaleX(1)}.nk.on{color:var(--tx)}
/* Bouton CTA nav en peach pink — contraste fort sur sauge */
nav .btn.bp{background:var(--pp);color:#fff;border:none}
nav .btn.bp:hover{background:var(--ppd);box-shadow:0 4px 16px rgba(240,128,112,.4);transform:translateY(-1px)}
.hm{display:none;flex-direction:column;gap:5px;padding:6px;cursor:pointer}
.hb{width:22px;height:1px;background:var(--tx);transition:all .3s;display:block}
.mm{display:none;position:fixed;top:var(--nh);left:0;right:0;bottom:0;background:var(--cr);z-index:999;flex-direction:column;padding:44px var(--px);overflow-y:auto}
.mm.op{display:flex}
.mk{font-family:var(--ff);font-size:clamp(26px,5vw,38px);color:var(--tx);padding:16px 0;border-bottom:.5px solid var(--nt);cursor:pointer;font-weight:400;text-decoration:none;display:block;transition:color .2s}
.mk:hover{color:var(--sg)}
.mm .btn{margin-top:36px;width:100%;justify-content:center;padding:16px}
@media(max-width:768px){.hm{display:flex}.nl{display:none}}

/* ── EN-TÊTE PAGES internes : fond sauge pastel ── */
.ph{background:var(--sg) !important;padding:clamp(56px,7.5vw,100px) var(--px);text-align:center;position:relative;overflow:hidden}
.ph::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);pointer-events:none}
.ph .eye{margin-bottom:10px;color:var(--pp) !important}
.ph h1{font-size:clamp(32px,5vw,58px);color:#fff !important;font-weight:400;font-style:italic;margin:10px 0;line-height:1.1}
.ph p{color:rgba(255,255,255,.8) !important;font-size:14px;max-width:460px;margin:0 auto;font-weight:300;line-height:1.82;text-align:center}
.ph .rule{margin:10px auto 14px;background:rgba(255,255,255,.4) !important;opacity:1 !important}

/* ── LH section heading ── */
.lh{margin-bottom:clamp(32px,5vw,56px)}
.lh.c{text-align:center}.lh.c .rule{margin-left:auto;margin-right:auto}.lh.c p{margin-left:auto;margin-right:auto;text-align:center}
.lh.lgt .eye{color:rgba(250,248,245,.6)}.lh.lgt h2{color:var(--cr)}.lh.lgt p{color:rgba(250,248,245,.65);text-align:center}
.lh.sglt .eye{color:var(--pp)}.lh.sglt .rule{background:var(--pp);opacity:.7}.lh.sglt h2{color:#fff}.lh.sglt p{color:rgba(255,255,255,.8);text-align:center}
.lh p{margin-top:10px;max-width:520px;font-size:15px;line-height:1.82;color:var(--txm)}

/* ═══════════════════════ HERO ══════════════════════════ */
.hero{background:var(--cr);display:grid;grid-template-columns:1fr 1fr}
@media(max-width:768px){.hero{grid-template-columns:1fr;min-height:auto}}
.hl{padding:clamp(48px,7vw,88px) clamp(20px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;min-height:55vh}
.h-eye{font-size:10px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--pp);font-family:var(--fs);margin-bottom:20px}
.h1t{font-family:var(--ff);font-weight:400;font-style:italic;font-size:clamp(42px,5.8vw,72px);color:var(--tx);line-height:1.02;margin-bottom:6px}
.h1t span{color:var(--pr)}
.h-sub{font-size:clamp(13px,1.5vw,15px);color:var(--txm);line-height:1.9;max-width:360px;margin-bottom:30px;font-weight:300;font-family:var(--fs);text-align:left}
.h-ctas{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:420px){.h-ctas{flex-direction:column}.h-ctas .btn{justify-content:center}}
.h-div{height:1px;background:var(--sgl);margin:clamp(28px,4.5vw,52px) 0 22px}
.h-stats{display:flex;gap:clamp(20px,4.5vw,48px)}
.hs-n{font-family:var(--ff);font-size:clamp(22px,3vw,36px);color:var(--pp);font-weight:400;line-height:1}
.hs-l{font-size:10px;color:var(--txl);margin-top:5px;letter-spacing:.12em;text-transform:uppercase;font-weight:300}
.hr{position:relative;overflow:hidden;background:var(--nt);min-height:55vh}
@media(max-width:768px){.hr{height:68vw;min-height:280px}}
.hr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.hr-deco{position:absolute;top:24px;left:24px;background:rgba(250,248,245,.92);border:.5px solid var(--bd);border-radius:2px;padding:14px 18px}
.hr-deco-n{font-family:var(--ff);font-size:20px;color:var(--tx);font-weight:400}
.hr-deco-l{font-size:9px;color:var(--txl);letter-spacing:.14em;text-transform:uppercase;margin-top:3px}
@media(max-width:480px){.hr-deco{display:none}}

/* ── TRUST BAR — fond peach pink pastel, très visible ── */
.tb{background:rgba(240,128,112,.10);border-top:2px solid rgba(240,128,112,.25);border-bottom:1px solid rgba(240,128,112,.15);padding:26px var(--px)}
.ti-g{max-width:var(--mx);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ti{display:flex;align-items:center;gap:11px}
.ti-ic{width:32px;height:32px;background:rgba(240,128,112,.15);border-radius:50%;border:1px solid rgba(240,128,112,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* SVG icônes trust bar en peach */
.ti-ic svg{stroke:var(--pp) !important}
.ti-tx{font-size:12.5px;color:var(--txm);font-weight:300;line-height:1.42;text-align:left}
@media(max-width:860px){.ti-g{grid-template-columns:1fr 1fr;gap:18px 24px}}
@media(max-width:420px){.ti-g{grid-template-columns:1fr;max-width:280px;margin:0 auto;gap:15px}}

/* ── APPROCHE ── */
.ap-g{display:grid;grid-template-columns:40% 1fr;gap:clamp(36px,5.5vw,80px);align-items:start}
@media(max-width:768px){.ap-g{grid-template-columns:1fr}}
.ap-img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:2px}
.ap-caption{margin-top:12px;text-align:center}
.ap-caption .cap{color:var(--pp)}
.ap-c .lead{margin-bottom:14px}
.pils{display:flex;flex-direction:column;gap:22px;margin-top:28px}
.pil{display:flex;gap:14px;align-items:flex-start}
/* Tous les numéros en peach pink — choix tranché, du peps */
.pil-n{font-family:var(--ff);font-size:32px;color:var(--pp);opacity:.7;line-height:1;width:40px;flex-shrink:0;font-style:italic}
.pil h4{font-size:17px;color:var(--tx);margin-bottom:5px;font-family:var(--ff)}
.pil p{font-size:13.5px;color:var(--txm);line-height:1.78;font-weight:300;text-align:justify;hyphens:auto;-webkit-hyphens:auto}

/* ── TÉMOIGNAGES ── fond sauge pastel, cartes crème ── */
.temo{background:var(--sg)}
.temo-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.temo-g{grid-template-columns:1fr}}
@media(min-width:601px) and (max-width:900px){.temo-g{grid-template-columns:1fr 1fr}}
.tc{background:var(--cr);border:.5px solid var(--ntd);border-radius:2px;padding:28px 24px}
.tc-q{font-family:var(--ff);font-size:40px;color:var(--sg);line-height:.8;margin-bottom:12px;opacity:.55}
.tc-txt{font-size:13.5px;color:var(--txm);line-height:1.82;margin-bottom:16px;font-weight:300;font-style:italic;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.tc-stars{display:flex;gap:3px;margin-bottom:8px}
.tc-star{color:var(--pp);font-size:13px}
.tc-name{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--txl);font-weight:300}

/* ── CARDS BLOG ── */
.bc{border:.5px solid var(--ntd);border-radius:2px;overflow:hidden;background:var(--cr);transition:all .26s ease;display:flex;flex-direction:column}
.bc:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(44,44,44,.09)}
.bc-img{width:100%;aspect-ratio:16/10;object-fit:cover;flex-shrink:0}
.bc-ph{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,var(--nt),var(--cr2));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bc-ph span{font-family:var(--ff);font-size:13px;color:var(--txl);font-style:italic;text-align:center;padding:18px;line-height:1.6}
.bc-body{padding:22px 24px;flex:1;display:flex;flex-direction:column}
.bc-tag{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--sg);margin-bottom:9px;font-weight:400}
.bc-title{font-family:var(--ff);font-size:20px;color:var(--tx);line-height:1.24;margin-bottom:9px;font-weight:400;text-align:left}
.bc-ex{font-size:13px;color:var(--txm);line-height:1.74;font-weight:300;flex:1;margin-bottom:16px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.bc-lk{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--pp);font-weight:400;transition:opacity .2s;display:inline-block;text-decoration:none}
.bc-lk:hover{opacity:.65}
.bg3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.bg3{grid-template-columns:1fr}}
@media(min-width:601px) and (max-width:900px){.bg3{grid-template-columns:1fr 1fr}}

/* ── CTA SECTION (terracotta) ── */
.ctab{background:var(--pr);padding:clamp(60px,7.5vw,100px) var(--px);text-align:center}
.ctab h2{color:var(--cr);font-weight:400;margin-bottom:12px;font-style:italic}
.ctab p{color:rgba(250,248,245,.85);font-size:14px;max-width:400px;margin:0 auto 30px;font-weight:300;line-height:1.82;text-align:center}
.ctab .eye{color:rgba(255,255,255,.7);margin-bottom:10px}
.ctab .rule{background:rgba(250,248,245,.4);margin:10px auto 14px}

/* ═══════════════════════ COACHING ══════════════════════════ */
.pg-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.pg-g{grid-template-columns:1fr}}
@media(min-width:601px) and (max-width:900px){.pg-g{grid-template-columns:1fr 1fr}}
.pc{background:var(--cr);border:.5px solid var(--ntd);border-radius:2px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;position:relative;transition:box-shadow .24s}
.pc:hover{box-shadow:0 8px 36px rgba(44,44,44,.08)}
.pc.ft{border-color:var(--pp)}
.pc-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--pp);color:#fff;font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:5px 18px;border-radius:20px;white-space:nowrap;font-weight:400}
.pc-type{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sg);margin-bottom:12px;font-weight:400}
.pc h3{font-size:clamp(20px,2.5vw,26px);line-height:1.16;margin-bottom:9px}
.pc p{font-size:13px;color:var(--txm);line-height:1.78;margin-bottom:20px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.pc-ul{list-style:none;display:flex;flex-direction:column;gap:9px;border-top:.5px solid var(--nt);padding-top:16px;margin-bottom:20px;flex:1}
.pc-ul li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--tx);line-height:1.5;font-weight:300;text-align:left}
.pc-ul svg{flex-shrink:0;margin-top:2px}
.pc-pl{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--txl);margin-bottom:5px}
.pc-price{font-family:var(--ff);font-size:clamp(20px,2.8vw,28px);color:var(--tx);margin-bottom:4px}
.pc-ps{font-size:12px;color:var(--txl);margin-bottom:18px;font-weight:300;text-align:left}
.dif-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,3vw,30px)}
@media(max-width:600px){.dif-g{grid-template-columns:1fr}}
.dif{display:flex;gap:14px}
.dif-ic{width:38px;height:38px;background:rgba(94,138,114,.12);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:.5px solid rgba(94,138,114,.35)}
.dif-ic svg{stroke:var(--sgd) !important;color:var(--sgd)}
.dif h4{font-size:17px;margin-bottom:5px;font-family:var(--ff)}
.dif p{font-size:13px;color:var(--txm);line-height:1.74;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.fql{display:flex;flex-direction:column;gap:2px}
.fq{border:.5px solid var(--ntd);border-radius:2px;overflow:hidden}
.fq-q{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;cursor:pointer;font-size:14px;color:var(--tx);font-weight:300;background:var(--cr);transition:background .2s;gap:14px;text-align:left}
.fq-q:hover{background:var(--cr2)}
.fq-arr{flex-shrink:0;transition:transform .24s;color:var(--sg)}
.fq-a{display:none;padding:0 20px 16px;font-size:13.5px;color:var(--txm);line-height:1.82;font-weight:300;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.fq.op .fq-a{display:block}.fq.op .fq-arr{transform:rotate(180deg)}

/* ═══════════════════════ À PROPOS ══════════════════════════ */
.ab-g{display:grid;grid-template-columns:38% 1fr;gap:clamp(36px,5.5vw,76px);align-items:start}
@media(max-width:768px){.ab-g{grid-template-columns:1fr}}
.ab-img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:2px}
.ab-badge{background:var(--nt);border:.5px solid var(--ntd);border-radius:2px;padding:14px 18px;margin-top:14px}
.ab-bn{font-family:var(--ff);font-size:22px;color:var(--tx)}
.ab-bl{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--txl);margin-top:3px}
.ab-c .lead{margin-bottom:14px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.tl{display:flex;flex-direction:column;gap:17px;margin-top:26px}
.tli{display:flex;gap:14px}
.tl-y{font-family:var(--ff);font-size:14px;color:var(--sg);flex-shrink:0;width:44px;padding-top:2px;font-style:italic}
.tl-b{border-left:1.5px solid var(--sgl);padding-left:16px;padding-bottom:10px}
.tl-b h5{font-family:var(--ff);font-size:15px;font-weight:400;color:var(--tx);margin-bottom:4px}
.tl-b p{font-size:12.5px;color:var(--txm);line-height:1.65;text-align:left;hyphens:none}
.val-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.val-g{grid-template-columns:1fr}}
@media(min-width:601px) and (max-width:900px){.val-g{grid-template-columns:1fr 1fr}}
.vc{background:var(--cr);border:.5px solid var(--ntd);border-radius:2px;padding:26px 22px}
.vc-n{font-family:var(--ff);font-size:38px;color:var(--pp);opacity:.4;line-height:1;margin-bottom:10px;font-style:italic}
.vc h4{font-size:19px;margin-bottom:7px;font-family:var(--ff)}
.vc p{font-size:13px;color:var(--txm);line-height:1.78;text-align:justify;hyphens:auto;-webkit-hyphens:auto}

/* ═══════════════════════ BLOG ══════════════════════════ */
.bf-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,68px);align-items:center;margin-bottom:56px}
@media(max-width:768px){.bf-g{grid-template-columns:1fr}}
.bf-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.bf-c h2{font-size:clamp(22px,3.2vw,34px);margin:10px 0 13px;font-style:italic}
.bf-c p{font-size:14px;color:var(--txm);line-height:1.84;margin-bottom:20px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.nl-b{background:rgba(143,181,160,.1);border:.5px solid rgba(143,181,160,.3);border-radius:2px;padding:clamp(28px,4.5vw,48px);text-align:center;max-width:520px;margin:56px auto 0}
.nl-b h3{font-family:var(--ff);font-size:clamp(20px,2.8vw,26px);color:var(--tx);margin-bottom:8px}
.nl-b p{font-size:13px;color:var(--txm);margin-bottom:22px;text-align:center}
.nl-f{display:flex;gap:10px;max-width:380px;margin:0 auto;flex-wrap:wrap}
.nl-i{flex:1;min-width:160px;border:.5px solid var(--ntd);border-radius:2px;padding:12px 14px;font-family:var(--fs);font-size:13px;color:var(--tx);background:var(--cr);outline:none;transition:border-color .2s;font-weight:300}
.nl-i:focus{border-color:var(--sg)}
.nl-i::placeholder{color:var(--txl)}

/* ═══════════════════════ ARTICLES ══════════════════════════ */
.art-hero{position:relative;height:clamp(260px,38vw,460px);overflow:hidden}
.art-hi{width:100%;height:100%;object-fit:cover;object-position:center}
.art-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(44,44,44,.7) 0%,rgba(44,44,44,.3) 50%,rgba(44,44,44,.05) 100%)}
.art-hm{position:absolute;bottom:clamp(22px,5vw,48px);left:0;right:0;padding:0 var(--px)}
.art-back{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,248,245,.5);cursor:pointer;margin-bottom:12px;font-weight:300;transition:color .2s;border:none;background:none;font-family:var(--fs);text-decoration:none}
.art-back:hover{color:var(--sgl)}
.art-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sgl);font-weight:300;margin-bottom:9px}
.art-ttl{font-family:var(--ff);font-size:clamp(24px,4vw,48px);color:#FAF8F5;font-weight:400;max-width:640px;line-height:1.1;font-style:italic}
.art-date{font-size:11px;color:rgba(250,248,245,.4);margin-top:10px;letter-spacing:.06em;font-weight:300}
.art-body{max-width:680px;margin:0 auto;padding:clamp(40px,6vw,84px) var(--px)}
.intro{font-family:var(--ff);font-size:clamp(16px,2.2vw,20px);color:var(--tx);line-height:1.68;margin-bottom:34px;font-weight:400;font-style:italic;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.art-body h3{font-family:var(--ff);font-size:clamp(18px,2.4vw,24px);color:var(--tx);margin:34px 0 12px}
.art-body p{font-size:14.5px;color:var(--txm);line-height:1.9;margin-bottom:16px;font-weight:300;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.art-pq{border-left:2px solid var(--sg);padding:16px 22px;margin:28px 0;background:rgba(143,181,160,.07)}
.art-pq p{font-family:var(--ff);font-size:clamp(16px,2.1vw,18px);color:var(--tx);font-style:italic;margin:0;line-height:1.62;text-align:left;hyphens:none}
.art-author{display:flex;gap:14px;align-items:center;border-top:.5px solid var(--ntd);padding-top:26px;margin-top:36px}
.art-aimg{width:50px;height:50px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0}
.art-author h5{font-family:var(--ff);font-size:16px;color:var(--tx);font-weight:400;margin-bottom:3px}
.art-author p{font-size:12px;color:var(--txm);font-weight:300;margin:0;text-align:left;hyphens:none}
.art-cta{background:rgba(143,181,160,.1);border:.5px solid rgba(143,181,160,.3);border-radius:2px;padding:clamp(26px,4vw,42px);text-align:center;margin-top:44px}
.art-cta h4{font-family:var(--ff);font-size:clamp(19px,2.5vw,24px);margin-bottom:8px}
.art-cta p{font-size:13px;color:var(--txm);margin-bottom:20px;text-align:center;hyphens:none}

/* ═══════════════════════ CONTACT ══════════════════════════ */
.ct-g{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(34px,5.5vw,76px)}
@media(max-width:768px){.ct-g{grid-template-columns:1fr}}
.cm{display:flex;align-items:center;gap:13px;padding:13px 15px;background:var(--cr);border:.5px solid var(--ntd);border-radius:2px;margin-bottom:10px;transition:border-color .2s;text-decoration:none;color:inherit}
.cm:hover{border-color:var(--sg)}
.cm-ic{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(143,181,160,.15);border:.5px solid rgba(143,181,160,.3)}
.cm-n{font-size:12.5px;font-weight:400;color:var(--tx);margin-bottom:2px;text-align:left}
.cm-v{font-size:12px;color:var(--txm);font-weight:300;text-align:left}
.cf{background:var(--cr);border:.5px solid var(--ntd);border-radius:2px;padding:clamp(24px,4vw,40px)}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:480px){.fr{grid-template-columns:1fr}}
.fg{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}
.fg label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--txl);font-weight:300}
.fg input,.fg select,.fg textarea{border:.5px solid var(--ntd);border-radius:2px;padding:11px 14px;font-family:var(--fs);font-size:13px;color:var(--tx);background:var(--cr2);outline:none;transition:border-color .2s;-webkit-appearance:none;width:100%;font-weight:300}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--sg)}
.fg input::placeholder,.fg textarea::placeholder{color:var(--txl)}
.fg textarea{resize:vertical;min-height:124px}
.soc-r{display:flex;gap:10px;margin-top:20px}
.sb{width:35px;height:35px;border-radius:50%;border:.5px solid var(--ntd);display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;background:var(--cr);text-decoration:none}
.sb:hover{background:var(--sg);border-color:var(--sg)}
#fok,#dok{display:none;text-align:center;padding:13px;background:rgba(143,181,160,.12);border:.5px solid rgba(143,181,160,.3);border-radius:2px;margin-top:12px}
#fok p,#dok p{text-align:center;hyphens:none}

/* ═══════════════════════ DÉCOUVERTE ══════════════════════════ */
.dc-s{background:var(--nt);padding:clamp(60px,7.5vw,100px) var(--px)}
.dc-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5.5vw,76px);align-items:start}
@media(max-width:768px){.dc-g{grid-template-columns:1fr}}
.dc-h{font-family:var(--ff);font-size:clamp(32px,5vw,56px);color:var(--tx);font-weight:400;font-style:italic;line-height:1.08;margin-bottom:16px}
.dc-sub{font-size:14px;color:var(--txm);line-height:1.88;margin-bottom:26px;font-weight:300;text-align:left}
.dc-ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px}
.dc-ul li{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--txm);font-weight:300;line-height:1.5}
.dc-ul li::before{content:"";width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid var(--sg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238FB5A0' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center/8px}
.dc-fb{background:var(--cr);border:.5px solid var(--ntd);border-radius:2px;padding:clamp(24px,4vw,40px)}
.dc-fb h3{font-family:var(--ff);font-size:clamp(19px,2.5vw,24px);color:var(--tx);margin-bottom:6px}
.dc-fb p{font-size:13px;color:var(--txm);margin-bottom:20px;text-align:left;hyphens:none}
.pr-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,3.5vw,44px)}
@media(max-width:900px){.pr-g{grid-template-columns:1fr}}
@media(min-width:601px) and (max-width:900px){.pr-g{grid-template-columns:1fr 1fr}}
.pr{text-align:center;padding:clamp(14px,2.5vw,26px)}
.pr-n{font-family:var(--ff);font-size:46px;color:var(--pp);opacity:.45;line-height:1;margin-bottom:9px;font-style:italic}
.pr h4{font-size:18px;margin-bottom:7px;font-family:var(--ff)}
.pr p{font-size:13px;color:var(--txm);line-height:1.74;text-align:center;hyphens:none}

/* ═══════════════════════ FOOTER — sauge foncé, chaleureux ══════════════════════════ */
footer{background:var(--sgd);padding:clamp(48px,6vw,84px) var(--px) 24px}
.ft-t{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:clamp(20px,4vw,44px);margin-bottom:44px}
@media(max-width:900px){.ft-t{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ft-t{grid-template-columns:1fr;gap:28px}}
.ft-ln{font-family:"Senlot","Italiana",Georgia,serif;font-size:19px;font-weight:400;color:#fff}
.ft-ls{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--pp);margin-top:3px;opacity:.8}
.ft-tag{font-size:13px;color:rgba(255,255,255,.5);line-height:1.72;margin-top:13px;font-weight:300;max-width:210px;text-align:left;hyphens:none}
.ft-c h5{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:14px;font-weight:300}
.ft-c ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft-c ul li a,.ft-c ul li span{font-size:13px;color:rgba(255,255,255,.5);font-weight:300;cursor:pointer;transition:color .2s;text-decoration:none}
.ft-c ul li a:hover,.ft-c ul li span:hover{color:#fff}
.ft-bot{border-top:.5px solid rgba(255,255,255,.15);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.ft-copy{font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.04em}
.ft-soc{display:flex;gap:10px}
.fs{width:29px;height:29px;border-radius:50%;border:.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;text-decoration:none}
.fs:hover{border-color:var(--pp);background:rgba(240,128,112,.2)}

/* ── FLOTTANTS ── */
#waf{position:fixed;bottom:24px;right:24px;z-index:900;width:50px;height:50px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.32);transition:transform .2s;text-decoration:none}
#waf:hover{transform:scale(1.08)}
#sct{position:fixed;bottom:86px;right:24px;z-index:900;width:37px;height:37px;background:var(--cr);border:.5px solid var(--ntd);border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(44,44,44,.1);transition:all .2s}
#sct.vi{display:flex}
#sct:hover{background:var(--sg);border-color:var(--sg)}
#ck{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:2000;width:calc(100% - 30px);max-width:580px;background:var(--sgd);border:.5px solid rgba(255,255,255,.15);border-radius:2px;padding:17px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 8px 36px rgba(0,0,0,.15)}
.ck-t{flex:1;font-size:12px;color:rgba(255,255,255,.55);line-height:1.62;font-weight:300;min-width:180px;text-align:left;hyphens:none}
.ck-b{display:flex;gap:10px;flex-shrink:0}
.cok{background:var(--pp);color:#fff;font-size:11px;padding:9px 18px;border-radius:2px;border:none;cursor:pointer;font-family:var(--fs);letter-spacing:.05em}
.cno{background:transparent;color:rgba(255,255,255,.4);font-size:11px;padding:9px;border:none;cursor:pointer;font-family:var(--fs)}
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.fu{opacity:0;animation:fu .62s ease forwards}
.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}

@media(max-width:480px){
  footer{padding:clamp(36px,6vw,60px) clamp(16px,5vw,32px) 20px}
  .ft-bot{flex-direction:column;align-items:flex-start;gap:10px}
  .ft-t{padding:0}
}
@media(max-width:360px){
  :root{--px:16px}
  footer{padding:32px 16px 20px}
}
/* ═══════════════════ ANIMATIONS ═══════════════════ */

/* Fade-in au scroll */
.anim{opacity:0;transform:translateY(28px);transition:opacity 1.6s ease,transform 1.6s ease}
.anim.vis{opacity:1;transform:translateY(0)}
.anim-l{opacity:0;transform:translateX(-32px);transition:opacity 1.6s ease,transform 1.6s ease}
.anim-l.vis{opacity:1;transform:translateX(0)}
.anim-r{opacity:0;transform:translateX(32px);transition:opacity 1.6s ease,transform 1.6s ease}
.anim-r.vis{opacity:1;transform:translateX(0)}

/* Délais en cascade pour les grilles */
.anim.d1{transition-delay:.6s}
.anim.d2{transition-delay:1.2s}
.anim.d3{transition-delay:1.8s}
.anim.d4{transition-delay:2.4s}

/* Parallaxe hero */
.hr-par{will-change:transform;transition:transform .1s linear}

/* Compteurs animés */
.hs-n{display:inline-block}

/* Hover cards avec ressort */
.bc{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.bc:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(44,44,44,.12)}
.tc{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.tc:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(44,44,44,.1)}
.pc{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}
.pc:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(44,44,44,.1)}

/* Pulse discret sur le CTA nav */
@keyframes pulse-pp{0%,100%{box-shadow:0 0 0 0 rgba(240,128,112,.4)}70%{box-shadow:0 0 0 8px rgba(240,128,112,0)}}
nav .btn.bp{animation:pulse-pp 2.8s ease infinite}
nav .btn.bp:hover{animation:none}

/* Ligne de soulignement animée sur les liens nav */
.nk::after{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}

/* Scale doux sur les images blog au hover */
.bc-img{transition:transform .5s ease;transform-origin:center}
.bc:hover .bc-img{transform:scale(1.04)}
.bc{overflow:hidden}

/* Spin lent de la rosace logo au hover */
.lw:hover .logo-svg{transform:rotate(15deg);transition:transform .5s ease}
.logo-svg{transition:transform .4s ease}

/* Piliers : entrée décalée depuis la gauche */
.pil.anim{opacity:0;transform:translateX(120px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}
.pil.anim.vis{opacity:1;transform:translateX(0)}

/* Ken Burns sur la photo hero */
@keyframes kenBurns {
  0%   { transform: scale(1.08) translateY(0px); }
  50%  { transform: scale(1.03) translateY(-8px); }
  100% { transform: scale(1.08) translateY(0px); }
}

/* Fade-in au chargement de la page */
@keyframes heroFadeIn {
  from { opacity: 0; transform: scale(1.1); }
  to   { opacity: 1; transform: scale(1.08); }
}

.hr-par {
  animation: heroFadeIn 1.4s cubic-bezier(.25,.46,.45,.94) forwards;
  transform-origin: center center;
  will-change: transform;
}

/* Ken Burns sur le conteneur image pour ne pas conflictuer avec le parallaxe */
.hr::after {
  content: none;
}
.hr img.hr-par {
  animation: heroFadeIn 1.4s cubic-bezier(.25,.46,.45,.94) forwards,
             kenBurns 14s ease-in-out 1.4s infinite;
}

/* Cercle tourne (rotateY), icône reste fixe grâce à la contre-rotation */
@keyframes circleFlip {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
@keyframes iconFixed {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(-360deg); }
}

/* Cercle : flip vertical au scroll — déclenché via JS */
.ti-ic { transform-style: preserve-3d; }
.ti-ic.flip { animation: circleFlip 1.4s cubic-bezier(.4,0,.2,1) both; }
.ti-ic.flip svg { animation: iconFixed 1.4s cubic-bezier(.4,0,.2,1) both; }

/* Délais spécifiques aux piliers — bien espacés */
.pil.anim       { transition-delay: 0s; }
.pil.anim.d1    { transition-delay: 1s; }
.pil.anim.d2    { transition-delay: 2s; }