/* Maquette F · « L'immersion » (14/10/2026). Son portrait en plein écran, puis des bandes pleine largeur qui
   alternent le sombre (encre, gris) et le clair (rose, beige) ; le doré n'éclaire que le sombre.
   Titres : Bricolage Grotesque (OFL). Texte : Instrument Sans (OFL). Aucune autre feuille. */

@font-face{font-family:"Bricolage";src:url(fonts/bricolage-latin-standard.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument";src:url(fonts/instrument-latin-wght.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --or:#D0A76B;          /* son doré : seulement sur le sombre (6,6 sur l'encre) ou en fond sous de l'encre */
  --or-clair:#E2C595;    /* le doré éclairci, pour un texte doré plus petit sur l'encre (8,9) */
  --or-fonce:#7A5B2C;    /* le doré foncé, seul doré permis en texte sur le rose et le beige (5,2) */
  --rose:#FFE4E1; --beige:#F4EBDD; --gris:#6D7273; --encre:#282828;
  --nuit:#1E1E1E;        /* l'encre plus profonde, pour le pied */
  --texte-gris:#4F5455;  /* texte secondaire sur le clair (6,4) */
  --blanc:#FFFFFF;
  --titre:"Bricolage",ui-sans-serif,system-ui,sans-serif;
  --corps:"Instrument",ui-sans-serif,system-ui,sans-serif;
  --gout:clamp(16px,5vw,72px);
  --large:1320px;
  --ent:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--ent)}
body{margin:0;background:var(--encre);color:var(--encre);font:400 1.0625rem/1.65 var(--corps);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
svg{width:1em;height:1em;flex:none}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
.visuel-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saut{position:absolute;left:-999px;top:8px;z-index:100;background:var(--or);color:var(--encre);padding:10px 16px}
.saut:focus{left:8px}
:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.cadre{width:100%;max-width:calc(var(--large) + 2 * var(--gout));margin:0 auto;padding:0 var(--gout)}

/* Les titres : très grands, serrés, contemporains */
.titre-xl{font-family:var(--titre);font-weight:700;font-variation-settings:"opsz" 96;font-size:clamp(2.25rem,7.4vw,7rem);overflow-wrap:break-word;line-height:.95;letter-spacing:-.035em;text-wrap:balance}
.sur-titre{display:flex;align-items:center;gap:12px;margin-bottom:22px;font:600 .8125rem/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:var(--or-fonce)}
.sur-titre::before{content:"";width:36px;height:2px;background:currentColor}

/* Boutons : de l'encre sur le doré (6,6 pour 1), jamais du blanc */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 26px;border-radius:999px;font:600 1rem/1.2 var(--corps);text-decoration:none;transition:transform .25s,background-color .25s,box-shadow .25s}
.btn svg{width:20px;height:20px}
.btn--or{background:var(--or);color:var(--encre)}
.btn--or:hover{background:var(--or-clair);transform:translateY(-2px);box-shadow:0 12px 30px -12px rgba(208,167,107,.7)}
.btn--grand{min-height:60px;padding:16px 32px;font-size:1.0625rem}
.lien{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:4px}
.lien svg{transition:transform .25s}.lien:hover svg{transform:translateX(4px)}

/* ---------- En-tête : transparent sur la photo, encre dès qu'on défile ---------- */
.ent{position:fixed;inset:0 0 auto;z-index:50;color:var(--blanc);transition:background-color .35s,box-shadow .35s}
.ent.defile,.ent.ouvert{background:rgba(30,30,30,.96);box-shadow:0 1px 0 rgba(208,167,107,.25)}
.ent__barre{display:flex;align-items:center;gap:28px;height:var(--ent);max-width:calc(1440px);margin:0 auto;padding:0 var(--gout)}
.ent__marque{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.ent__marque img{width:64px;height:auto}
.ent__nom{display:flex;flex-direction:column;line-height:1.15}
.ent__nom b{font:700 1.125rem/1.1 var(--titre);letter-spacing:-.01em}
.ent__nom span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--or-clair)}
.ent__nav ul{display:flex;gap:30px}
.ent__nav a{position:relative;font-weight:500;font-size:.9688rem;text-decoration:none;padding:8px 0}
.ent__nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.ent__nav a:hover::after,.ent__nav a[aria-current]::after{transform:scaleX(1)}
.ent__appel{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 20px;border-radius:999px;background:var(--or);color:var(--encre);font-weight:600;text-decoration:none;white-space:nowrap}
.ent__appel svg{width:18px;height:18px}
.ent__burger{display:none;position:relative;width:46px;height:46px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;background:none;color:inherit;cursor:pointer}
.ent__burger span:not(.visuel-cache){position:absolute;left:13px;right:13px;height:2px;background:currentColor;transition:transform .3s,top .3s}
.ent__burger span:nth-child(1){top:18px}.ent__burger span:nth-child(2){top:25px}
.ent.ouvert .ent__burger span:nth-child(1){top:21.5px;transform:rotate(45deg)}
.ent.ouvert .ent__burger span:nth-child(2){top:21.5px;transform:rotate(-45deg)}
@media (max-width:1180px){.ent__nav{display:none}.ent__burger{display:block}.ent__barre{gap:12px}}
@media (max-width:560px){
  :root{--ent:66px}
  .ent__marque img{width:50px}
  .ent__nom b{font-size:1rem}.ent__nom span{font-size:.6875rem;letter-spacing:.04em}
  .ent__appel{width:46px;padding:0;justify-content:center}
  .ent__appel span{display:none}
}
@media (max-width:560px){.ent__nom span{display:none}}
@media (max-width:359px){.ent__marque img{width:44px}.ent__nom b{font-size:.9375rem}}

/* Le volet du téléphone : plein écran, encre, grandes entrées */
.volet{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--ent) + 28px) var(--gout) 32px;background:var(--nuit);color:var(--blanc);overflow-y:auto}
.volet[hidden]{display:none}
.volet ol{counter-reset:v}
.volet li{counter-increment:v;border-bottom:1px solid rgba(255,255,255,.12)}
.volet li a{display:flex;align-items:baseline;gap:16px;padding:16px 0;font:600 clamp(1.6rem,7vw,2.4rem)/1.1 var(--titre);letter-spacing:-.02em;text-decoration:none}
.volet li a::before{content:"0" counter(v);font:500 .8125rem/1 var(--corps);color:var(--or-clair);letter-spacing:.1em}
.volet li a[aria-current]{color:var(--or)}
.volet__pied{margin-top:32px;display:grid;gap:14px;justify-items:start}
.volet__pied p{color:#D6D6D6}
.volet__infos{font-size:.875rem}

/* ---------- 1 · L'ouverture : le portrait en plein écran ---------- */
.ouv{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:var(--blanc);overflow:hidden;background:var(--encre)}
.ouv__photo,.ouv__photo img{position:absolute;inset:0;width:100%;height:100%}
.ouv__photo img{object-fit:cover;object-position:62% 30%;animation:approche 9s ease-out both}
@keyframes approche{from{transform:scale(1.07)}to{transform:scale(1)}}
.ouv__voile{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(28,28,28,.92) 0%,rgba(28,28,28,.78) 30%,rgba(28,28,28,.25) 58%,rgba(28,28,28,0) 75%),
  linear-gradient(0deg,rgba(28,28,28,.7) 0%,rgba(28,28,28,0) 35%),
  linear-gradient(180deg,rgba(28,28,28,.55) 0%,rgba(28,28,28,0) 18%)}
.ouv__texte{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:calc(var(--ent) + 40px) var(--gout) clamp(48px,9vh,110px)}
.ouv__lieu{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;font:600 .8125rem/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:var(--or-clair)}
.point{width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 6px rgba(208,167,107,.22)}
.ouv h1{display:flex;flex-direction:column;gap:18px;max-width:880px}
.ouv__metier{font:600 clamp(1.05rem,1.6vw,1.375rem)/1.3 var(--corps);color:var(--blanc);letter-spacing:.01em}
.ouv__accroche{font:700 clamp(3rem,8.2vw,8.25rem)/.9 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.045em;text-wrap:balance}
.ouv__public{margin-top:26px;font-size:clamp(1.0625rem,1.4vw,1.3125rem);color:#EDEDED}
.ouv__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:38px}
.lien-clair{display:inline-flex;align-items:center;gap:10px;color:var(--blanc);font-weight:600;text-decoration:none;border-bottom:1.5px solid rgba(255,255,255,.5);padding-bottom:4px}
.lien-clair svg{width:18px;height:18px}
.js .ouv__texte>*{animation:monte .9s cubic-bezier(.2,.7,.2,1) both}
.js .ouv__texte>*:nth-child(2){animation-delay:.12s}.js .ouv__texte>*:nth-child(3){animation-delay:.24s}.js .ouv__texte>*:nth-child(4){animation-delay:.36s}
@keyframes monte{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .ouv__photo img{object-position:42% 0%}
  .ouv__voile{background:linear-gradient(0deg,rgba(28,28,28,.96) 0%,rgba(28,28,28,.9) 34%,rgba(28,28,28,.35) 58%,rgba(28,28,28,0) 72%),linear-gradient(180deg,rgba(28,28,28,.6) 0%,rgba(28,28,28,0) 20%)}
  .ouv__texte{padding-bottom:40px}
  .ouv__lieu{margin-bottom:16px;font-size:.75rem;letter-spacing:.12em}
  .ouv h1{gap:12px}
  .ouv__accroche{font-size:clamp(2.6rem,12.5vw,4.2rem)}
  .ouv__public{margin-top:16px}
  .ouv__actions{margin-top:26px}
  .ouv__actions .btn{width:100%}
}
@media (max-width:359px){.ouv__actions .btn{font-size:.9375rem;padding:14px 16px;gap:8px}}

/* ---------- 2 · Le bandeau des chiffres ---------- */
.chiffres{background:var(--encre);color:var(--blanc);border-top:1px solid rgba(208,167,107,.3)}
.chiffres ul{display:grid;grid-template-columns:repeat(3,1fr);max-width:calc(var(--large) + 2 * var(--gout));margin:0 auto;padding:0 var(--gout)}
.chiffres li{display:flex;flex-direction:column;gap:10px;padding:clamp(36px,5vw,64px) clamp(16px,3vw,48px)}
.chiffres li+li{border-left:1px solid rgba(208,167,107,.3)}
.chiffres b{font:700 clamp(2.8rem,6vw,5.5rem)/.95 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.04em;color:var(--or);white-space:nowrap}
.chiffres small{font:600 .38em/1 var(--titre);letter-spacing:0;vertical-align:.12em}
.chiffres span{font-size:1rem;color:#D6D6D6;letter-spacing:.02em}
@media (max-width:760px){
  .chiffres ul{grid-template-columns:1fr}
  .chiffres li{flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px;padding:22px 0}
  .chiffres li+li{border-left:0;border-top:1px solid rgba(208,167,107,.3)}
  .chiffres b{font-size:clamp(2.2rem,10vw,3rem)}
  .chiffres span{text-align:right;font-size:.9375rem}
}

/* ---------- 3 · Les difficultés : une grille de tuiles sur le rose ---------- */
.diff{background:var(--rose);padding:clamp(72px,10vw,140px) 0}
.diff__tete{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.diff__tete .sur-titre{grid-column:1/-1;margin-bottom:0}
.diff__intro{font-size:1.125rem;color:var(--texte-gris);max-width:520px}
.sb-raisons__liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:r}
.sb-raisons__liste li{counter-increment:r;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:164px;padding:20px 22px 22px;background:var(--blanc);border-radius:18px;font:600 clamp(1.125rem,1.45vw,1.4375rem)/1.18 var(--titre);letter-spacing:-.012em;color:var(--encre);transition:background-color .3s,color .3s,transform .3s}
.sb-raisons__liste li::before{content:counter(r,decimal-leading-zero);font:600 .8125rem/1 var(--corps);letter-spacing:.12em;color:var(--or-fonce);transition:color .3s}
.sb-raisons__liste li:hover{background:var(--encre);color:var(--blanc);transform:translateY(-4px)}
.sb-raisons__liste li:hover::before{color:var(--or)}
.sb-raisons__liste li:first-child{grid-column:span 2;background:var(--encre);color:var(--blanc);font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.05;letter-spacing:-.025em}
.sb-raisons__liste li:first-child::before{color:var(--or)}
.sb-raisons__liste li.or{background:var(--or);color:var(--encre)}
.sb-raisons__liste li.or::before{color:var(--encre)}
.diff__plus{margin-top:22px;color:var(--texte-gris)}
.diff__phrase{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 48px;align-items:end;padding-top:clamp(32px,4vw,48px);border-top:2px solid var(--encre)}
.diff__phrase p{font:600 clamp(1.75rem,3.6vw,3.25rem)/1.08 var(--titre);letter-spacing:-.03em;text-wrap:balance;max-width:20ch}
.diff__phrase figcaption{font-weight:600;color:var(--or-fonce);letter-spacing:.14em;text-transform:uppercase;font-size:.8125rem;white-space:nowrap}
.diff__phrase figcaption::before{content:"";display:inline-block;width:28px;height:2px;margin-right:10px;vertical-align:middle;background:currentColor}
.diff .note{margin-top:22px;font-size:.9375rem;color:var(--texte-gris)}
@media (min-width:761px) and (max-width:1100px){.sb-raisons__liste{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-raisons__liste li:first-child{grid-column:auto;font-size:1.375rem}}
@media (max-width:760px){
  .diff__tete{grid-template-columns:1fr}
  .sb-raisons__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sb-raisons__liste li{min-height:108px;gap:16px;padding:14px 14px 16px;border-radius:14px;font-size:1.0625rem;overflow-wrap:break-word}
  .sb-raisons__liste li:first-child{font-size:1.375rem;min-height:116px}
  .diff__phrase{grid-template-columns:1fr}
}
@media (max-width:359px){.sb-raisons__liste li{font-size:.9375rem;padding:12px}}

/* ---------- 4 · Les avis : l'encre, de grandes citations ---------- */
.avis{background:var(--encre);color:var(--blanc);padding:clamp(72px,10vw,140px) 0}
.avis__tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(40px,5vw,72px)}
.avis__note{display:flex;align-items:center;gap:16px}
.avis__note b{font:700 clamp(3.5rem,6vw,5.5rem)/.9 var(--titre);letter-spacing:-.04em;color:var(--or)}
.avis__note span{font-size:.9375rem;line-height:1.4;color:#D6D6D6}
.sb-avis__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.sb-avis__carte{display:flex;flex-direction:column;gap:22px;padding:clamp(26px,2.6vw,40px);border:1px solid rgba(208,167,107,.35);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,0))}
.sb-etoiles{color:var(--or);letter-spacing:.2em;font-size:1rem;font-family:system-ui,sans-serif}
.sb-avis__texte{flex:1}
.sb-avis__texte p{font:500 clamp(1.1875rem,1.55vw,1.4375rem)/1.38 var(--titre);letter-spacing:-.01em;color:var(--blanc)}
.sb-avis__qui{display:flex;flex-direction:column;gap:2px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.sb-avis__qui b{font-weight:600;color:var(--or-clair)}
.sb-avis__qui span{font-size:.875rem;color:#BDBDBD}
@media (max-width:900px){.sb-avis__liste{grid-template-columns:1fr}}

/* ---------- 5 · Mon parcours : la photo en pleine hauteur, le beige ---------- */
.parcours{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--beige)}
.parcours__photo{position:relative;min-height:100%;overflow:hidden}
.parcours__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.parcours__texte{padding:clamp(72px,9vw,140px) var(--gout) clamp(72px,9vw,140px) clamp(40px,6vw,110px);max-width:860px}
.parcours__texte .titre-xl{margin-bottom:34px}
.parcours__texte p{color:var(--encre);max-width:62ch}
.parcours__texte p+p{margin-top:18px}
.parcours__chapo{font:600 clamp(1.375rem,2vw,1.75rem)/1.25 var(--titre)!important;letter-spacing:-.015em;margin-bottom:28px}
.parcours__liens{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:38px!important;color:var(--or-fonce)}
@media (max-width:900px){
  .parcours{grid-template-columns:1fr}
  .parcours__photo{min-height:0;aspect-ratio:4/5;max-height:620px}
  .parcours__texte{padding:56px var(--gout) 72px}
}

/* ---------- 6 · Mon accompagnement : le gris, le bouton du milieu ---------- */
.acc{background:var(--gris);color:var(--blanc);padding:clamp(72px,10vw,140px) 0}
.acc__tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(36px,5vw,64px)}
.acc__tete p{font-size:1.125rem}
.acc__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.4)}
.acc__liste li+li{border-left:1px solid rgba(255,255,255,.4)}
.acc__liste a{display:flex;flex-direction:column;height:100%;padding:34px clamp(18px,2.4vw,36px) 38px;text-decoration:none;transition:background-color .3s}
.acc__liste a:hover{background:rgba(40,40,40,.28)}
.acc__nom{font:600 clamp(1.25rem,1.7vw,1.625rem)/1.15 var(--titre);letter-spacing:-.015em;min-height:2.3em}
.acc__prix{margin-top:28px;font:700 clamp(3.25rem,5.6vw,5.25rem)/.95 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.04em}
.acc__prix--texte{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.02em;max-width:12ch;min-height:2.6em;display:flex;align-items:flex-end}
.acc__duree{margin-top:8px;font-size:1rem}
.acc__suite{margin-top:auto;padding-top:34px;display:inline-flex;align-items:center;gap:10px;font-weight:600}
.acc__suite svg{transition:transform .25s}.acc__liste a:hover .acc__suite svg{transform:translateX(5px)}
.acc__appel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:clamp(40px,5vw,64px);padding:clamp(26px,3vw,40px) clamp(22px,3vw,44px);background:var(--encre);border-radius:24px}
.acc__appel p{font:600 clamp(1.375rem,2.4vw,2.125rem)/1.15 var(--titre);letter-spacing:-.02em}
@media (max-width:900px){
  .acc__liste{grid-template-columns:1fr}
  .acc__liste li+li{border-left:0;border-top:1px solid rgba(255,255,255,.4)}
  .acc__liste a{padding:26px 0 28px}
  .acc__nom{min-height:0}.acc__prix{margin-top:14px}.acc__prix--texte{min-height:0}
  .acc__suite{padding-top:18px}
  .acc__appel .btn{width:100%}
}
@media (max-width:560px){.acc__appel{padding:22px 16px}.acc__appel .btn{font-size:1rem;padding:14px 16px;gap:10px}}
@media (max-width:359px){.acc__appel .btn{font-size:.9375rem;gap:8px}}

/* ---------- 7 · Ma façon de travailler : quatre temps sur le rose ---------- */
.facon{background:var(--rose);padding:clamp(72px,10vw,140px) 0}
.facon .titre-xl{max-width:12ch;margin-bottom:clamp(40px,5vw,72px)}
.facon__etapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);counter-reset:e}
.facon__etapes li{counter-increment:e;padding-top:24px;border-top:2px solid var(--encre);font-size:1.0625rem}
.facon__etapes li::before{content:counter(e);display:block;margin-bottom:18px;font:700 clamp(4rem,7vw,6.5rem)/.85 var(--titre);letter-spacing:-.05em;color:var(--or-fonce)}
@media (max-width:1000px){.facon__etapes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.facon__etapes{grid-template-columns:1fr}.facon__etapes li{display:grid;grid-template-columns:64px 1fr;gap:8px;padding-top:20px}.facon__etapes li::before{margin:0;font-size:3.5rem}}

/* ---------- 8 · Contact : de nouveau le plein écran ---------- */
.fin{position:relative;min-height:min(100vh,900px);display:flex;align-items:center;color:var(--blanc);overflow:hidden;background:var(--encre)}
.fin__photo{position:absolute;inset:0 auto 0 0;width:60%;height:100%}
.fin__photo img{width:100%;height:100%;object-fit:cover;object-position:40% 30%}
.fin__voile{position:absolute;inset:0;background:linear-gradient(270deg,var(--encre) 0%,var(--encre) 40%,rgba(40,40,40,.55) 52%,rgba(40,40,40,0) 66%)}
.fin__texte{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:110px var(--gout);display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.fin__texte>p{margin-top:18px;font-size:1.1875rem;color:#EDEDED}
.fin__num{margin:22px 0 30px;font:700 clamp(2.6rem,5.4vw,5.5rem)/.95 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.04em;color:var(--or);text-decoration:none;white-space:nowrap}
.fin__num:hover{color:var(--or-clair)}
.fin__infos{margin-top:34px;display:grid;gap:8px;justify-items:end;color:#D6D6D6}
.fin__infos li{display:flex;align-items:center;gap:10px}
.fin__infos svg{width:18px;height:18px;color:var(--or)}
@media (max-width:760px){
  .fin{min-height:0;align-items:flex-end}
  .fin__photo{position:relative;height:auto;width:100%}
  .fin{flex-direction:column;align-items:stretch}
  .fin__photo img{position:relative;height:auto;aspect-ratio:4/5;object-position:30% 20%}
  .fin__voile{top:auto;height:62%;background:linear-gradient(0deg,var(--encre) 0%,rgba(40,40,40,.8) 30%,rgba(40,40,40,0) 100%);display:none}
  .fin__photo::after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(0deg,var(--encre) 8%,rgba(40,40,40,.75) 45%,rgba(40,40,40,0))}
  .fin__texte{margin-top:-90px;padding:0 var(--gout) 72px;align-items:flex-start;text-align:left}
  .fin__num{font-size:clamp(2.2rem,11.5vw,3.4rem)}
  .fin__texte .btn{width:100%}
  .fin__infos{justify-items:start}
}

/* ---------- Le pied ---------- */
.pied{background:var(--nuit);color:#D6D6D6;padding:clamp(56px,7vw,96px) 0 calc(28px + env(safe-area-inset-bottom));font-size:.9688rem}
.pied__grille{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:40px}
.pied__marque img{width:120px;margin-bottom:18px}
.pied__marque p{max-width:34ch}
.pied__titre{margin-bottom:14px;font:600 .75rem/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:var(--or)}
.pied ul{display:grid;gap:8px}
.pied a{text-decoration:none}.pied a:hover{color:var(--or-clair)}
.pied__bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.875rem;color:#BDBDBD}
.pied__bas a+a{margin-left:22px}
@media (max-width:760px){.pied__grille{grid-template-columns:1fr;gap:32px}.pied{padding-bottom:96px}}

/* La barre d'appel du téléphone : elle apparaît une fois l'ouverture passée */
.barre-appel{display:none}
@media (max-width:760px){
  .barre-appel{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;background:var(--or);color:var(--encre);font-weight:600;text-decoration:none;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transform:translateY(140%);transition:transform .4s}
  .barre-appel svg{width:20px;height:20px}
  .barre-appel.visible{transform:none}
}

/* Les apparitions au défilement : discrètes, et rien sans JavaScript ni pour qui les refuse */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv[data-d="1"]{transition-delay:.1s}.js .rv[data-d="2"]{transition-delay:.2s}.js .rv[data-d="3"]{transition-delay:.3s}
.js .rv.vu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none;transition:none}
  .ouv__photo img,.js .ouv__texte>*{animation:none}
  *{scroll-behavior:auto!important}
}

/* ===== Retenu le 17/10/2026 (William) : ouverture claire au voile rose, bandes fond 1, logo deux arcs doré ===== */
/* Commun aux ouvertures claires : texte à l'encre, en-tête clair */
.ouv{color:var(--encre);background:#FBF6F0}
.ouv__lieu{color:var(--or-fonce)}
.ouv__metier{color:var(--encre)}
.ouv__public{color:var(--texte-gris)}
.lien-clair{color:var(--encre);border-bottom-color:rgba(40,40,40,.4)}
.ent{color:var(--encre)}
.ent__nom span{color:var(--or-fonce)}
.ent__burger{border-color:rgba(40,40,40,.45)}
.ent.defile,.ent.ouvert{background:rgba(251,246,240,.97);box-shadow:0 1px 0 rgba(122,91,44,.2)}
/* Le mur de la photo est d'un blanc froid, qui tire au gris sur un écran : on le réchauffe à peine */
.ouv__photo img{filter:sepia(.14) saturate(1.06) brightness(1.05)}
/* O2 · sa photo telle quelle, un voile de son rose à gauche */
.ouv{background:var(--rose)}
.ouv__voile{background:
  linear-gradient(90deg,rgba(255,228,225,.95) 0%,rgba(255,228,225,.86) 32%,rgba(255,228,225,.3) 56%,rgba(255,228,225,0) 70%)}
@media (max-width:760px){
  .ouv__voile{background:linear-gradient(0deg,rgba(255,228,225,.98) 0%,rgba(255,228,225,.93) 36%,rgba(255,228,225,.4) 56%,rgba(255,228,225,0) 70%)}
}
.ent.defile,.ent.ouvert{background:rgba(255,240,238,.97)}
/* V1 · seul le gris change : crème (le beige se confondait avec « Mon parcours », juste au-dessus) */
.acc{background:#FBF6F0;color:var(--encre)}
.acc__liste{border-top-color:rgba(40,40,40,.22)}
.acc__liste li+li{border-left-color:rgba(40,40,40,.22)}
@media (max-width:900px){.acc__liste li+li{border-top-color:rgba(40,40,40,.22)}}
.acc__liste a:hover{background:rgba(208,167,107,.16)}
.acc__prix{color:#8A6630}
.acc__suite{color:#8A6630}
.acc__appel{color:var(--blanc)}
/* Le logo des deux arcs : le symbole dans l'en-tête, le nom en doré profond à côté ; le logo complet dans le pied */
.ent__marque img{width:46px}
.ent__nom b{color:#9C7539}
.pied__marque img{width:260px}
@media (max-width:560px){.ent__marque img{width:38px}}

/* Variante d'ouverture au voile crème : à charger après styles.css pour remplacer le rose (17/10/2026) */
/* O1 · sa photo telle quelle, un voile crème à gauche pour le texte */
.ouv__voile{background:
  linear-gradient(90deg,rgba(251,246,240,.95) 0%,rgba(251,246,240,.86) 32%,rgba(251,246,240,.3) 56%,rgba(251,246,240,0) 70%)}
@media (max-width:760px){
  .ouv__voile{background:linear-gradient(0deg,rgba(251,246,240,.98) 0%,rgba(251,246,240,.93) 36%,rgba(251,246,240,.4) 56%,rgba(251,246,240,0) 70%)}
}
.ent.defile,.ent.ouvert{background:rgba(251,246,240,.97)}


/* ===== Le site complet (17/10/2026) : ce qui s'ajoute à la maquette C pour toutes les pages ===== */
.titre-l{font-family:var(--titre);font-weight:700;font-variation-settings:"opsz" 96;font-size:clamp(2rem,5vw,4.5rem);line-height:.98;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:break-word}

/* L'accueil : le H1 sans l'accroche, l'image inchangée */
.ouv__titres{display:flex;flex-direction:column;gap:18px;max-width:880px}
.ouv__titres h1{margin:0}
@media (max-width:760px){.ouv__titres{gap:12px}}
.acc__aussi{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:30px;color:#8A6630}
/* Les tuiles qui ont une page : toute la tuile est le lien */
.sb-raisons__liste li a{color:inherit;text-decoration:none;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.sb-raisons__liste li a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.sb-raisons__liste li a svg{width:20px;height:20px;flex:none;color:var(--or-fonce);transition:transform .25s}
.sb-raisons__liste li:first-child a svg,.sb-raisons__liste li:hover a svg{color:var(--or)}
.sb-raisons__liste li.or a svg{color:var(--encre)}
.sb-raisons__liste li a:hover svg{transform:translateX(4px)}
.sb-raisons__liste li a:focus-visible{outline:none}
.sb-raisons__liste li:has(a:focus-visible){outline:3px solid var(--or-fonce);outline-offset:3px}

/* Le panneau « Mon accompagnement » */
.ent__nav>ul{align-items:center}
.deroulant{position:relative}
.deroulant>button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:0;background:none;color:inherit;font:500 .9688rem/1.65 var(--corps);cursor:pointer}
.deroulant>button svg{width:14px;height:14px;transition:transform .25s}
.deroulant>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.deroulant>button::after{content:"";position:absolute;left:0;right:20px;bottom:2px;height:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.deroulant>button:hover::after,.deroulant>button[data-courant]::after,.deroulant>button[aria-expanded="true"]::after{transform:scaleX(1)}
.panneau{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%);width:min(720px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:6px 40px;padding:30px 34px 28px;background:#FFF8F6;color:var(--encre);border:1px solid rgba(122,91,44,.18);border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,40,40,.38)}
.panneau[hidden]{display:none}
.panneau__titre{margin-bottom:10px;font:600 .75rem/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:var(--or-fonce)}
.ent__nav .panneau ul{display:grid;gap:0}
.ent__nav .panneau a{display:block;padding:8px 0;font:600 1.0625rem/1.25 var(--titre);letter-spacing:-.01em}
.ent__nav .panneau a::after{display:none}
.ent__nav .panneau a:hover,.ent__nav .panneau a[aria-current]{color:var(--or-fonce)}
.panneau__appel{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:16px;padding-top:20px;border-top:1px solid rgba(40,40,40,.12)}
.panneau__appel p{font:600 1.125rem/1.2 var(--titre)}
.ent__nav .panneau .btn{color:var(--encre)}

/* Le menu du téléphone : les deux groupes en sous-listes */
.volet__titre{display:flex;align-items:baseline;gap:16px;padding:16px 0 6px;font:600 clamp(1.6rem,7vw,2.4rem)/1.1 var(--titre);letter-spacing:-.02em}
.volet__titre::before{content:"0" counter(v);font:500 .8125rem/1 var(--corps);color:var(--or-clair);letter-spacing:.1em}
.volet li ul{display:grid;padding:0 0 12px 34px}
.volet li li{counter-increment:none;border:0}
.volet li li a{padding:7px 0;font:500 1.0625rem/1.3 var(--corps);letter-spacing:0;color:#E6E6E6}
.volet li li a::before{content:none}
.volet li li a[aria-current]{color:var(--or)}

/* ---------- Les pages intérieures : ce que les trois habillages partagent ---------- */
.interieure{background:#FBF6F0}
.ariane{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:26px;font-size:.875rem;color:var(--texte-gris)}
.ariane a{text-decoration:none;border-bottom:1px solid rgba(40,40,40,.3)}
.ariane a:hover{color:var(--or-fonce)}
.tete__h1{font-family:var(--titre);font-weight:700;font-variation-settings:"opsz" 96;font-size:clamp(2.35rem,5.4vw,5rem);line-height:.98;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;hyphens:manual}
.chapo p{font-size:clamp(1.125rem,1.5vw,1.3125rem);line-height:1.6;color:#3A3D3E}
.chapo p+p{margin-top:12px}
.tete__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.chapo a,.prose a:not(.btn){color:#7A5B2C;text-decoration-thickness:1.5px;text-underline-offset:3px}
.chapo a:hover,.prose a:not(.btn):hover{color:var(--encre)}

/* Le texte */
.prose{font-size:1.0938rem;line-height:1.7;color:var(--encre)}
.prose h2{font:700 clamp(1.75rem,3.2vw,2.625rem)/1.06 var(--titre);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;margin:0 0 22px}
.prose h3{font:600 1.3125rem/1.25 var(--titre);letter-spacing:-.01em;margin:30px 0 10px}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose figure{margin:0 0 18px}
.prose>*>:last-child,.prose section>:last-child{margin-bottom:0}
.prose ul>li{position:relative;padding-left:26px;margin:7px 0}
.prose ul>li::before{content:"";position:absolute;left:2px;top:.78em;width:12px;height:2px;background:var(--or)}
.prose ol:not(.frise){counter-reset:n}
.prose ol:not(.frise)>li{counter-increment:n;position:relative;padding-left:34px;margin:8px 0}
.prose ol:not(.frise)>li::before{content:counter(n) ".";position:absolute;left:0;font:700 1rem/1.7 var(--titre);color:#7A5B2C}
.prose strong{font-weight:600}
.prose blockquote{padding:4px 0 4px 24px;border-left:3px solid var(--or)}
.prose blockquote p{font:500 clamp(1.1875rem,1.6vw,1.375rem)/1.45 var(--titre);letter-spacing:-.01em}
.prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:1rem}
.prose th,.prose td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid rgba(40,40,40,.15);vertical-align:top}

/* La frise (déroulé numéroté) */
.frise{display:grid;gap:0;margin:8px 0 22px;counter-reset:f}
.frise>li{counter-increment:f;position:relative;padding:0 0 22px 64px}
.frise>li::before{content:counter(f);position:absolute;left:0;top:-4px;font:700 2.75rem/1 var(--titre);letter-spacing:-.04em;color:#8A6630}
.frise>li::after{content:"";position:absolute;left:18px;top:52px;bottom:8px;width:2px;background:rgba(122,91,44,.25)}
.frise>li:last-child::after{display:none}
.frise__titre{font:600 1.25rem/1.25 var(--titre);margin-bottom:6px!important}

/* L'encadré « médecin » */
.encadre{padding:clamp(24px,3vw,36px);background:var(--blanc);border:1px solid rgba(122,91,44,.2);border-left:5px solid var(--or);border-radius:22px}
.encadre h2{font-size:clamp(1.375rem,2.2vw,1.75rem)}

/* Les questions fréquentes */
.faq{border-top:1px solid rgba(40,40,40,.18)}
.faq details{border-bottom:1px solid rgba(40,40,40,.18)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:600 1.1875rem/1.3 var(--titre);letter-spacing:-.01em;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rose);color:#7A5B2C;font:500 1.375rem/1 var(--corps);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq__reponse{padding:0 50px 22px 0}

/* Le bouton d'appel du milieu */
.appel-milieu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin:clamp(36px,5vw,56px) 0;padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px);background:var(--encre);color:var(--blanc);border-radius:24px}
.appel-milieu p{margin:0!important;font:600 clamp(1.3125rem,2.2vw,1.875rem)/1.15 var(--titre);letter-spacing:-.02em}

/* Les vidéos, chargées au clic */
.video{margin:8px 0 26px}
.video__bouton,.video iframe{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:20px;overflow:hidden;background:var(--encre);padding:0;cursor:pointer}
.video__bouton img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.video__bouton:hover img{transform:scale(1.03)}
.video__lecture{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:var(--or);color:var(--encre);box-shadow:0 14px 30px -10px rgba(0,0,0,.5)}
.video__lecture svg{width:30px;height:30px;margin-left:4px}
.video figcaption{margin-top:12px;font-size:.9375rem;color:var(--texte-gris)}

/* Les avis d'une page, et la note seule */
.interieure .avis{padding:clamp(64px,8vw,112px) 0}
.sb-avis__liste--n1{grid-template-columns:minmax(0,820px)}
.sb-avis__liste--n2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.sb-avis__liste--n2{grid-template-columns:1fr}}
.note-avis{background:var(--encre);color:var(--blanc);padding:clamp(40px,5vw,64px) 0}
.note-avis__cadre{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.note-avis__note{font:600 1.25rem/1 var(--titre)}
.note-avis__note b{font-size:clamp(2.75rem,5vw,4rem);letter-spacing:-.04em;color:var(--or);margin-right:6px}
.note-avis .lien{color:var(--or-clair)}

/* Le bandeau du bas, sur chaque page */
.fin__mots{margin-top:18px;max-width:46ch;font-size:1.0938rem;color:#EDEDED}
.fin__mots p+p{margin-top:10px}
.fin__mots a{color:var(--or-clair)}
@media (min-width:761px){.fin__mots{text-align:right}}
.fin .titre-l{max-width:14ch}
/* Le pied : quatre blocs (marque, accompagnement, difficultés, cabinet) */
.pied__grille{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.pied__grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pied__grille{grid-template-columns:1fr}}
/* Cibles tactiles d'au moins 44 px (recette du 17/10) */
.ent__marque{min-height:44px}
.lien-clair{min-height:44px}
.ariane a{display:inline-flex;align-items:center;min-height:44px}
.ariane{align-items:center;margin-top:-10px;margin-bottom:16px}
@media (max-width:560px){.ariane [aria-current]{display:none}.ariane span[aria-hidden]:nth-last-child(2){display:none}}
.note-avis .lien{min-height:44px}
/* Le bouton du milieu ne dépasse jamais sa colonne (320 px) */
.frise>li{min-width:0}
.appel-milieu .btn{max-width:100%}
@media (max-width:560px){.appel-milieu .btn{width:100%;padding:14px 16px;font-size:1rem;gap:10px}}
.ent__nav .panneau .btn{display:inline-flex;padding:12px 22px;font:600 1rem/1.2 var(--corps)}


/* ===== Habillage A · « L'arche » : la tête sur le rose, son portrait dans une arche (les deux arcs de son logo),
   le texte en une colonne sur le crème ===== */
.tete--a{background:var(--rose);padding:calc(var(--ent) + clamp(32px,4.5vw,64px)) 0 clamp(56px,7vw,96px)}
.tete--a .tete__grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px clamp(40px,6vw,96px);align-items:end}
.tete--a .chapo{margin-top:28px;max-width:58ch}
.tete__arche{display:flex;justify-content:flex-end}
.tete__arche img{width:100%;max-width:400px;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:50% 50% 22px 22px/40% 40% 22px 22px;box-shadow:0 0 0 10px rgba(255,255,255,.55)}
.page--a{padding:clamp(56px,7vw,104px) 0 clamp(64px,8vw,112px)}
.page--a .prose{max-width:760px}
.page--a .bloc,.page--a .encadre{margin-bottom:clamp(48px,6vw,80px)}
.page--a .prose>:last-child{margin-bottom:0}
.page--a .bloc>h2{padding-top:26px;border-top:2px solid var(--encre)}
@media (max-width:900px){
  .tete--a .tete__grille{grid-template-columns:1fr}
  .tete__arche{justify-content:flex-start}
  .tete__arche img{max-width:260px}
}
@media (max-width:560px){.tete__actions .btn{width:100%}}


/* ===== Sans fond sombre (sa réponse du 17/10 : « tous les endroits où il y a des fonds gris ou noirs ») =====
   Ce qui était à l'encre passe au clair ; le doré, illisible sur le clair, devient le doré foncé (5,3 pour 1 sur le crème). */
:root{--creme:#FBF6F0;--or-texte:#8A6630}
body{background:var(--creme)}
/* Les chiffres */
.chiffres{background:var(--creme);color:var(--encre);border-top:1px solid rgba(122,91,44,.22);border-bottom:1px solid rgba(122,91,44,.22)}
.chiffres li+li{border-color:rgba(122,91,44,.22)}
.chiffres b{color:var(--or-texte)}
.chiffres span{color:var(--texte-gris)}
/* Les avis */
.avis,.note-avis{color:var(--encre)}
.avis__note b,.note-avis__note b{color:var(--or-texte)}
.avis__note span{color:var(--texte-gris)}
.sb-avis__carte{background:var(--blanc);border:1px solid rgba(122,91,44,.22)}
.sb-etoiles{color:#B8904F}
.sb-avis__texte p{color:var(--encre)}
.sb-avis__qui{border-top-color:rgba(40,40,40,.12)}
.sb-avis__qui b{color:#7A5B2C}
.sb-avis__qui span{color:var(--texte-gris)}
.note-avis .lien{color:#7A5B2C}
/* Le bandeau de rendez-vous du bas : sa photo, un voile crème, le texte à l'encre */
.fin{background:var(--creme);color:var(--encre)}
.fin__voile{background:linear-gradient(270deg,var(--creme) 0%,var(--creme) 40%,rgba(251,246,240,.6) 52%,rgba(251,246,240,0) 66%)}
.fin__photo img{filter:sepia(.1) saturate(1.04) brightness(1.04)}
.fin__texte>p,.fin__mots{color:#3A3D3E}
.fin__mots a{color:#7A5B2C}
.fin__num{color:var(--or-texte)}
.fin__num:hover{color:var(--encre)}
.fin__infos{color:var(--texte-gris)}
.fin__infos svg{color:var(--or-texte)}
@media (max-width:760px){.fin__photo::after{background:linear-gradient(0deg,var(--creme) 8%,rgba(251,246,240,.75) 45%,rgba(251,246,240,0))}}
/* Le pied */
.pied{color:#3A3D3E}
.pied__titre{color:#7A5B2C}
.pied a:hover{color:#7A5B2C}
.pied__bas{border-top-color:rgba(40,40,40,.12);color:var(--texte-gris)}
/* Le menu du téléphone */
.volet{background:var(--creme);color:var(--encre)}
.volet li{border-bottom-color:rgba(40,40,40,.12)}
.volet li a::before,.volet__titre::before{color:var(--or-texte)}
.volet li a[aria-current],.volet li li a[aria-current]{color:#7A5B2C}
.volet li li a{color:#3A3D3E}
.volet__pied p{color:var(--texte-gris)}
/* Les blocs d'appel (milieu de page, « Mon accompagnement », colonne de l'habillage B) */
.acc__appel,.appel-milieu,.cote__appel{color:var(--encre)}
.cote__appel p{color:var(--texte-gris)}
.cote__num{color:var(--or-texte)}
/* Habillage C : l'encadré médecin n'est plus sur l'encre */
.bande--encre{background:var(--beige);color:var(--encre)}
.bande--encre .prose,.bande--encre p{color:var(--encre)}
.bande--encre h2{color:var(--encre)}
.bande--encre a:not(.btn){color:#7A5B2C}
.bande--encre .faq summary::after{background:var(--blanc);color:#7A5B2C}
/* Les tuiles des difficultés : la grande tuile et le survol n'étaient pas clairs */
.sb-raisons__liste li:first-child{background:var(--or-clair);color:var(--encre)}
.sb-raisons__liste li:first-child::before{color:var(--encre)}
.sb-raisons__liste li:hover{background:var(--beige);color:var(--encre)}
.sb-raisons__liste li:hover::before{color:#7A5B2C}
.sb-raisons__liste li:first-child a svg,.sb-raisons__liste li:hover a svg{color:#7A5B2C}

/* Variante 2 · « Crème et beige » : les bandes alternent crème et beige, comme « Mon parcours » ; les appels en blanc */
.avis,.note-avis{background:var(--beige)}
.pied{background:var(--beige)}
.acc__appel,.appel-milieu,.cote__appel{background:var(--blanc);border:1px solid rgba(122,91,44,.22);box-shadow:0 18px 40px -28px rgba(122,91,44,.45)}
.interieure .tete+.page .appel-milieu{background:var(--blanc)}


/* ===== Retours de William du 19/10/2026 : animations, titres sans tiret, « Vos difficultés », page intérieure, menu ===== */

/* ---------- Les animations (catalogue du socle, ANIMATIONS.md) ----------
   À l'arrivée : les mots du titre montent un à un, le portrait se découvre. Au défilement : les parties apparaissent,
   la frise se remplit, le bouton d'appel du bas reçoit un reflet. Rien sur un prix, un numéro, l'encadré médecin. */
.mot{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.mot>span{display:inline-block}
.js .mot>span{transform:translateY(108%);animation:mot-monte .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 55ms + .1s)}
@keyframes mot-monte{to{transform:none}}
.js .ouv__texte>.ouv__titres{animation:none}
.js .ouv__metier{animation:monte .9s cubic-bezier(.2,.7,.2,1) .05s both}
/* Le portrait de la tête se découvre de bas en haut, et se pose */
.tete__arche{position:relative}
.js .tete__arche::after{content:"";position:absolute;inset:-12px;background:var(--rose);transform-origin:top;animation:rideau 1.1s cubic-bezier(.65,0,.25,1) .2s forwards}
.js .tete__arche img{animation:pose 1.3s cubic-bezier(.2,.7,.2,1) .2s both}
@keyframes rideau{to{transform:scaleY(0)}}
@keyframes pose{from{transform:scale(1.07)}to{transform:none}}
/* La frise se remplit étape après étape */
.frise>li::before{transition:color .6s}
.js .frise>li.rv::before{color:rgba(138,102,48,.35)}
.js .frise>li.rv.vu::before{color:#8A6630}
.js .frise>li.rv::after{transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.2,.7,.2,1) .25s}
.js .frise>li.rv.vu::after{transform:none}
/* Le reflet du bouton d'appel, une fois, quand le bandeau du bas arrive */
.rdv .btn--or{position:relative;overflow:hidden}
.rdv .btn--or::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:skewX(-18deg);pointer-events:none;opacity:0}
.js .rdv.vu .btn--or::after{animation:reflet 1.2s ease-in-out .5s 1}
@keyframes reflet{0%{left:-60%;opacity:1}100%{left:130%;opacity:1}}
/* Les apparitions décalées : un peu plus courtes pour les petits éléments */
.js .rv[data-d="3"]{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){
  .js .mot>span,.js .ouv__metier,.js .tete__arche img{animation:none;transform:none}
  .js .tete__arche::after{display:none}
  .js .frise>li.rv::after{transform:none;transition:none}
  .js .frise>li.rv::before{color:#8A6630}
  .js .rdv.vu .btn--or::after{animation:none}
}

/* ---------- Plus de tiret (« Je ne veux pas de tiret ») ---------- */
.titres-1 .sur-titre::before,.titres-2 .sur-titre::before,.titres-3 .sur-titre::before{width:auto;height:auto;background:none}
.titres-1 .diff__phrase figcaption::before,.titres-2 .diff__phrase figcaption::before,.titres-3 .diff__phrase figcaption::before{display:none}
.titres-1 .page--a .bloc>h2,.titres-2 .page--a .bloc>h2,.titres-3 .page--a .bloc>h2{border-top:0;padding-top:0}
.titres-1 .diff__phrase,.titres-2 .diff__phrase,.titres-3 .diff__phrase{border-top:0}
.titres-1 .fin .sur-titre,.titres-2 .fin .sur-titre,.titres-3 .fin .sur-titre{margin-left:auto}
@media (max-width:760px){.titres-1 .fin .sur-titre,.titres-2 .fin .sur-titre,.titres-3 .fin .sur-titre{margin-left:0}}

/* Titres 1 · La pastille : le libellé dans une pastille claire, avec le point doré de l'ouverture */
.titres-1 .sur-titre{width:fit-content;justify-self:start;display:inline-flex;gap:12px;padding:10px 18px 10px 16px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(122,91,44,.22);box-shadow:0 10px 24px -18px rgba(122,91,44,.5)}
.titres-1 .sur-titre::before{width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 5px rgba(208,167,107,.22)}
.titres-1 .page--a .bloc>h2::before{content:"";display:inline-block;width:10px;height:10px;margin:0 14px .25em 0;border-radius:50%;background:var(--or);box-shadow:0 0 0 5px rgba(208,167,107,.2);vertical-align:middle}

/* Titres 2 · Le numéro : chaque partie porte son numéro en grand, en doré ; le libellé à côté */
body.titres-2{counter-reset:partie}
.titres-2 .sur-titre{align-items:baseline;gap:14px;counter-increment:partie}
.titres-2 .sur-titre::before{content:counter(partie,decimal-leading-zero);font:700 clamp(2rem,3vw,2.75rem)/1 var(--titre);letter-spacing:-.04em;color:#8A6630}
.titres-2 .tete .sur-titre{counter-increment:none}
.titres-2 .tete .sur-titre::before{content:none}
.titres-2 .page--a .prose{counter-reset:s}
.titres-2 .page--a .bloc>h2::before{counter-increment:s;content:counter(s,decimal-leading-zero);display:block;margin-bottom:12px;font:700 clamp(2rem,3vw,2.75rem)/1 var(--titre);letter-spacing:-.04em;color:#8A6630}

/* Titres 3 · Les deux arcs : le symbole de son logo devant chaque titre de partie */
.titres-3 .sur-titre{gap:14px}
.titres-3 .sur-titre::before{width:30px;height:30px;background:url(images/logo-arcs-or.svg) center/contain no-repeat}
.titres-3 .page--a .bloc>h2::before{content:"";display:block;width:38px;height:38px;margin-bottom:14px;background:url(images/logo-arcs-or.svg) center/contain no-repeat}

/* ---------- « Vos difficultés » : moins lourd que quinze cartes ---------- */
/* Diff 1 · La liste : trois colonnes numérotées, sans cadre */
.diff-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,4vw,64px);counter-reset:none}
.diff-liste li{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid rgba(122,91,44,.2);font:600 clamp(1.125rem,1.4vw,1.3125rem)/1.25 var(--titre);letter-spacing:-.01em}
.diff-liste__n{flex:none;width:28px;font:600 .8125rem/1 var(--corps);letter-spacing:.1em;color:#8A6630}
.diff-liste a{display:inline-flex;align-items:baseline;gap:8px;color:inherit;text-decoration:none;background:linear-gradient(var(--or),var(--or)) 0 100%/0 2px no-repeat;transition:background-size .35s}
.diff-liste a:hover{background-size:100% 2px}
.diff-liste a svg{width:18px;height:18px;color:#8A6630;align-self:center}
@media (max-width:1000px){.diff-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.diff-liste{grid-template-columns:1fr}.diff-liste li{padding:13px 0}}

/* Diff 2 · La première en grand, six cartes pour les pages, les autres en une phrase */
.diff-une{margin-bottom:clamp(28px,4vw,44px);font:700 clamp(1.75rem,3.6vw,3.25rem)/1.05 var(--titre);letter-spacing:-.03em;max-width:18ch;color:var(--encre)}
.diff-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.diff-six a{display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:150px;padding:24px 26px;border-radius:22px;background:var(--blanc);color:var(--encre);text-decoration:none;box-shadow:0 18px 40px -30px rgba(122,91,44,.6);transition:transform .3s,box-shadow .3s}
.diff-six a:hover{transform:translateY(-4px);box-shadow:0 24px 46px -28px rgba(122,91,44,.7)}
.diff-six b{font:600 clamp(1.25rem,1.7vw,1.625rem)/1.15 var(--titre);letter-spacing:-.015em}
.diff-six span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9375rem;color:#7A5B2C}
.diff-six svg{width:18px;height:18px;transition:transform .25s}.diff-six a:hover svg{transform:translateX(4px)}
.diff-aussi{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 0;margin-top:clamp(26px,3.5vw,40px);font-size:1.125rem;color:#3A3D3E}
.diff-aussi b{margin-right:14px;font:600 .8125rem/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:#7A5B2C}
.diff-aussi span:not(:last-child)::after{content:"·";margin:0 12px;color:#B8904F}
@media (max-width:900px){.diff-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.diff-six{grid-template-columns:1fr}.diff-six a{min-height:0;gap:14px;padding:20px}}

/* Diff 3 · Les étiquettes : les quinze à la suite, en pastilles ; celles qui ont une page en doré */
.diff-etiquettes{display:flex;flex-wrap:wrap;gap:12px}
.diff-etiquettes li{display:inline-flex}
.diff-etiquettes li>*{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:999px;background:var(--blanc);border:1px solid rgba(122,91,44,.2);font:600 clamp(1.0625rem,1.3vw,1.25rem)/1.2 var(--titre);letter-spacing:-.01em;color:var(--encre);text-decoration:none}
.diff-etiquettes--page>a{background:var(--or-clair);border-color:transparent;transition:background-color .3s,transform .3s}
.diff-etiquettes--page>a:hover{background:var(--or);transform:translateY(-2px)}
.diff-etiquettes svg{width:18px;height:18px}
.diff-etiquettes li:first-child>*{font-size:clamp(1.25rem,1.8vw,1.625rem);padding:14px 26px}
@media (max-width:560px){.diff-etiquettes{gap:8px}.diff-etiquettes li>*{min-height:44px;padding:10px 16px;font-size:1rem}}

/* ---------- La page intérieure, sans le grand blanc à droite ---------- */
/* Page 1 · Centrée : la colonne de lecture au milieu */
.page-1 .page--a .prose{margin-inline:auto}
/* Page 2 · Une colonne d'accompagnement à droite : le sommaire, puis le téléphone, qui suivent la lecture */
.page__duo{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,340px);justify-content:space-between;gap:clamp(40px,6vw,104px);align-items:start}
.compagnon__colle{position:sticky;top:calc(var(--ent) + 28px)}
.compagnon__titre{margin-bottom:12px;font:600 .75rem/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:#7A5B2C}
.compagnon__sommaire{counter-reset:c;border-top:1px solid rgba(40,40,40,.15)}
.compagnon__sommaire li{counter-increment:c;border-bottom:1px solid rgba(40,40,40,.15)}
.compagnon__sommaire a{display:flex;gap:12px;padding:11px 0;font-size:.9688rem;line-height:1.35;text-decoration:none;color:var(--encre)}
.compagnon__sommaire a::before{content:counter(c,decimal-leading-zero);font:600 .8125rem/1.6 var(--corps);color:#8A6630}
.compagnon__sommaire a:hover{color:#7A5B2C}
.compagnon__appel{margin-top:26px;padding:24px 22px;border-radius:22px;background:var(--rose)}
.compagnon__appel p{font-size:.9688rem;color:#3A3D3E}
.compagnon__num{display:block;margin:6px 0 8px;font:700 1.75rem/1.1 var(--titre);letter-spacing:-.02em;color:#8A6630;text-decoration:none;white-space:nowrap}
.compagnon__infos{font-size:.875rem!important;color:var(--texte-gris)!important}
@media (max-width:1000px){.page__duo{grid-template-columns:1fr}.compagnon{display:none}}
/* Page 3 · Titres à gauche : chaque partie en deux colonnes, le titre qui reste en vue, le texte à droite */
.page-3 .page--a .prose{max-width:none}
.page-3 .page--a .bloc,.page-3 .page--a .encadre{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:0 clamp(40px,6vw,96px);align-items:start}
.page-3 .page--a .bloc>h2,.page-3 .page--a .encadre>h2{grid-column:1;grid-row:1/span 60;position:sticky;top:calc(var(--ent) + 28px)}
.page-3 .page--a .bloc>:not(h2),.page-3 .page--a .encadre>:not(h2){grid-column:2;margin-bottom:18px}
.page-3 .page--a .bloc>:last-child,.page-3 .page--a .encadre>:last-child{margin-bottom:0}
.page-3 .page--a .appel-milieu{max-width:none}
@media (max-width:900px){
  .page-3 .page--a .bloc,.page-3 .page--a .encadre{grid-template-columns:1fr}
  .page-3 .page--a .bloc>h2,.page-3 .page--a .encadre>h2{grid-row:auto;position:static;margin-bottom:22px}
  .page-3 .page--a .bloc>:not(h2),.page-3 .page--a .encadre>:not(h2){grid-column:1}
}

/* ---------- Le menu ---------- */
.panneau__decrits a{display:flex!important;flex-direction:column;gap:2px}
.panneau__decrits b{font:600 1.0625rem/1.25 var(--titre)}
.panneau__decrits span{font:500 .875rem/1.3 var(--corps);color:var(--texte-gris)}
/* Menu 1 · Le grand panneau : toute la largeur, son portrait dans l'arche */
.menu-1 .deroulant{position:static}
.menu-1 .panneau--grand{left:0;right:0;top:calc(100% - 6px);transform:none;width:auto;max-width:1240px;margin:0 auto;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);gap:8px 48px;padding:32px 36px 28px}
.panneau__photo{grid-row:1/span 2}
.panneau__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;border-radius:50% 50% 18px 18px/40% 40% 18px 18px}
.panneau__photo p{margin-top:14px;font-size:.9375rem;line-height:1.45;color:var(--texte-gris)}
.menu-1 .panneau--grand .panneau__appel{grid-column:2/-1}
/* Menu 2 · Deux menus : deux petites cartes, chacune sous son libellé */
.menu-2 .panneau--carte{display:block;width:340px;padding:18px 22px 16px;left:0;transform:none}
.menu-2 .panneau--carte li+li{border-top:1px solid rgba(40,40,40,.08)}
.menu-2 .ent__nav .panneau--carte a{padding:11px 0}
.panneau__tout{display:inline-flex!important;align-items:center;gap:8px;margin-top:10px;padding:8px 0!important;font:600 .9375rem/1.2 var(--corps)!important;color:#7A5B2C}
.panneau__tout svg{width:16px;height:16px}
/* Menu 3 · Plein écran : le panneau couvre la page, en grandes lettres */
.menu-3 .panneau--plein{position:fixed;inset:0;z-index:60;width:auto;transform:none;border:0;border-radius:0;box-shadow:none;background:#FBF6F0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:24px clamp(40px,8vw,140px);padding:calc(var(--ent) + 40px) max(var(--gout),calc((100vw - 1240px) / 2)) 48px}
.menu-3 .panneau--plein[hidden]{display:none}
.menu-3 .panneau--plein .panneau__titre{font-size:.875rem;margin-bottom:18px}
.menu-3 .ent__nav .panneau--plein a{padding:10px 0;font-size:clamp(1.5rem,2.6vw,2.375rem);letter-spacing:-.02em}
.menu-3 .panneau--plein .panneau__decrits b{font-size:clamp(1.5rem,2.6vw,2.375rem);letter-spacing:-.02em}
.menu-3 .panneau--plein .panneau__decrits span{font-size:1rem}
.menu-3 .panneau--plein .panneau__appel{margin-top:28px}
.panneau__fermer{position:absolute;top:22px;right:max(var(--gout),calc((100vw - 1240px) / 2));width:52px;height:52px;border:1.5px solid rgba(40,40,40,.4);border-radius:50%;background:none;cursor:pointer}
.panneau__fermer span{position:absolute;left:14px;right:14px;top:24px;height:2px;background:var(--encre);transform:rotate(45deg)}
.panneau__fermer span+span{transform:rotate(-45deg)}
.menu-2 .panneau--carte[hidden]{display:none}
/* Titres 2 : sur une page intérieure, seules les parties du texte sont numérotées */
.titres-2.interieure .sur-titre::before{content:none}
.menu-3 .ent__nav .panneau--plein .btn{padding:14px 26px;font:600 1.0625rem/1.2 var(--corps);letter-spacing:0}
/* Menu 1 retenu le 19/10 : la libération émotionnelle mise en avant, en tête du panneau */
.menu-1 .panneau--grand{grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto}
.menu-1 .panneau__photo{grid-row:1/span 3}
.ent__nav .panneau .panneau__vedette{grid-column:2/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 28px;margin-bottom:14px;padding:22px 26px!important;border-radius:20px;background:var(--rose);color:var(--encre);text-decoration:none;transition:background-color .3s}
.ent__nav .panneau .panneau__vedette:hover{background:#FFD9D4}
.panneau__vedette .panneau__titre{grid-column:1/-1;margin:0}
.panneau__vedette b{grid-column:1;font:700 clamp(1.5rem,2.2vw,2rem)/1.05 var(--titre);letter-spacing:-.025em}
.panneau__vedette-texte{grid-column:1;font:500 .9688rem/1.45 var(--corps);color:#3A3D3E;max-width:52ch}
.panneau__vedette-lien{grid-column:2;grid-row:2/span 2;align-self:end;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--or);font:600 .9688rem/1 var(--corps);white-space:nowrap}
.panneau__vedette-lien svg{width:16px;height:16px;transition:transform .25s}
.panneau__vedette:hover .panneau__vedette-lien svg{transform:translateX(4px)}
/* Le pont invisible entre le libellé et le panneau, pour que le survol ne le referme pas en chemin */
.menu-1 .panneau--grand::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
/* Les chiffres de l'accueil (19/10 : « trop gros, mets une animation ») : plus petits, et chaque nombre monte de
   derrière son cache, l'un après l'autre. Pas de compteur qui défile : le socle le réserve aux cartes de tarif. */
.accueil .chiffres li{gap:6px;padding:clamp(22px,2.6vw,34px) clamp(16px,3vw,48px)}
.accueil .chiffres b{display:block;overflow:hidden;padding-bottom:.06em;font-size:clamp(2rem,3.2vw,3rem)}
.accueil .chiffres li>span{font-size:.9375rem}
.chiffres .chiffre{display:inline-block;font-size:inherit;color:inherit;letter-spacing:inherit;text-align:left}
.js .chiffres li.rv .chiffre{transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.7,.2,1) .15s}
.js .chiffres li.rv[data-d="1"] .chiffre{transition-delay:.3s}
.js .chiffres li.rv[data-d="2"] .chiffre{transition-delay:.45s}
.js .chiffres li.rv.vu .chiffre{transform:none}
@media (max-width:760px){.accueil .chiffres li{padding:16px 0}.accueil .chiffres b{font-size:clamp(1.75rem,8vw,2.25rem)}}
@media (prefers-reduced-motion:reduce){.js .chiffres li.rv .chiffre{transform:none;transition:none}}

/* ---------- La bande des chiffres (19/10 : « moche ») : trois propositions ---------- */
/* Chiffres 1 · Dans l'ouverture : une ligne sous le bouton d'appel, sans bande */
.ouv__chiffres{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(122,91,44,.22);max-width:640px;font-size:.9688rem;color:#3A3D3E}
.ouv__chiffres li{display:flex;align-items:baseline;gap:6px}
.ouv__chiffres b{display:inline-block;overflow:hidden;padding-bottom:.08em;font:700 1.375rem/1 var(--titre);letter-spacing:-.02em;color:#8A6630}
.js .ouv__texte>.ouv__chiffres{animation:none}
@media (max-width:760px){.ouv__chiffres{gap:6px 18px;margin-top:22px;padding-top:16px;font-size:.875rem}.ouv__chiffres b{font-size:1.125rem}}
/* Chiffres 2 · Trois cartes blanches posées sur le bas de la photo */
.accueil .chiffres--v2{position:relative;z-index:2;background:transparent;border:0;margin-top:-64px;padding:0 var(--gout)}
.accueil .chiffres--v2 ul{max-width:1040px;gap:14px;padding:0}
.accueil .chiffres--v2 li,.accueil .chiffres--v2 li+li{border:0}
.accueil .chiffres--v2 li{padding:22px 26px;border-radius:22px;background:var(--blanc);box-shadow:0 22px 46px -30px rgba(122,91,44,.6)}
.accueil .chiffres--v2+.diff{padding-top:clamp(56px,7vw,96px)}
@media (max-width:760px){.accueil .chiffres--v2{margin-top:-36px}.accueil .chiffres--v2 ul{gap:8px}.accueil .chiffres--v2 li{padding:14px 18px}}
/* Chiffres 3 · Une ligne fine : les trois sur une seule ligne, séparés par les deux arcs */
.accueil .chiffres--v3{background:var(--beige);border:0}
.accueil .chiffres--v3 ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 0;padding:18px var(--gout)}
.accueil .chiffres--v3 li,.accueil .chiffres--v3 li+li{flex-direction:row;align-items:baseline;gap:8px;padding:0 28px;border:0}
.accueil .chiffres--v3 li+li::before{content:"";align-self:center;width:20px;height:20px;margin-right:22px;margin-left:-28px;background:url(images/logo-arcs-or.svg) center/contain no-repeat}
.accueil .chiffres--v3 b{font-size:1.625rem}
.accueil .chiffres--v3 li>span{color:#3A3D3E;font-size:.9688rem}
@media (max-width:760px){.accueil .chiffres--v3 ul{flex-direction:column;align-items:flex-start;padding:16px var(--gout)}.accueil .chiffres--v3 li,.accueil .chiffres--v3 li+li{padding:4px 0;justify-content:flex-start}.accueil .chiffres--v3 li+li::before{display:none}.accueil .chiffres--v3 b{font-size:1.375rem}}
/* Les petits mots des chiffres (« ans », « près de », « sur 5 ») restent lisibles maintenant que les nombres sont plus petits */
.accueil .chiffres small{font-size:.5em;vertical-align:.1em}
.ouv__chiffres{max-width:none}
.ouv__chiffres{width:fit-content;max-width:100%}
.accueil .chiffres--v2{background:linear-gradient(transparent 64px,var(--rose) 64px)}
@media (max-width:760px){.accueil .chiffres--v2{background:linear-gradient(transparent 36px,var(--rose) 36px)}}

/* ---------- « Vos difficultés » en entier (19/10 : « trop gros ») : trois propositions ---------- */
.diff__titre{font:700 clamp(2rem,3.6vw,3.25rem)/1 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.03em;text-wrap:balance}
.diff--s1,.diff--s2,.diff--s3{padding:clamp(56px,7vw,96px) 0}
.diff--s1 .diff__phrase,.diff--s2 .diff__phrase,.diff--s3 .diff__phrase{margin-top:clamp(28px,3.5vw,44px);padding-top:0}
.diff--s1 .diff__phrase p,.diff--s2 .diff__phrase p,.diff--s3 .diff__phrase p{font-size:clamp(1.25rem,1.9vw,1.625rem);max-width:28ch}
.diff--s1 .diff-liste li,.diff--s3 .diff-liste li{padding:11px 0;font-size:clamp(1rem,1.1vw,1.0625rem)}
/* Section 1 · Deux colonnes */
.diff__duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px clamp(40px,6vw,96px);align-items:start}
.diff__gauche .diff__titre{margin:18px 0 20px}
.diff__gauche .diff__intro{font-size:1.0625rem}
.diff--s1 .diff__phrase{grid-template-columns:1fr;gap:10px}
.diff--s1 .diff-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
.diff__droite{padding:26px clamp(20px,2.4vw,34px);border-radius:24px;background:rgba(255,255,255,.62)}
@media (max-width:900px){.diff__duo{grid-template-columns:1fr}}
@media (max-width:560px){.diff--s1 .diff-liste{grid-template-columns:1fr}.diff__droite{padding:18px 16px}}
/* Section 2 · Au centre, au fil du texte */
.diff__centre{max-width:980px;text-align:center;display:flex;flex-direction:column;align-items:center}
.diff__centre .diff__titre{margin:18px 0 18px}
.diff__centre .diff__intro{max-width:640px;margin:0 auto}
.diff-fil{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;margin:clamp(30px,4vw,48px) 0 0;font:600 clamp(1.125rem,1.6vw,1.375rem)/1.35 var(--titre);letter-spacing:-.01em;color:var(--encre)}
.diff-fil li:not(:last-child)::after{content:"";display:inline-block;width:6px;height:6px;margin:0 16px .22em;border-radius:50%;background:var(--or);vertical-align:middle}
.diff-fil a{color:inherit;text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:2px;text-underline-offset:5px}
.diff-fil a:hover{color:#7A5B2C}
.diff__centre .diff__plus{margin-top:20px}
.diff--s2 .diff__phrase{grid-template-columns:1fr;justify-items:center;gap:10px}
.diff--s2 .diff__phrase p{margin:0 auto}
@media (max-width:560px){.diff-fil li:not(:last-child)::after{margin:0 10px .22em}}
/* Section 3 · Resserrée : la même composition, en plus petit */
.diff--s3 .diff__tete{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:clamp(28px,3.5vw,40px)}
.diff--s3 .diff__phrase{grid-template-columns:minmax(0,1fr) auto}
@media (max-width:760px){.diff--s3 .diff__tete,.diff--s3 .diff__phrase{grid-template-columns:1fr}}
.bloc[id],.encadre[id]{scroll-margin-top:calc(var(--ent) + 36px)}
/* « Allège la partie de gauche » (19/10) : la phrase de Stéphanie en plus petit, signée sur la même ligne ;
   la mention médicale passe sous la liste */
.diff--s1 .diff__gauche .diff__intro{font-size:1.0625rem;max-width:40ch}
.diff--s1 .diff__phrase{display:block;margin-top:32px}
.diff--s1 .diff__phrase blockquote{display:inline}
.diff--s1 .diff__phrase p{display:inline;font:600 clamp(1.0625rem,1.3vw,1.1875rem)/1.45 var(--titre);letter-spacing:-.01em;max-width:none}
.diff--s1 .diff__phrase figcaption{display:inline;margin-left:10px;font-size:.75rem;white-space:nowrap}
.diff--s1 .diff__gauche{max-width:440px}
.diff--s1 .diff__droite .note{margin-top:10px;font-size:.875rem;color:var(--texte-gris)}
.diff--s1 .diff__phrase figcaption{display:block;margin:8px 0 0}

/* ---------- 19/10 : « trop gros » (« Ma façon de travailler », après « Vos difficultés ») ----------
   Les grands titres de partie passent à la taille de celui de « Vos difficultés », sur tout le site ; les chiffres
   1 à 4 de la méthode et l'espace des parties suivent. */
.titre-xl,.titre-l{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1;letter-spacing:-.03em}
.diff,.avis,.acc,.facon{padding:clamp(56px,7vw,96px) 0}
.interieure .avis{padding:clamp(48px,6vw,80px) 0}
.parcours__texte{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.parcours__texte .titre-xl{margin-bottom:24px}
.facon .titre-xl{max-width:none;margin-bottom:clamp(28px,3.5vw,44px)}
.facon__etapes{gap:clamp(18px,2vw,30px)}
.facon__etapes li{padding-top:18px;border-top-width:1px;font-size:1rem}
.facon__etapes li::before{margin-bottom:10px;font-size:clamp(2rem,3vw,2.75rem)}
@media (max-width:560px){.facon__etapes li{grid-template-columns:44px 1fr}.facon__etapes li::before{font-size:2rem}}
.avis__tete,.acc__tete{margin-bottom:clamp(26px,3.5vw,44px)}
.avis__note b{font-size:clamp(2.5rem,4vw,3.5rem)}
.sb-avis__texte p{font-size:clamp(1.0625rem,1.3vw,1.25rem)}
.acc__prix{font-size:clamp(2.5rem,4vw,3.75rem)}
.fin__num{font-size:clamp(2.25rem,4vw,3.75rem)}
.fin .titre-l,.fin .titre-xl{max-width:none}
.fin__num{display:inline-flex;align-items:center;min-height:44px}


/* ===== Les pages « Mon accompagnement » (19/10) : trois mises en page complètement différentes ===== */
/* Commun : les informations pratiques (faits du 15/10), jamais animées */
.plein__faits,.fiche__faits,.recit__faits{margin:0}
.plein__faits dt,.fiche__faits dt,.recit__faits dt{font:600 .75rem/1.2 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:#7A5B2C}
.plein__faits dd,.fiche__faits dd,.recit__faits dd{margin:4px 0 0;font:600 1.0625rem/1.3 var(--titre);color:var(--encre)}

/* ---------- 1 · Plein cadre ---------- */
.plein{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:#FBF6F0}
.plein__photo,.plein__photo img{position:absolute;inset:0;width:100%;height:100%}
.plein__photo img{object-fit:cover;object-position:62% 28%;filter:sepia(.12) saturate(1.05) brightness(1.04)}
.plein__photo--09 img{object-position:30% 30%}
.plein__voile{position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,246,240,.97) 0%,rgba(251,246,240,.9) 34%,rgba(251,246,240,.35) 58%,rgba(251,246,240,0) 72%)}
.plein__photo--09~.plein__voile{background:linear-gradient(270deg,rgba(251,246,240,.97) 0%,rgba(251,246,240,.9) 34%,rgba(251,246,240,.35) 58%,rgba(251,246,240,0) 72%)}
.plein__texte{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:calc(var(--ent) + 40px) var(--gout) clamp(40px,6vh,72px)}
.plein__photo--09~.plein__voile~.plein__texte{display:flex;flex-direction:column;align-items:flex-end}
.plein__photo--09~.plein__voile~.plein__texte>*{max-width:600px;width:100%}
.plein__texte>*{max-width:600px}
.plein__h1{margin:6px 0 18px;font:700 clamp(2.25rem,4.4vw,4rem)/1 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.035em;text-wrap:balance}
.plein .chapo p{font-size:1.125rem}
.plein__faits{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(122,91,44,.25)}
.bande-acc{padding:clamp(56px,7vw,96px) 0}
.bande-acc--creme{background:#FBF6F0}.bande-acc--rose{background:var(--rose)}.bande-acc--beige{background:var(--beige)}
.bande-acc__cadre{max-width:calc(820px + 2 * var(--gout))}
.page--plein .bloc>h2{border-top:0;padding-top:0}
@media (max-width:760px){
  .plein{min-height:0;flex-direction:column;align-items:stretch}
  .plein__photo{position:relative;height:auto}
  .plein__photo img{position:relative;height:auto;aspect-ratio:4/5;object-position:45% 10%}
  .plein__voile{top:auto;height:55%;background:linear-gradient(0deg,#FBF6F0 15%,rgba(251,246,240,0))!important}
  .plein__texte{margin-top:-120px;padding:0 var(--gout) 40px}
  .plein__photo--09~.plein__voile~.plein__texte{align-items:stretch}
  .plein .tete__actions .btn{width:100%}
}

/* ---------- 2 · La fiche séance ---------- */
.fiche-tete{background:var(--beige);padding:calc(var(--ent) + clamp(32px,4.5vw,56px)) 0 clamp(48px,6vw,80px)}
.fiche-tete__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:40px clamp(40px,6vw,96px);align-items:start}
.fiche-tete__h1{margin:6px 0 20px;font:700 clamp(2.25rem,4.4vw,4rem)/1 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.035em;text-wrap:balance}
.fiche-tete .chapo{max-width:60ch}
.fiche{padding:26px 26px 22px;border-radius:26px;background:var(--blanc);box-shadow:0 26px 60px -36px rgba(122,91,44,.6)}
.fiche__qui{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid rgba(40,40,40,.1)}
.fiche__qui img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 12%}
.fiche__qui b{display:block;font:700 1.0625rem/1.2 var(--titre)}
.fiche__qui span{font-size:.875rem;color:var(--texte-gris)}
.fiche__titre{margin:18px 0 6px;font:600 .75rem/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:#7A5B2C}
.fiche__faits div{padding:12px 0;border-bottom:1px solid rgba(40,40,40,.08)}
.fiche__btn{width:100%;margin-top:18px}
.fiche__infos{margin-top:12px;font-size:.875rem;line-height:1.5;color:var(--texte-gris);text-align:center}
.page--fiche{padding:clamp(48px,6vw,80px) 0 clamp(56px,7vw,96px)}
.cartes-parties{columns:2;column-gap:20px}
.carte-partie{break-inside:avoid;margin-bottom:20px;padding:clamp(24px,2.6vw,34px);border-radius:24px;background:var(--blanc);box-shadow:0 18px 44px -36px rgba(122,91,44,.55)}
.carte-partie .bloc>h2,.carte-partie .encadre>h2{border-top:0;padding-top:0;font-size:clamp(1.5rem,2.2vw,2rem)}
.carte-partie .encadre{padding:0;border:0;background:none;border-radius:0}
.carte-partie:has(.encadre){border-left:5px solid var(--or)}
.carte-partie:has(.bloc--faq),.carte-partie:has(.video){column-span:all}
.carte-partie .appel-milieu{margin:24px 0 0}
@media (max-width:980px){.fiche-tete__grille{grid-template-columns:1fr}.cartes-parties{columns:1}}

/* ---------- 3 · Le récit ---------- */
.recit__cadre{width:100%;max-width:calc(700px + 2 * var(--gout));margin:0 auto;padding:0 var(--gout)}
.recit{background:#FBF6F0;padding:calc(var(--ent) + clamp(36px,5vw,64px)) 0 clamp(40px,5vw,64px);text-align:center}
.recit__portrait{width:150px;height:150px;margin:0 auto 26px;border-radius:50%;object-fit:cover;object-position:50% 12%;box-shadow:0 0 0 8px var(--blanc),0 0 0 9px rgba(122,91,44,.25)}
.recit .ariane{justify-content:center}
.recit .sur-titre{justify-content:center;margin-inline:auto}
.recit__h1{margin:8px 0 22px;font:700 clamp(2.25rem,4.6vw,4rem)/1 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.035em;text-wrap:balance}
.recit__chapo p{font:500 clamp(1.1875rem,1.7vw,1.4375rem)/1.55 var(--titre);letter-spacing:-.005em;color:#3A3D3E}
.recit__faits{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin:30px 0 0}
.recit .tete__actions{justify-content:center}
.page--recit{background:#FBF6F0;padding:clamp(24px,3vw,40px) 0 clamp(64px,8vw,112px)}
.page--recit .bloc,.page--recit .encadre{margin-top:clamp(48px,6vw,80px)}
.page--recit .bloc>h2{text-align:center;border-top:0;padding-top:0}
.page--recit .bloc>h2::before{content:"";display:block;width:36px;height:36px;margin:0 auto 16px;background:url(images/logo-arcs-or.svg) center/contain no-repeat}
.page--recit .bloc>h2+p{font-size:1.1875rem;line-height:1.65}
.page--recit .encadre h2::before{content:none}
.plein__texte>.sur-titre{width:fit-content!important}
@media (max-width:760px){
  .plein__texte{margin-top:-48px}
  .plein__voile{height:40%;background:linear-gradient(0deg,#FBF6F0 22%,rgba(251,246,240,.85) 45%,rgba(251,246,240,0))!important}
}
@media (max-width:760px){
  .plein__voile{display:none}
  .plein__texte{margin-top:0;padding-top:26px}
  .plein .ariane{display:none}
  .plein__texte>.sur-titre{align-self:flex-start}
}

/* ---------- 19/10 : « les infos sont trop denses » ---------- */
.carte-partie{padding:clamp(28px,3vw,40px)}
.carte-partie .prose p,.cartes-parties p{line-height:1.75}
/* Alléger 2 · « Lire la suite » */
.suite summary{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-weight:600;color:#7A5B2C;cursor:pointer;list-style:none}
.suite summary::-webkit-details-marker{display:none}
.suite summary::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.suite[open] summary{margin-bottom:14px}
.suite[open] summary span{font-size:0}
.suite[open] summary span::before{content:"Replier";font-size:1rem}
.suite[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
/* Alléger 3 · tout en accordéons */
.parties{margin:0 0 28px;border-top:1px solid rgba(40,40,40,.15)}
.partie{border-bottom:1px solid rgba(40,40,40,.15)}
.partie summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none}
.partie summary::-webkit-details-marker{display:none}
.partie summary h2{margin:0!important;font-size:clamp(1.375rem,2.2vw,1.875rem)!important}
.partie summary::after{content:"+";flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--rose);color:#7A5B2C;font:500 1.5rem/1 var(--corps);transition:transform .25s}
.partie[open] summary::after{transform:rotate(45deg)}
.partie__corps{padding:0 0 24px;max-width:760px}
.page--fiche .parties,.page--fiche .parties~*{column-span:all}
.page--fiche .cartes-parties:has(.parties){columns:1}

/* ---------- 19/10 : la fiche en bandeau (« gros blanc ») ---------- */
.fiche-tete--bandeau{padding-bottom:clamp(36px,4.5vw,56px)}
.fiche-tete--bandeau .chapo{max-width:70ch}
.fiche--bandeau{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px clamp(24px,3vw,44px);margin-top:clamp(26px,3vw,38px);padding:20px 26px}
.fiche--bandeau .fiche__qui{padding:0;border:0}
.fiche--bandeau .fiche__qui img{width:56px;height:56px}
.fiche--bandeau .fiche__faits{display:flex;flex-wrap:wrap;gap:12px clamp(20px,2.6vw,40px);padding-left:clamp(20px,2.6vw,40px);border-left:1px solid rgba(40,40,40,.1)}
.fiche--bandeau .fiche__faits div{padding:0;border:0}
.fiche--bandeau .fiche__appel{display:grid;justify-items:center;gap:6px}
.fiche--bandeau .fiche__btn{width:auto;margin:0}
.fiche--bandeau .fiche__infos{margin:0;font-size:.8125rem}
@media (max-width:1100px){.fiche--bandeau{grid-template-columns:1fr}.fiche--bandeau .fiche__faits{padding:16px 0 0;border-left:0;border-top:1px solid rgba(40,40,40,.1)}.fiche--bandeau .fiche__appel{justify-items:stretch}.fiche--bandeau .fiche__btn{width:100%}}

/* ---------- Le corps en trois parties : ce qu'elles partagent ---------- */
.page--trois{padding:clamp(48px,6vw,80px) 0 clamp(56px,7vw,96px)}
.trois__n{font:700 clamp(2rem,3vw,2.75rem)/1 var(--titre);letter-spacing:-.04em;color:#8A6630}
.trois__titre{font:700 clamp(1.75rem,2.8vw,2.5rem)/1.05 var(--titre)!important;letter-spacing:-.03em;margin:0!important}
.trois__sous{font-size:.9375rem;line-height:1.5;color:var(--texte-gris)}
.page--trois .bloc,.page--trois .encadre{margin-bottom:clamp(30px,4vw,48px)}
.page--trois .bloc>h3,.page--trois .encadre>h3{margin:0 0 14px;font:700 clamp(1.3125rem,1.9vw,1.625rem)/1.15 var(--titre);letter-spacing:-.02em}
.page--trois .prose>section:last-child>:last-child,.page--trois .trois__corps>:last-child{margin-bottom:0}

/* Trois 1 · Les onglets */
.trois__barre{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,4vw,48px);padding:8px;border-radius:999px;background:var(--blanc);box-shadow:0 14px 34px -28px rgba(122,91,44,.6);width:fit-content;max-width:100%}
.trois__onglet{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 22px;border:0;border-radius:999px;background:none;font:600 1rem/1.2 var(--corps);color:#3A3D3E;cursor:pointer;transition:background-color .25s,color .25s}
.trois__onglet span{font:700 .875rem/1 var(--titre);color:#8A6630}
.trois__onglet[aria-selected="true"]{background:var(--rose);color:var(--encre)}
.trois__onglet:hover{color:var(--encre)}
.page--onglets .prose{max-width:820px}
.page--onglets .trois__partie[hidden]{display:none}
@media (max-width:560px){.trois__barre{border-radius:22px;width:100%}.trois__onglet{flex:1 1 100%;justify-content:flex-start}}

/* Trois 2 · Les bandes numérotées */
.trois__bande{padding:clamp(56px,7vw,96px) 0}
.trois__bande--creme{background:#FBF6F0}.trois__bande--rose{background:var(--rose)}.trois__bande--beige{background:var(--beige)}
.page--bandes{padding:0}
.trois__grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px clamp(40px,6vw,96px);align-items:start}
.trois__tete{position:sticky;top:calc(var(--ent) + 28px);display:grid;gap:10px}
.trois__corps{max-width:760px}
@media (max-width:900px){.trois__grille{grid-template-columns:1fr}.trois__tete{position:static}}

/* Trois 3 · Le sommaire en trois cartes */
.trois__cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:clamp(44px,6vw,72px)}
.trois__cartes a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px 26px;border-radius:24px;background:var(--blanc);color:var(--encre);text-decoration:none;box-shadow:0 18px 44px -34px rgba(122,91,44,.6);transition:transform .3s}
.trois__cartes a:hover{transform:translateY(-4px)}
.trois__cartes b{font:700 1.5rem/1.1 var(--titre);letter-spacing:-.02em}
.trois__aller{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#7A5B2C}
.trois__aller svg{width:16px;height:16px}
.trois__suite{max-width:820px}
.page--sommaire .trois__partie{scroll-margin-top:calc(var(--ent) + 24px);margin-bottom:clamp(48px,6vw,80px)}
.page--sommaire .trois__tete{position:static;display:flex;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(122,91,44,.25)}
@media (max-width:900px){.trois__cartes{grid-template-columns:1fr}}

/* ---------- 19/10 : la note Google « autrement » (pages sans avis cité) ---------- */
.etoile{display:inline-block;color:var(--or)}
/* Avis 1 · Une carte centrée */
.note-carte{background:var(--beige);padding:clamp(48px,6vw,80px) 0}
.note-carte__carte{display:grid;justify-items:center;gap:8px;max-width:440px;margin:0 auto;padding:32px 28px;border-radius:26px;background:var(--blanc);text-align:center;box-shadow:0 24px 54px -36px rgba(122,91,44,.6)}
.note-carte__etoiles{font-size:1.5rem;letter-spacing:.15em;font-family:system-ui,sans-serif}
.note-carte__note{font:600 1.125rem/1 var(--titre)}
.note-carte__note b{font-size:3rem;letter-spacing:-.04em;color:#8A6630;margin-right:6px}
.note-carte__nb{margin-bottom:10px;color:var(--texte-gris)}
/* Avis 2 · Dans le bandeau « En bref » */
.fiche__avis a{display:inline-flex;align-items:center;gap:8px;color:var(--encre);text-decoration:none;border-bottom:1.5px solid rgba(122,91,44,.4)}
.fiche__etoiles{color:var(--or);letter-spacing:.08em;font-family:system-ui,sans-serif}
/* Avis 3 · Une bande d'étoiles */
.note-etoiles{background:var(--rose);padding:clamp(48px,6vw,80px) 0;text-align:center}
.note-etoiles .cadre{display:grid;justify-items:center;gap:12px}
.note-etoiles__etoiles{font-size:clamp(2rem,4vw,3rem);letter-spacing:.12em;font-family:system-ui,sans-serif}
.note-etoiles__note{font:500 clamp(1.125rem,1.6vw,1.375rem)/1.3 var(--titre);color:#3A3D3E}
.note-etoiles__note b{font-weight:700;color:var(--encre)}
.note-etoiles .lien{color:#7A5B2C}
.js .note-etoiles .etoile{opacity:0;transform:scale(.4);transition:opacity .4s,transform .5s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(var(--i) * 120ms + .15s)}
.js .note-etoiles.vu .etoile{opacity:1;transform:none}
.js .note-etoiles.rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .note-etoiles .etoile{opacity:1;transform:none;transition:none}}
/* Avis 1 retenu (19/10) : la carte de la note, et des exemples d'avis à côté */
.note-carte__titre{margin-bottom:clamp(24px,3vw,36px);font:700 clamp(1.75rem,2.8vw,2.5rem)/1.05 var(--titre);letter-spacing:-.03em}
.note-carte__grille{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px;align-items:stretch}
.note-carte__grille .note-carte__carte{margin:0;max-width:none;align-content:center}
.note-carte .sb-avis__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.note-carte .sb-avis__carte{padding:24px 24px 20px}
.note-carte .sb-avis__texte p{font-size:1.0625rem;line-height:1.45}
@media (max-width:900px){.note-carte__grille{grid-template-columns:1fr}}

/* ---------- 19/10 : les longues listes (« change la manière dont tout cela est présenté ») ---------- */
/* Plus de tiret devant les puces, partout : un point doré */
.prose ul>li::before{width:7px;height:7px;top:.72em;left:4px;border-radius:50%;background:var(--or)}
.liste-intro{margin-bottom:14px!important;font-weight:600;color:var(--encre)}
/* Listes 1 · Des pastilles */
.liste-pastilles{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px!important}
.prose .liste-pastilles>li{margin:0;padding:9px 18px;border-radius:999px;background:var(--blanc);border:1px solid rgba(122,91,44,.2);font:600 1rem/1.25 var(--titre)}
.prose .liste-pastilles>li::before{display:none}
.prose .liste-pastilles>li.a-page{background:var(--or-clair);border-color:transparent}
.prose .liste-pastilles a{color:var(--encre);text-decoration:none}
.prose .liste-pastilles a::after{content:" →";color:#7A5B2C}
/* Listes 2 · Une liste numérotée en colonnes */
.liste-colonnes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0 0 26px!important;counter-reset:none!important}
.prose .liste-colonnes>li{display:flex;gap:14px;margin:0;padding:11px 0 11px;border-bottom:1px solid rgba(122,91,44,.2);font:600 1.0313rem/1.3 var(--titre)}
.prose .liste-colonnes>li::before{display:none}
.liste-n{flex:none;width:24px;font:600 .8125rem/1.6 var(--corps);color:#8A6630}
@media (max-width:560px){.liste-colonnes{grid-template-columns:1fr}}
/* Listes 3 · Une carte par public */
.liste-carte{margin:0 0 18px;padding:24px 26px;border-radius:22px;background:var(--blanc);box-shadow:0 16px 40px -34px rgba(122,91,44,.6)}
.liste-carte__public{margin:0 0 6px!important;font:600 .75rem/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:#7A5B2C}
.liste-carte .liste-intro{font-weight:500;color:#3A3D3E}
.liste-points{columns:2;column-gap:32px;margin:0!important}
.prose .liste-points>li{break-inside:avoid;margin:0 0 8px}
@media (max-width:560px){.liste-points{columns:1}}
/* Les pages légales (19/10) : une colonne de lecture centrée, plus de blanc à droite */
.interieur--legal .tete__grille{grid-template-columns:1fr;max-width:calc(820px + 2 * var(--gout))}
.interieur--legal .page--a .prose{margin-inline:auto}
.interieur--legal .tete__grille{margin-inline:auto}
/* La formation (19/10) : le programme en deux colonnes, les témoignages en texte courant */
#programme-de-la-formation-methode-libre>ul{columns:2;column-gap:40px}
#programme-de-la-formation-methode-libre>ul>li{break-inside:avoid}
@media (max-width:760px){#programme-de-la-formation-methode-libre>ul{columns:1}}
.page--trois blockquote p{font:400 1.0625rem/1.7 var(--corps);letter-spacing:0;color:#3A3D3E}
.page--trois blockquote{margin-bottom:28px}
.interieur--legal .page--a .cadre{max-width:calc(820px + 2 * var(--gout))}.interieur--legal .page--a .prose{max-width:none}


/* ===== La page Formation (19/10 : « ce format n'est absolument pas adapté ») : trois mises en page à elle ===== */
.interieur--formation .fo-corps{max-width:none;font-size:1.0625rem}
.fo-h1{margin:6px 0 22px;font:700 clamp(2.25rem,4.4vw,4rem)/1 var(--titre);font-variation-settings:"opsz" 96;letter-spacing:-.035em;text-wrap:balance}
.fo-h2{margin:0 0 clamp(24px,3vw,40px)!important;font:700 clamp(1.75rem,3vw,2.75rem)/1.05 var(--titre)!important;letter-spacing:-.03em;text-wrap:balance}
.fo-n{font:700 clamp(1.75rem,2.6vw,2.5rem)/1 var(--titre);letter-spacing:-.04em;color:#8A6630}
.fo-offre{margin-top:22px;font:600 clamp(1.125rem,1.6vw,1.375rem)/1.4 var(--titre);color:var(--encre)}
.fo-tete{background:var(--beige);padding:calc(var(--ent) + clamp(32px,4.5vw,56px)) 0 clamp(48px,6vw,80px)}
.fo-tete__grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px clamp(40px,6vw,96px);align-items:center}
.fo-portrait img{width:100%;max-width:380px;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;border-radius:50% 50% 22px 22px/40% 40% 22px 22px;box-shadow:0 0 0 10px rgba(255,255,255,.6);margin-left:auto}
@media (max-width:900px){.fo-tete__grille{grid-template-columns:1fr}.fo-portrait img{max-width:240px;margin:0}}
/* Les questions d'ouverture */
.prose .fo-questions,.fo-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 0;padding:0}
.fo-questions li{margin:0;padding:18px 20px!important;border-radius:18px;background:var(--blanc);font:600 1.125rem/1.3 var(--titre);color:var(--encre)}
.fo-questions li::before{display:none!important}
.fo-questions--ligne{display:flex;flex-wrap:wrap;gap:10px}
.fo-questions--ligne li{padding:10px 18px!important;border-radius:999px;font-size:1rem}
@media (max-width:560px){.fo-questions{grid-template-columns:1fr}}
/* Les quatre points clés */
.fo-cles{background:#FBF6F0;border-bottom:1px solid rgba(122,91,44,.2)}
.fo-cles ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0}
.fo-cles li{margin:0;padding:clamp(22px,3vw,34px) clamp(14px,2vw,28px)!important;border-left:1px solid rgba(122,91,44,.2);font:600 1.125rem/1.3 var(--titre)}
.fo-cles li:first-child{border-left:0}
.fo-cles li::before{display:none!important}
@media (max-width:900px){.fo-cles ul{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-cles li:nth-child(3){border-left:0}}
/* Les deux objectifs */
.fo-objectifs{padding:clamp(56px,7vw,96px) 0}
.prose .fo-obj,.fo-obj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;counter-reset:none}
.fo-obj li{display:flex;flex-direction:column;gap:14px;margin:0;padding:28px 30px!important;border-radius:24px;background:var(--rose)}
.fo-obj li::before{display:none!important}
.fo-obj b{font:700 clamp(1.25rem,1.8vw,1.625rem)/1.2 var(--titre);letter-spacing:-.02em}
@media (max-width:760px){.fo-obj{grid-template-columns:1fr}}
/* Le programme */
.fo-programme{background:var(--rose);padding:clamp(56px,7vw,96px) 0}
.fo-colonnes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.fo-partie{padding:26px 26px 14px;border-radius:24px;background:var(--blanc)}
.fo-partie h3{margin:0 0 12px!important;font:700 1.375rem/1.2 var(--titre)!important}
.fo-module{border-top:1px solid rgba(40,40,40,.1)}
.fo-module summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;cursor:pointer;list-style:none}
.fo-module summary::-webkit-details-marker{display:none}
.fo-module summary b{font:600 1.0625rem/1.3 var(--titre)}
.fo-module summary span{flex:none;font-size:.8125rem;color:#7A5B2C;white-space:nowrap}
.fo-module summary span::after{content:" +";font-weight:700}
.fo-module[open] summary span::after{content:" −"}
.fo-module ul{margin:0 0 14px!important}
.fo-module li{margin:4px 0!important;font-size:1rem}
@media (max-width:900px){.fo-colonnes{grid-template-columns:1fr}}
/* Les témoignages */
.fo-temoins{background:var(--beige);padding:clamp(56px,7vw,96px) 0}
.fo-temoins__grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.temoin{margin:0;padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--blanc);box-shadow:0 18px 44px -34px rgba(122,91,44,.6)}
.temoin blockquote{margin:0!important;padding:0!important;border:0!important}
.temoin blockquote p{font:400 1.0625rem/1.7 var(--corps)!important;color:#3A3D3E;margin:0 0 14px!important}
.temoin blockquote>p:first-child{font:600 1.25rem/1.45 var(--titre)!important;color:var(--encre)}
.temoin__suite summary{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#7A5B2C;cursor:pointer;list-style:none;margin-bottom:12px}
.temoin__suite summary::-webkit-details-marker{display:none}
.temoin__suite summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px)}
.temoin__suite[open] summary{display:none}
.temoin__qui{margin:6px 0 0!important;font:600 .8125rem/1 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:#7A5B2C}
@media (max-width:900px){.fo-temoins__grille{grid-template-columns:1fr}}
.fo-programme .appel-milieu{margin-top:clamp(28px,4vw,48px)}

/* ---------- 2 · Le parcours ---------- */
.fo-faits-ligne{display:flex;flex-wrap:wrap;gap:8px 26px;margin:22px 0 0!important;padding:16px 0 0!important;border-top:1px solid rgba(122,91,44,.25)}
.fo-faits-ligne li{margin:0!important;padding:0!important;font:600 1rem/1.3 var(--titre)}
.fo-faits-ligne li::before{display:none!important}
.fo-intro{padding:clamp(48px,6vw,80px) 0}
.fo-intro__grille{display:grid;gap:28px}
.fo-etroit{max-width:calc(860px + 2 * var(--gout))}
.fo-programme--chemin{background:#FBF6F0}
.fo-etape{margin-bottom:clamp(32px,4vw,52px)}
.fo-etape__titre{display:flex;flex-direction:column;gap:6px;margin:0 0 20px!important;font:700 clamp(1.375rem,2.2vw,1.875rem)/1.15 var(--titre);letter-spacing:-.02em}
.fo-etape__titre span{font:600 .75rem/1 var(--corps);letter-spacing:.18em;text-transform:uppercase;color:#7A5B2C}
.prose .fo-chemin,.fo-chemin{position:relative;margin:0!important;padding:0!important;counter-reset:none}
.fo-chemin::before{content:"";position:absolute;left:24px;top:10px;bottom:10px;width:2px;background:rgba(122,91,44,.25)}
.fo-chemin li{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:18px;margin:0 0 18px!important;padding:0!important}
.fo-chemin li::before{display:none!important}
.fo-chemin .fo-n{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--blanc);border:2px solid var(--or);font-size:1.125rem}
.fo-chemin b{display:block;margin-top:12px;font:700 1.1875rem/1.25 var(--titre)}
.fo-chemin p{margin:6px 0 0!important;font-size:.9688rem;color:var(--texte-gris)}
.fo-temoins--grand .temoin blockquote>p:first-child{font-size:clamp(1.375rem,2vw,1.75rem)!important}

/* ---------- 3 · Les onglets ---------- */
.fo-tete--3{text-align:center}
.fo-centre{display:flex;flex-direction:column;align-items:center;max-width:960px}
.fo-centre .ariane,.fo-centre .fo-questions--ligne,.fo-tete--3 .tete__actions{justify-content:center}
.fo-objectifs-ligne{margin-bottom:24px!important;font-size:1.125rem;color:#3A3D3E}
.fo-panneau[hidden]{display:none}
.prose .fo-cartes,.fo-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0!important;padding:0!important}
.fo-carte{margin:0!important;padding:22px 22px 14px!important;border-radius:22px;background:var(--blanc)}
.fo-carte::before{display:none!important}
.fo-carte>b{display:block;margin-bottom:10px;font:700 1.125rem/1.25 var(--titre)}
.fo-carte ul{margin:0!important}
.fo-carte li{margin:4px 0!important;font-size:.9688rem}
@media (max-width:900px){.fo-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.fo-cartes{grid-template-columns:1fr}}

/* 28/10/2026 · Le formulaire de « M'écrire » (/contact/), demandé par Stéphanie (e-mail de 22 h 46) et William
   (Web3Forms). Les couleurs du site : champs blancs sur le clair, bord doré foncé, le bouton doré du site. */
.formulaire{display:grid;gap:18px;max-width:640px;margin:28px 0 8px;padding:clamp(20px,4vw,32px);background:var(--blanc);border:1px solid rgba(122,91,44,.28);border-radius:18px}
.formulaire__ligne{display:grid;gap:18px}
@media (min-width:640px){.formulaire__ligne{grid-template-columns:1fr 1fr}}
.formulaire .champ{display:grid;gap:6px;margin:0}
.formulaire label{font:600 .9375rem/1.3 var(--corps);color:var(--encre)}
.formulaire label span{font-weight:400;color:var(--texte-gris)}
.formulaire input,.formulaire textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(40,40,40,.28);border-radius:10px;background:var(--blanc);color:var(--encre);font:400 1rem/1.5 var(--corps)}
.formulaire textarea{min-height:150px;resize:vertical}
.formulaire input:focus-visible,.formulaire textarea:focus-visible{outline:3px solid var(--or);outline-offset:1px;border-color:var(--or-fonce)}
.formulaire__aide{margin:0;font-size:.9375rem;line-height:1.55;color:var(--texte-gris)}
.formulaire__aide a{color:var(--or-fonce)}
.formulaire .btn{justify-self:start;border:0;cursor:pointer}
.formulaire .btn[disabled]{opacity:.6;cursor:wait;transform:none}
.formulaire__etat{margin:0;font-weight:600}
.formulaire__etat:empty{display:none}
.formulaire__etat a{color:var(--or-fonce)}
.formulaire__piege{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
@media (max-width:480px){.formulaire .btn{justify-self:stretch}}

/* 30/10 : la barre du bas porte deux boutons, « M’appeler » (doré, le plus large) et « E-mail » (crème).
   La barre elle-même devient transparente : chaque bouton garde la pilule et l'ombre de l'ancienne barre. */
@media (max-width:760px){
  .barre-appel{background:none;box-shadow:none;min-height:0;gap:8px;justify-content:stretch}
  .barre-appel a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border-radius:999px;
    font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 14px 30px -10px rgba(0,0,0,.45)}
  .barre-appel__tel{flex:1 1 auto;min-width:0;background:var(--or);color:var(--encre);padding:0 16px}
  .barre-appel__mail{flex:0 0 auto;background:var(--beige);color:var(--encre);padding:0 18px;box-shadow:0 14px 30px -10px rgba(0,0,0,.45),inset 0 0 0 1px rgba(122,91,44,.35)}
}
@media (max-width:380px){
  .barre-appel{gap:6px}
  .barre-appel__tel,.barre-appel__mail{padding:0 12px;font-size:15px}
}