/* ==========================================================
   Numéalys v2 — « lumière & feuillage »
   Tirée des photos : crème, lin, pierre, ambre/miel. Plus de vert (retour Florent).
   Aucun aplat sombre : le brun ne sert qu'au texte.
   ========================================================== */
:root{
	--creme:#fbf7f0; --lin:#f4ece0; --pierre:#e8dccb; --pierre-2:#d8c8b0;
	--ambre:#b36f2e; --ambre-2:#c98b45; --miel:#e2b877; --ambre-texte:#8f561f;
	--sable-dore:#f1e2c8; --caramel:#c9965e;
	--terracotta-clair:#f0d3bf; --ocre-clair:#f3e1b4;
	--brun:#4a3a2a; --titre:#3d2f22; --gris:#75695a;
	--ambre-grad:linear-gradient(120deg,#d59a52 0%,#b36f2e 60%,#9e5f26 100%);
	--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
	--sans:"Jost","Segoe UI",Helvetica,Arial,sans-serif;
	--script:var(--serif);
	--wrap:1180px; --gut:clamp(1.25rem,4vw,2.5rem);
	--sec:clamp(4.5rem,9vw,7.5rem);
	--ease:cubic-bezier(.2,.7,.2,1);
	--ombre:0 28px 56px -30px rgba(110,72,30,.42);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
html,body{overflow-x:clip}
body{margin:0;background:var(--creme);color:var(--brun);font-family:var(--sans);font-weight:400;font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
picture img{width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;color:var(--titre);margin:0 0 .6em}
p{margin:0 0 1em}
ul[role=list],ol{list-style:none;margin:0;padding:0}
:focus-visible{outline:2px solid var(--ambre);outline-offset:3px}
.skip-link{position:absolute;left:-999px;top:0;background:var(--titre);color:var(--creme);padding:.6rem 1rem;z-index:100}
.skip-link:focus{left:1rem;top:1rem}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.wrap--narrow{max-width:760px}

/* ---------- Signature : ombres de feuillage ---------- */
.hero,.enfants,.contact,.page-intro,.lumiere{position:relative;isolation:isolate}
.hero::before,.enfants::before,.contact::before,.page-intro::before,.lumiere::before{
	content:"";position:absolute;inset:-6%;z-index:-1;pointer-events:none;
	background:url("../img/feuillage.svg") center/cover no-repeat;
	opacity:.07;filter:blur(14px);mix-blend-mode:multiply;
	transform-origin:0 0;animation:feuillage 16s ease-in-out infinite alternate}
.enfants::before{opacity:.08;transform-origin:100% 0}
.contact::before{opacity:.07}
.lumiere::before{opacity:.05}
@keyframes feuillage{from{transform:rotate(-.8deg) translate(0,0)}to{transform:rotate(.9deg) translate(-12px,8px)}}

/* ---------- Titres signature ---------- */
.titre{display:flex;flex-direction:column;gap:.1em}
.titre__kicker{font-family:var(--sans);font-size:clamp(.72rem,1vw,.8rem);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);line-height:1.3;margin-bottom:.9em}
.titre__main{font-family:var(--serif);font-weight:500;font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1;color:var(--titre);letter-spacing:-.005em}
.titre__script{font-family:var(--script);font-weight:400;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.95;color:var(--ambre);margin-top:-.02em;padding-left:.15em}
.titre__main+.titre__script{margin-top:.05em}
h3.titre .titre__main{font-size:clamp(1.8rem,3vw,2.4rem)}
h3.titre .titre__script{font-size:clamp(2.2rem,3.6vw,3rem)}
.section__title{font-size:clamp(2rem,3.8vw,3rem)}
.section__lead{color:var(--gris);margin:0}

/* ---------- Boutons & liens ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--sans);font-size:.92rem;font-weight:500;letter-spacing:.05em;text-decoration:none;padding:1em 2em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:background-position .6s var(--ease),background-color .3s,color .3s,box-shadow .3s,transform .3s var(--ease)}
.btn--ambre{background:var(--ambre-grad);background-size:170% 100%;color:#fff;box-shadow:0 14px 28px -14px rgba(158,95,38,.75)}
.btn--ambre:hover{background-position:100% 0;transform:translateY(-1px)}
.btn--line{border-color:var(--ambre);color:var(--ambre-texte);background:rgba(255,255,255,.5)}
.btn--line:hover{background:var(--ambre);color:#fff}
.btn--block{width:100%}
.link{font-size:.92rem;font-weight:500;letter-spacing:.03em;color:var(--ambre-texte);text-decoration:none;border-bottom:1.5px solid var(--miel);padding-bottom:2px}
.link:hover{color:var(--titre);border-color:var(--titre)}

/* ---------- Bandeau défilant ---------- */
.ticker{background:var(--sable-dore);color:var(--titre);font-size:.74rem;letter-spacing:.14em;overflow:hidden;white-space:nowrap;height:32px;display:flex;align-items:center}
.ticker__track{display:inline-flex;animation:ticker 40s linear infinite}
.ticker__track span{padding:0 1.6rem;position:relative}
.ticker__track span::after{content:"✦";position:absolute;right:-.35rem;color:var(--ambre);font-size:.6rem;top:.1rem}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ---------- En-tête ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,247,240,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(179,111,46,.15)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:80px}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--serif);font-size:1.95rem;font-weight:600;color:var(--titre);letter-spacing:.01em}
.brand__tag{font-family:var(--script);font-size:1.35rem;color:var(--ambre);margin-top:.05rem;letter-spacing:0}
.brand__logo{max-height:56px;width:auto}
.site-nav{display:flex;align-items:center;gap:2.2rem}
.site-nav .menu{display:flex;gap:1.9rem;list-style:none;margin:0;padding:0}
.site-nav .menu a{font-size:.92rem;font-weight:500;letter-spacing:.03em;text-decoration:none;color:var(--titre);padding:.4rem 0;background:linear-gradient(var(--ambre),var(--ambre)) left bottom/0 2px no-repeat;transition:background-size .35s var(--ease)}
.site-nav .menu a:hover,.site-nav .menu .current-menu-item a{background-size:100% 2px}
.site-nav__cta{padding:.8em 1.6em}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;align-items:center;gap:.6rem;font-family:var(--sans);font-size:.88rem;font-weight:500;letter-spacing:.06em;color:var(--titre);padding:.5rem 0}
.nav-toggle__bars{position:relative;width:22px;height:9px}
.nav-toggle__bars::before,.nav-toggle__bars::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .3s var(--ease),top .3s var(--ease)}
.nav-toggle__bars::before{top:0}.nav-toggle__bars::after{top:8px}

/* ---------- Hero ---------- */
.hero{overflow:hidden;padding:clamp(3.5rem,7vw,6rem) 0 clamp(4rem,7vw,6.5rem);background:radial-gradient(ellipse 50% 70% at 82% 45%,rgba(226,184,119,.45),transparent 70%),radial-gradient(ellipse 45% 60% at 5% 95%,rgba(240,211,191,.7),transparent 70%),var(--creme)}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
.hero__title .titre__main{font-size:clamp(3rem,6.6vw,5.6rem)}
.hero__title .titre__script{font-size:clamp(3.2rem,5.4vw,4.9rem);white-space:nowrap}
.hero__lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--gris);max-width:31em;margin:1.4rem 0 2.2rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}
.hero__title,.hero__lead,.hero__actions,.calcul{animation:rise 1.1s var(--ease) both}
.hero__lead{animation-delay:.15s}.hero__actions{animation-delay:.3s}.calcul{animation-delay:.45s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
@keyframes fade{from{opacity:0}}

/* ---------- Calculateur (inchangé dans l'esprit) ---------- */
.calcul{position:relative;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border:1px solid rgba(226,184,119,.6);border-radius:22px;padding:clamp(1.8rem,3.5vw,2.6rem);box-shadow:0 34px 70px -34px rgba(110,72,30,.45)}
.calcul__title{font-family:var(--script);font-weight:400;font-size:clamp(2.4rem,4vw,3.1rem);line-height:1;color:var(--ambre);margin-bottom:1.1rem}
.calcul__mode{display:inline-flex;background:var(--lin);border-radius:999px;padding:4px;margin-bottom:1.4rem}
.calcul__tab{white-space:nowrap;font-family:var(--sans);font-size:.9rem;font-weight:500;border:0;background:none;color:var(--gris);padding:.55em 1.3em;border-radius:999px;cursor:pointer;transition:background .3s var(--ease),color .3s}
.calcul__tab.is-active{background:var(--ambre);color:#fff}
.calcul__label{display:block;font-size:.88rem;color:var(--gris);margin-bottom:.5rem}
.calcul__row{display:flex;gap:.7rem}
.calcul__row input{flex:1;min-width:0;font:inherit;font-size:1.05rem;color:var(--titre);background:#fff;border:1.5px solid var(--pierre);border-radius:999px;padding:.8rem 1.2rem}
.calcul__row input:focus{outline:none;border-color:var(--ambre)}
.calcul__error{color:#a2543f;font-size:.88rem;margin:.6rem 0 0}
.calcul__result{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:start;margin-top:1.8rem;padding-top:1.6rem;border-top:1px solid var(--pierre)}
.calcul__result[hidden]{display:none}
.calcul__nombre{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(5.5rem,10vw,7.5rem);line-height:.8;font-variant-numeric:lining-nums;background:var(--ambre-grad);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:1.2em;text-align:center}
.calcul__mot{font-family:var(--script);font-size:2.4rem;line-height:1;color:var(--ambre);margin:0 0 .3rem}
.calcul__texte{margin:0 0 .7rem}
.calcul__plus{font-size:.86rem;color:var(--gris);margin:0 0 1.1rem}
.calcul__result.is-new .calcul__mot,.calcul__result.is-new .calcul__texte,.calcul__result.is-new .calcul__plus,.calcul__result.is-new .calcul__cta{animation:rise .7s var(--ease) both}
.calcul__result.is-new .calcul__texte{animation-delay:.1s}.calcul__result.is-new .calcul__plus{animation-delay:.2s}.calcul__result.is-new .calcul__cta{animation-delay:.3s}
.calcul__privacy{font-size:.78rem;color:var(--gris);margin:1.3rem 0 0}

/* ---------- Sections ---------- */
.section{padding:var(--sec) 0}
.section--tight{padding:clamp(2.5rem,5vw,4rem) 0}
.section--cream{background:var(--lin)}
.section--sand{background:linear-gradient(180deg,var(--lin),var(--pierre))}
.section__head{max-width:660px;margin-bottom:clamp(2.5rem,5vw,3.6rem)}
.section__head .section__lead{margin-top:1.2rem}
.section__head--split{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.section__head--split>div{max-width:640px}
.page-intro{padding:clamp(4rem,8vw,6.5rem) 0 clamp(2.5rem,5vw,3.5rem);background:radial-gradient(ellipse 55% 80% at 85% 20%,rgba(226,184,119,.35),transparent 70%),var(--creme)}
.page-intro__title .titre__main{font-size:clamp(2.8rem,6vw,4.8rem)}
.page-intro__title .titre__script{font-size:clamp(3rem,6.4vw,5.2rem)}
.page-intro__lead{font-size:1.15rem;color:var(--gris);max-width:34em;margin:1.4rem 0 0}
.page-intro__fil{margin:1.6rem 0 0;padding-left:1rem;border-left:2px solid var(--miel);font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--titre)}
.prose h2{font-size:2rem;margin-top:1.6em}
.prose a{color:var(--ambre-texte)}

/* ---------- Enfants ---------- */
.enfants{overflow:hidden;padding:var(--sec) 0;background:radial-gradient(ellipse 55% 80% at 90% 30%,rgba(243,225,180,.9),transparent 70%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(240,211,191,.7),transparent 70%),var(--lin)}
.enfants__grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.enfants__lead{font-size:1.12rem;max-width:32em;margin-top:1.4rem}
.enfants__questions{margin-top:1.8rem;display:grid;gap:.8rem}
.enfants__questions li{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.35rem;line-height:1.35;color:var(--titre);padding-left:1.6rem;position:relative}
.enfants__questions li::before{content:"✦";position:absolute;left:0;top:.2em;font-style:normal;font-size:.8rem;color:var(--ambre)}
.enfants__carte{background:rgba(255,255,255,.85);border-radius:22px;padding:2.4rem 2.2rem;box-shadow:var(--ombre);text-align:center}
.enfants__carte-titre{font-family:var(--script);font-size:2.4rem;line-height:1;color:var(--ambre);margin:0}
.enfants__prix{font-family:var(--sans);font-weight:500;font-size:2.4rem;line-height:1;margin:.9rem 0 1rem;color:var(--titre)}
.enfants__prix span{font-size:1em}
.enfants__carte-texte{color:var(--gris);font-size:.96rem;margin-bottom:1.6rem}
.enfants__essai{display:inline-block;margin-top:1.1rem}
.enfants__kids{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-top:clamp(3rem,6vw,4.5rem)}
.enfants__kids-photo img{aspect-ratio:3/2;object-fit:cover;border-radius:22px;box-shadow:var(--ombre)}
.enfants__kids-text p{font-size:1.08rem;max-width:30em;margin:1rem 0 1.6rem}

/* ---------- Lumière intérieure ---------- */
.lumiere{padding:var(--sec) 0;background:linear-gradient(180deg,var(--creme) 0%,var(--lin) 100%);overflow:hidden}
.lumiere__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.lumiere__photo{margin:0;position:relative}
.lumiere__photo img{aspect-ratio:556/720;object-fit:cover;border-radius:200px 200px 22px 22px;box-shadow:0 40px 80px -40px rgba(90,55,20,.65)}
.lumiere__quote{margin:1.6rem 0;padding-left:1.2rem;border-left:2px solid var(--miel)}
.lumiere__quote p{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.4vw,1.8rem);line-height:1.3;color:var(--titre);margin:0}
.lumiere__text>p{color:var(--gris);max-width:34em}
.lumiere__signe{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.3rem!important;color:var(--ambre-texte)!important;margin-top:1.4rem}



/* ---------- Séances ---------- */
.seances{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.seance{position:relative;background:#fff;border-radius:22px;padding:2.3rem 1.9rem 2rem;display:flex;flex-direction:column;box-shadow:var(--ombre)}
.seance__title{font-family:var(--sans);font-size:1.12rem;font-weight:500;line-height:1.35;min-height:3.1em;color:var(--titre)}
.seance__price{font-family:var(--sans);font-weight:500;font-size:2rem;line-height:1;margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--lin);color:var(--ambre)}
.seance__text{color:var(--gris);font-size:.96rem;flex:1}
.seance .link{align-self:flex-start}
.seance--vedette{box-shadow:0 0 0 2px var(--miel),var(--ombre)}
.seance__badge{position:absolute;top:-.8rem;left:1.8rem;background:var(--ambre);color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.3rem .9rem;border-radius:999px;margin:0}

/* ---------- Étapes ---------- */
.etapes{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;counter-reset:e}
.etapes li{counter-increment:e;padding:1.6rem;background:rgba(255,255,255,.75);border-radius:18px}
.etapes li::before{content:counter(e);display:block;font-family:var(--script);font-size:3.2rem;color:var(--ambre);line-height:.9;margin-bottom:.4rem}
.etapes h3{font-size:1.5rem}
.etapes p{color:var(--gris);font-size:.96rem;margin:0}

/* ---------- Huiles ---------- */
.huiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.huile{background:#fff;border-radius:18px;padding:1.7rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 18px 40px -32px rgba(110,72,30,.45)}
.huile__drop{width:18px;height:24px;background:var(--ambre-grad);clip-path:polygon(50% 0,100% 62%,90% 88%,50% 100%,10% 88%,0 62%);margin-bottom:1.2rem}
.huile__name{font-size:1.5rem;margin-bottom:.25em}
.huile__format{font-size:.85rem;color:var(--gris);margin-bottom:1.2rem}
.huile__traits{font-size:.85rem;color:var(--ambre-texte);margin-top:-.8rem}
.huile .link{margin-top:auto}
.huile[hidden]{display:none}
.filtre{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.2rem}
.filtre__btn{font-family:var(--sans);font-size:.88rem;font-weight:500;background:#fff;border:1.5px solid var(--pierre);color:var(--titre);padding:.55em 1.3em;border-radius:999px;cursor:pointer;transition:all .25s}
.filtre__btn:hover{border-color:var(--ambre)}
.filtre__btn.is-active{background:var(--ambre);border-color:var(--ambre);color:#fff}
.commander{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.commander__item{background:#fff;border-radius:18px;padding:2rem 2.2rem;box-shadow:0 18px 40px -32px rgba(110,72,30,.45)}
.commander__item h2{font-size:1.7rem}
.commander__item p{color:var(--gris)}
.mention{font-size:.85rem;color:var(--gris);margin-top:2.4rem}
.kids__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.kid{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 22px 44px -30px rgba(110,72,30,.45)}
.kid__photo img{aspect-ratio:1/1;object-fit:cover;transition:transform .6s var(--ease)}
.kid:hover .kid__photo img{transform:scale(1.04)}
.kid__nom{font-family:var(--sans);font-size:1.1rem;font-weight:500;margin:1.1rem 1.3rem .15rem}
.kid__mot{margin:0 1.3rem 1.3rem;color:var(--gris);font-size:.95rem}
.kids__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2.4rem}

/* ---------- À propos ---------- */
.apropos__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.apropos__portrait{margin:0;aspect-ratio:4/5;background:linear-gradient(160deg,var(--lin),var(--pierre));border-radius:200px 200px 22px 22px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.apropos__portrait img{width:100%;height:100%;object-fit:cover}
.apropos__placeholder{font-family:var(--script);font-size:10rem;color:var(--ambre)}

/* ---------- Ateliers / Entreprises ---------- */
.duo{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.duo__card{background:#fff;border-radius:22px;padding:2.4rem 2.2rem;text-align:center;box-shadow:var(--ombre)}
.duo__initial{display:inline-flex;width:96px;height:96px;border-radius:50%;background:var(--sable-dore);align-items:center;justify-content:center;font-family:var(--script);font-size:3.6rem;color:var(--ambre);margin-bottom:1.2rem}
.duo__card h3{font-size:1.7rem;font-style:italic}
.rollon__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.rollon__photo{max-width:440px}
.rollon__photo img{aspect-ratio:582/802;object-fit:cover;border-radius:200px 200px 22px 22px;box-shadow:var(--ombre)}
.rollon__accroche{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.6rem;line-height:1.3;color:var(--titre);margin-top:1.2rem}
.benefices{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.benefices li{background:#fff;border-radius:18px;padding:1.8rem;box-shadow:0 18px 40px -32px rgba(110,72,30,.45)}
.benefices h3{font-family:var(--script);font-weight:400;font-size:2.4rem;color:var(--ambre);line-height:1}
.benefices p{color:var(--gris);margin:0}
.cadre{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.cadre__list p{padding:1.3rem 1.5rem 1.3rem 3.2rem;position:relative;margin:0 0 .8rem;background:#fff;border-radius:14px}
.cadre__list p::before{position:absolute;left:1.3rem;top:1.2rem;font-size:1.1rem;color:var(--ambre)}
.cadre__oui::before{content:"✓"}
.cadre__non::before{content:"✕"}

/* ---------- Contact (clair) ---------- */
.contact{overflow:hidden;background:radial-gradient(ellipse 50% 70% at 10% 20%,rgba(243,225,180,.7),transparent 70%),linear-gradient(180deg,var(--lin),var(--pierre));padding:var(--sec) 0}
.contact__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:start}
.contact__intro p{color:var(--brun);margin-top:1.2rem}
.contact__note{font-size:.9rem;border-left:2px solid var(--miel);padding-left:1rem;margin-top:2rem;color:var(--gris)!important}
.form{background:rgba(255,255,255,.88);border-radius:22px;padding:clamp(1.6rem,3vw,2.4rem);box-shadow:var(--ombre)}
.form__row--2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.field{margin:0 0 1.2rem}
.field label{display:block;font-size:.85rem;font-weight:500;color:var(--titre);margin-bottom:.45rem}
.field__opt{color:var(--gris);font-weight:400}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--titre);background:var(--creme);border:1.5px solid var(--pierre);border-radius:12px;padding:.85rem 1rem;transition:border-color .25s}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ambre) 50%),linear-gradient(135deg,var(--ambre) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ambre)}
.field textarea::placeholder{color:#a4998a}
.field--check{display:flex;gap:.8rem;align-items:flex-start}
.field--check input{width:auto;margin-top:.35rem;accent-color:var(--ambre)}
.field--check label{font-size:.86rem;font-weight:400;color:var(--gris);margin:0}
.field--check a{color:var(--ambre-texte)}
.field--hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-notice{padding:1rem 1.2rem;margin-bottom:1.5rem;font-size:.95rem;border-radius:12px}
.form-notice--ok{background:var(--sable-dore);border-left:3px solid var(--caramel);color:var(--titre)}
.form-notice--err{background:#f7e1d8;border-left:3px solid #c46a4f;color:#6b2f1e}

/* ---------- Pied de page ---------- */
.site-footer{background:var(--creme);padding:4rem 0 1.5rem;font-size:.93rem}
.site-footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid var(--pierre)}
.site-footer__brand{font-family:var(--serif);font-weight:600;font-size:2rem;color:var(--titre);margin:0}
.site-footer__baseline{font-family:var(--script);font-size:1.9rem;line-height:1.1;color:var(--ambre)}
.site-footer__links{list-style:none;margin:0;padding:0}
.site-footer__links li{margin-bottom:.5rem}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:var(--ambre)}
.site-footer__social{display:flex;gap:1.2rem}
.site-footer__legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;font-size:.82rem;color:var(--gris)}
.site-footer__legal p{margin:0;display:flex;gap:1.4rem}

/* ---------- Repère « À compléter » (admin uniquement) ---------- */
.todo{display:inline-block;background:#fff4c9;color:#6b5210;border:1px dashed #c9a227;font-family:var(--sans);font-size:.8rem;font-style:normal;letter-spacing:0;line-height:1.4;padding:.35rem .6rem;border-radius:3px}

/* ---------- Tablette ---------- */
@media (max-width:1080px){
	.seances,.huiles,.etapes{grid-template-columns:repeat(2,1fr)}
	.kids__grid{grid-template-columns:repeat(3,1fr)}
	.site-nav{gap:1.4rem}.site-nav .menu{gap:1.2rem}
}
/* ---------- Mobile ---------- */
@media (max-width:900px){
	.nav-toggle{display:inline-flex}
	.site-nav{position:absolute;top:100%;left:0;right:0;height:calc(100vh - 80px);height:calc(100dvh - 80px);background:var(--creme);flex-direction:column;align-items:stretch;gap:0;padding:1.5rem var(--gut) 2rem;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s;overflow-y:auto}
	.site-nav.is-open{opacity:1;transform:none;visibility:visible;transition:opacity .3s var(--ease),transform .3s var(--ease)}
	.site-nav .menu{flex-direction:column;gap:0}
	.site-nav .menu a{display:block;font-family:var(--serif);font-weight:500;font-size:2rem;padding:.7rem 0;border-bottom:1px solid var(--pierre);background:none}
	.site-nav__cta{margin-top:2rem}
	.nav-toggle[aria-expanded=true] .nav-toggle__bars::before{top:4px;transform:rotate(45deg)}
	.nav-toggle[aria-expanded=true] .nav-toggle__bars::after{top:4px;transform:rotate(-45deg)}
	.hero__grid,.enfants__grid,.enfants__kids,.lumiere__grid,.apropos__grid,.duo,.rollon__grid,.cadre,.contact__grid,.commander{grid-template-columns:1fr}
	.lumiere__photo{max-width:420px}
	.apropos__portrait{max-width:380px}
	.benefices{grid-template-columns:1fr}
	.kids__grid{grid-template-columns:repeat(2,1fr);gap:1rem}
	.kid__nom{margin:.9rem 1rem .1rem}.kid__mot{margin:0 1rem 1rem;font-size:.88rem}
	.site-footer__grid{grid-template-columns:1fr}
}
@media (max-width:560px){
	body{font-size:1rem}
	.hero__title .titre__script{white-space:normal}
	.seances,.huiles,.etapes,.form__row--2{grid-template-columns:1fr}
	.seance__title{min-height:0}
	.hero__actions .btn{width:100%}
	.calcul__row{flex-direction:column}
	.calcul__row .btn{width:100%}
	.calcul__result{grid-template-columns:1fr;gap:.8rem}
	.calcul__nombre{text-align:left}
	.enfants__questions li{font-size:1.2rem}
	.brand__name{font-size:1.7rem}
}
/* ---------- Mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important}
	html{scroll-behavior:auto}
}

/* v2.1 — photo de l'atelier (Cyrielle) */
.duo{grid-template-columns:.9fr 1.1fr;align-items:center}
.duo__photo{margin:0}
.duo__photo img{aspect-ratio:1400/788;object-fit:cover;border-radius:22px;box-shadow:var(--ombre)}
.duo__photo figcaption{margin-top:1.2rem}
@media (max-width:900px){.duo{grid-template-columns:1fr}}

/* ==========================================================
   v2.2 — plus léger, centré familles
   Écriture manuscrite remplacée par l'italique Cormorant.
   ========================================================== */

.titre__script,.calcul__title,.calcul__mot,.enfants__carte-titre,.brand__tag,.site-footer__baseline,.benefices h3,.duo__initial,.etapes li::before,.apropos__placeholder{font-style:italic;font-weight:500}
.titre__main{font-size:clamp(2.2rem,4vw,3.3rem)}
.titre__script{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.05;padding-left:0;margin-top:.02em}
.hero__title .titre__main,.hero__title .titre__script{font-size:clamp(2.9rem,6vw,5rem)}
.hero__title .titre__script{white-space:normal}
.page-intro__title .titre__main,.page-intro__title .titre__script{font-size:clamp(2.6rem,5.4vw,4.4rem)}
h3.titre .titre__main,h3.titre .titre__script{font-size:clamp(1.7rem,2.8vw,2.3rem)}
.calcul__title{font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.1}
.calcul__mot{font-size:1.8rem}
.enfants__carte-titre{font-size:1.8rem}
.brand__tag{font-size:.98rem;margin-top:.2rem}
.site-footer__baseline{font-size:1.3rem}
.etapes li::before{font-size:2.6rem}
.apropos__placeholder{font-size:8rem}

/* Ombres de feuillage : seulement en haut de page */
.enfants::before,.contact::before,.page-intro::before,.lumiere::before{display:none}

/* Couple */
.couple{position:relative;padding:var(--sec) 0;background:radial-gradient(ellipse 55% 80% at 5% 40%,rgba(240,211,191,.85),transparent 70%),radial-gradient(ellipse 45% 60% at 100% 100%,rgba(243,225,180,.6),transparent 70%),var(--creme)}
.couple__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,6vw,5.5rem);align-items:center}

/* Pour vous */
.vous{background:var(--lin)}
.vous__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;max-width:900px}
.vous__carte{background:#fff;border-radius:22px;padding:2.2rem 2.1rem;box-shadow:var(--ombre);display:flex;flex-direction:column}
.vous__titre{font-family:var(--sans);font-size:1.15rem;font-weight:500;margin-bottom:.8rem}
.vous__prix{font-weight:500;font-size:2rem;line-height:1;color:var(--ambre);margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--lin)}
.vous__texte{color:var(--gris);flex:1}
.vous__carte .link{align-self:flex-start}

@media (max-width:900px){
	.couple__grid,.vous__grid{grid-template-columns:1fr}
	.couple__carte{order:2}
}
/* Liens d'ancre de l'accueil : pas de soulignement « page active » permanent */
.site-nav .menu .current-menu-item a[href*="#"]{background-size:0 2px}
.site-nav .menu .current-menu-item a[href*="#"]:hover{background-size:100% 2px}

/* v2.3 — photo « Pour vous » */
.vous__layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
.vous__photo img{aspect-ratio:1200/960;object-fit:cover;border-radius:22px;box-shadow:var(--ombre)}
.vous__content .section__head{margin-bottom:2rem}
.vous__grid{max-width:none;gap:1rem}
.vous__carte{padding:1.8rem 1.6rem}
@media (max-width:900px){.vous__layout{grid-template-columns:1fr}}
@media (min-width:901px) and (max-width:1080px){.vous__grid{grid-template-columns:1fr}}

/* ==========================================================
   v3 — généraliste, organisé, typographie unifiée
   Titres : Cormorant, une couleur, sans italique. Tout le reste : Jost.
   ========================================================== */
.titre{display:block}
.titre__main,.titre__script{display:inline;font:inherit;color:inherit;margin:0;padding:0;white-space:normal}
.titre__main+.titre__script{margin:0}
.calcul__title,.calcul__mot,.enfants__carte-titre,.site-footer__baseline,.lumiere__quote p,.apropos__quote p,.duo__card h3,.rollon__accroche,.etapes li::before,.benefices h3,.page-intro__fil,.apropos__placeholder,.titre__script{font-style:normal}
.brand__tag{font-family:var(--sans);font-style:normal;font-weight:400;font-size:.78rem;letter-spacing:.04em;color:var(--gris);margin-top:.35rem}
.calcul__title{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,2.6vw,2rem);color:var(--titre)}
.calcul__mot{font-family:var(--serif);font-weight:600;font-size:1.6rem;color:var(--titre)}
.site-footer__baseline{font-family:var(--sans);font-size:.95rem;color:var(--gris)}
.rollon__accroche{font-family:var(--sans);font-weight:400;font-size:1.15rem}
.etapes li::before{font-family:var(--sans);font-weight:500;font-size:1.6rem}
.benefices h3{font-family:var(--serif);font-weight:500;font-size:1.7rem;color:var(--titre)}
.page-intro__title{font-size:clamp(2.6rem,5.4vw,4.2rem)}
.section__title{font-size:clamp(2rem,3.8vw,3rem)}

/* Hero */
.hero__title{font-size:clamp(2.8rem,5.6vw,4.6rem);line-height:1.04;max-width:12em}
.hero__grid{grid-template-columns:1.15fr .85fr}
.hero__photo{justify-self:end;max-width:420px;width:100%}
.hero__photo img{aspect-ratio:556/720;object-fit:cover;border-radius:220px 220px 22px 22px;box-shadow:0 40px 80px -40px rgba(90,55,20,.65)}
.hero__photo{animation:rise 1.1s .3s var(--ease) both}

/* Situations */
.situations__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.situation{display:flex;align-items:center;min-height:6.5rem;height:100%;padding:1.5rem 1.7rem;background:#fff;border-radius:18px;box-shadow:0 18px 40px -32px rgba(110,72,30,.45);font-family:var(--serif);font-weight:500;font-size:1.4rem;line-height:1.25;color:var(--titre);text-decoration:none;border:1.5px solid transparent;transition:border-color .3s,transform .3s var(--ease)}
.situation:hover{border-color:var(--miel);transform:translateY(-3px)}
.situations__fin{margin:2.4rem 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--ambre-texte)}

/* Démarche (vraie séquence : numéros justifiés) */
.demarche__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
.demarche__etapes{counter-reset:d;display:grid;gap:1rem}
.demarche__etapes li{counter-increment:d;display:grid;grid-template-columns:2.8rem 1fr;column-gap:1rem;padding:1.3rem 1.5rem;background:#fff;border-radius:18px}
.demarche__etapes li::before{content:counter(d);grid-row:span 2;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--lin);color:var(--ambre-texte);font-weight:500}
.demarche__etapes h3{font-size:1.45rem;margin:0 0 .15em}
.demarche__etapes p{color:var(--gris);margin:0}
.demarche__etapes a{color:var(--ambre-texte)}
.demarche__photo img{aspect-ratio:1200/960;object-fit:cover;border-radius:22px;box-shadow:var(--ombre)}

/* Tarif */
.tarif__box{text-align:center;background:#fff;border-radius:22px;padding:clamp(2.2rem,5vw,3.4rem);box-shadow:var(--ombre)}
.tarif__prix{font-weight:500;font-size:clamp(2rem,4vw,2.6rem);color:var(--ambre);margin:.2rem 0 .8rem}
.tarif__box p{color:var(--gris)}
.tarif__box .btn{margin-top:.6rem}

/* Premier pas (calculateur) */
.essai__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
.essai .calcul{animation:none}

/* À propos */
.apropos__quote{margin:1.2rem 0 1.4rem;padding-left:1.1rem;border-left:2px solid var(--miel)}
.apropos__quote p{font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.3;color:var(--titre);margin:0}
.apropos__ateliers{margin-top:1.6rem;color:var(--gris)}

@media (max-width:1080px){.situations__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
	.demarche__grid,.essai__grid{grid-template-columns:1fr}
	.hero__photo{justify-self:start;max-width:300px}
}
@media (max-width:560px){.situations__grid{grid-template-columns:1fr}.situation{min-height:0}}
.tarif__liste{margin:1.4rem auto 1.4rem;max-width:460px;text-align:left}
.tarif__liste li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--lin)}
.tarif__liste span{color:var(--brun)}
.tarif__liste strong{font-weight:500;font-size:1.3rem;color:var(--ambre);white-space:nowrap}
.tarif__liste--gauche{margin:1.2rem 0;max-width:420px}

/* ==========================================================
   v3.1 — « la lumière » : lueur qui suit le visiteur,
   phrase qui s'illumine, petits détails
   ========================================================== */
/* Hero : la lueur remplace les ombres de feuillage */
.hero::before{display:none}
.hero{--x:72%;--y:45%}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
	background:radial-gradient(circle 340px at var(--x) var(--y),rgba(255,196,120,.38),rgba(255,196,120,.12) 45%,transparent 72%);
	transition:background .25s linear}
.hero.is-touch::after{animation:respire 6s ease-in-out infinite}
@keyframes respire{0%,100%{opacity:.65}50%{opacity:1}}
.hero__baseline{font-size:.95rem;font-weight:500;letter-spacing:.04em;color:var(--ambre-texte);margin:0 0 1.1rem}
.hero__title{font-size:clamp(3rem,6.2vw,5.2rem);max-width:11em}
.hero__visuel{position:relative;justify-self:end;width:100%;max-width:420px}
.hero__visuel .hero__photo{max-width:none}
.hero__halo{position:absolute;left:50%;top:44%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,190,105,.55),transparent 65%);filter:blur(30px);z-index:-1;animation:flamme 5s ease-in-out infinite}
@keyframes flamme{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}45%{opacity:1;transform:translate(-50%,-52%) scale(1.06)}70%{opacity:.85;transform:translate(-50%,-49%) scale(.98)}}

/* Situations : invitation discrète au survol */
.situation{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.8rem}
.situation__cta{font-family:var(--sans);font-size:.85rem;font-weight:500;letter-spacing:.03em;color:var(--ambre-texte);opacity:.55;transition:opacity .3s}
.situation:hover .situation__cta,.situation:focus-visible .situation__cta{opacity:1}

/* Le manifeste qui s'illumine mot à mot */
.eveil{padding:clamp(5rem,12vw,9rem) 0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(243,225,180,.55),transparent 75%),var(--creme);text-align:center}
.eveil__texte{max-width:17em;margin:0 auto;font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,5vw,4rem);line-height:1.15;color:var(--titre)}
.eveil__texte span{opacity:var(--o,1);transition:opacity .35s linear}
.js .eveil__texte span{--o:.16}
.eveil__texte span.is-lit{--o:1}

/* Pied de page */
.site-footer__signature{margin-top:.6rem;color:var(--ambre-texte);font-weight:500}

/* 404 */
.perdu{min-height:60vh;display:flex;align-items:center}
.perdu__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}

@media (max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__visuel{justify-self:start;max-width:300px}}
@media (prefers-reduced-motion:reduce){.js .eveil__texte span{--o:1}.hero::after{background:radial-gradient(circle 340px at 72% 45%,rgba(255,196,120,.3),transparent 72%)}}

/* v3.2 — cartes « situations » plus jolies : une petite lumière qui s'allume au survol */
.situations .section__head{margin-bottom:clamp(2rem,4vw,2.8rem)}
.situation{position:relative;overflow:hidden;justify-content:center;min-height:7.5rem;padding:1.8rem 1.9rem 1.8rem 2.2rem;background:linear-gradient(160deg,#fff 0%,#fdf7ee 100%);border:1px solid rgba(226,184,119,.35);font-size:1.45rem}
.situation::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--ambre-grad);transform:scaleY(.35);opacity:.45;transition:transform .45s var(--ease),opacity .45s}
.situation::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,120,.45),transparent 70%);opacity:.35;transition:opacity .45s,transform .6s var(--ease)}
.situation:hover,.situation:focus-visible{border-color:rgba(226,184,119,.8);transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(110,72,30,.55)}
.situation:hover::before,.situation:focus-visible::before{transform:scaleY(1);opacity:1}
.situation:hover::after,.situation:focus-visible::after{opacity:1;transform:scale(1.25)}
.situation span{position:relative;z-index:1}
.calcul__mot{font-size:1.35rem;line-height:1.25}

/* v3.3 — situations avec leur texte */
.situation{justify-content:flex-start;align-items:flex-start;gap:.6rem;min-height:0;padding:2rem 1.9rem 2rem 2.2rem}
.situation__titre{font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.2;color:var(--titre)}
.situation__texte{font-family:var(--sans);font-weight:400;font-size:.98rem;line-height:1.6;color:var(--gris)}

/* v3.4 — le calculateur juste sous le haut de page */
.essai{background:linear-gradient(180deg,var(--creme) 0%,var(--lin) 100%);padding-top:clamp(3rem,6vw,5rem)}
.situations{background:var(--lin)}

/* ==========================================================
   v3.5 — « Vous vivez peut-être… » : un bloc chaud et vivant
   Un grand panneau arrondi couleur miel qui se détache de la page,
   titre à gauche (fixe au défilement), situations à droite.
   ========================================================== */
.essai{background:var(--creme);padding-bottom:clamp(3.5rem,7vw,5.5rem)}
.situations{position:relative;overflow:hidden;margin:0 clamp(.5rem,1.6vw,1.5rem);border-radius:48px;padding:clamp(4rem,8vw,6.5rem) 0;
	background:radial-gradient(ellipse 55% 65% at 12% 18%,rgba(255,221,160,.75),transparent 70%),radial-gradient(ellipse 50% 60% at 95% 95%,rgba(214,140,80,.28),transparent 70%),linear-gradient(155deg,#f7e6cc 0%,#efcfa6 100%);
	box-shadow:0 40px 80px -50px rgba(120,70,20,.5)}
.situations__layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}
.situations__intro{position:sticky;top:120px}
.situations__titre{font-size:clamp(2.8rem,5.6vw,4.6rem);line-height:1.02;margin-bottom:.45em}
.situations__fin{margin:0 0 2rem;font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.35;color:var(--ambre-texte);max-width:16em}
.situations__liste{display:grid;gap:.9rem}
.situations .situation{min-height:0;padding:1.6rem 1.8rem 1.6rem 2.1rem;background:rgba(255,255,255,.78);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 20px 40px -30px rgba(110,60,15,.55)}
.situations .situation:hover,.situations .situation:focus-visible{background:#fff;border-color:#fff;transform:translateX(6px)}
.situations .situation__titre{font-size:1.5rem}
@media (max-width:900px){
	.situations{border-radius:32px}
	.situations__layout{grid-template-columns:1fr}
	.situations__intro{position:static}
	.situations .situation:hover{transform:none}
}
@media (max-width:560px){.situations__titre{font-size:2.4rem}}
/* v3.5.1 — plus de jaune : panneau des situations en lin/pierre neutre */
.situations{background:linear-gradient(155deg,#f4ece2 0%,#e6d9c8 100%)}

/* ==========================================================
   v4 — choix de Florent : haut de page « A · Maison »
   (photo plein écran) + police & présentation « C · Nude poudré »
   ========================================================== */
:root{
	--creme:#f8efe9; --lin:#f2e1d8; --pierre:#ecd8ce; --pierre-2:#e2c8bb; --sable-dore:#f2e1d8;
	--ambre:#a8675a; --ambre-2:#b97a6c; --miel:#d9a99a; --ambre-texte:#8e5244; --caramel:#b97a6c;
	--titre:#3f2f2a; --brun:#4a3833; --gris:#6e5750;
	--ambre-grad:linear-gradient(120deg,#b97a6c 0%,#a8675a 100%);
	--ombre:0 30px 60px -38px rgba(90,40,30,.5);
}
body{background:var(--creme)}
.btn--ambre{background:var(--ambre);box-shadow:0 14px 30px -14px rgba(168,103,90,.8)}
.btn--ambre:hover{background:#96594d}
.btn--line{border-color:var(--ambre);color:var(--ambre-texte);background:transparent}
.ticker{background:var(--lin)}

/* En-tête : transparent sur la photo, nude au défilement (accueil) */
.home .site-header{background:transparent;border-bottom-color:transparent;transition:background .35s,border-color .35s,box-shadow .35s}
.home .site-header .brand__name,.home .site-header .brand__tag,.home .site-header .site-nav .menu a,.home .site-header .nav-toggle{color:#fbf3ee;transition:color .35s}
.home .site-header.is-scrolled{background:rgba(248,239,233,.94);border-bottom-color:rgba(168,103,90,.15);box-shadow:0 10px 30px -24px rgba(90,40,30,.5)}
.home .site-header.is-scrolled .brand__name,.home .site-header.is-scrolled .site-nav .menu a,.home .site-header.is-scrolled .nav-toggle{color:var(--titre)}
.home .site-header.is-scrolled .brand__tag{color:var(--gris)}
.home .site-nav .menu a{background-image:linear-gradient(currentColor,currentColor)}

/* Haut de page photo plein écran — lisibilité renforcée */
.hero--photo{position:relative;margin-top:-80px;min-height:min(100vh,900px);display:flex;align-items:center;padding:calc(80px + 4rem) 0 5rem;background-color:#2a1d18;background-size:cover;background-position:72% 38%;color:#fbf3ee}
.hero--photo::before{display:block!important;content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(33,20,16,.86) 0%,rgba(33,20,16,.7) 38%,rgba(33,20,16,.25) 70%,rgba(33,20,16,.05) 100%),linear-gradient(180deg,rgba(33,20,16,.45) 0%,transparent 30%);filter:none;opacity:1;animation:none;mix-blend-mode:normal;transform:none}
.hero--photo::after{display:none}
.hero--photo .wrap{position:relative;z-index:1;width:100%}
.hero--photo .hero__text{max-width:640px}
.hero--photo .hero__baseline{color:#f0cfc4;font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.4rem}
.hero--photo .hero__title{color:#fff;font-weight:400;font-size:clamp(2.9rem,6.2vw,5.4rem);line-height:1.02;max-width:none;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero--photo .hero__lead{color:#f6e8e2;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.75;max-width:30em;margin:1.6rem 0 2.4rem;text-shadow:0 1px 12px rgba(0,0,0,.4)}

/* Titres façon C : Cormorant 400, casse normale */
.section__title,.situations__titre,.page-intro__title,.eveil__texte{font-weight:400}

/* Calculateur */
.essai{background:var(--creme)}
.calcul{border-radius:28px;border-color:rgba(217,169,154,.5)}

/* Situations façon C : grand panneau rose arrondi, cartes blanches */
.situations{margin:0 clamp(.5rem,1.6vw,1.2rem);border-radius:48px;padding:clamp(4rem,8vw,6rem) 0;background:var(--lin);box-shadow:none}
.situations__titre{font-size:clamp(2.4rem,4.6vw,3.6rem);margin-bottom:2.4rem}
.situations__liste{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.situations .situation{background:#fffaf7;border:0;border-radius:24px;padding:2rem;box-shadow:0 20px 40px -32px rgba(90,40,30,.5)}
.situations .situation::before{background:var(--ambre)}
.situations .situation::after{background:radial-gradient(circle,rgba(217,169,154,.45),transparent 70%)}
.situations .situation:hover,.situations .situation:focus-visible{background:#fff;transform:translateY(-4px)}
.situations .situation__titre{font-size:1.45rem}
.situations__fin{margin:2.6rem 0 0;font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.6rem);color:var(--ambre-texte);text-align:center;max-width:none}

/* Démarche façon C : photo en arche à gauche, étapes numérotées */
.demarche{background:var(--creme)}
.demarche__grid{grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,6vw,4.5rem)}
.demarche__photo img{aspect-ratio:4/5;border-radius:999px 999px 24px 24px;box-shadow:0 40px 70px -40px rgba(90,40,30,.6)}
.demarche__etapes li{background:transparent;border-radius:0;padding:1.3rem 0;border-top:1px solid var(--pierre)}
.demarche__etapes li::before{content:counter(d,decimal-leading-zero);background:var(--lin);color:var(--ambre);font-size:.95rem}

/* Tarifs façon C */
.tarif__box{background:#fffaf7;border-radius:28px;box-shadow:0 30px 60px -40px rgba(90,40,30,.5)}
.tarif__liste li{border-bottom-color:var(--lin)}
.tarif__liste strong{color:var(--ambre)}

/* Divers */
.apropos__portrait,.hero__photo img,.rollon__photo img,.lumiere__photo img{border-radius:999px 999px 24px 24px}
.eveil{background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(240,214,203,.7),transparent 75%),var(--creme)}
.form{border-radius:28px}

@media (max-width:1080px){.situations__liste{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
	.hero--photo{min-height:88vh;background-position:68% 30%;align-items:flex-end}
	.hero--photo::before{background:linear-gradient(0deg,rgba(33,20,16,.9) 0%,rgba(33,20,16,.72) 45%,rgba(33,20,16,.25) 80%,rgba(33,20,16,.45) 100%)}
	.demarche__grid{grid-template-columns:1fr}
	.demarche__photo{max-width:340px}
	.home .site-nav.is-open .menu a{color:var(--titre)}
	.home .site-nav .menu a{background-image:none}
}
@media (max-width:560px){.situations__liste{grid-template-columns:1fr}.situations{border-radius:32px}}

/* ==========================================================
   v4.1 — palette « beige, marron, rose nude » (retour Florent)
   Beige = fonds · marron = textes, boutons, accents · rose nude = panneaux et touches douces
   ========================================================== */
:root{
	--creme:#f5efe8;      /* beige clair : fond du site */
	--beige:#ece2d6;      /* beige sable */
	--lin:#efe0d8;        /* rose nude : panneaux */
	--pierre:#e3d4c6;     /* beige : filets */
	--nude:#dcb9ab;       /* rose nude soutenu */
	--ambre:#8b6a55;      /* marron taupe : boutons, prix */
	--ambre-2:#9d7a64;
	--ambre-texte:#7a5846;
	--miel:#dcb9ab;
	--titre:#3f2f28; --brun:#4b3a31; --gris:#76665b;
	--ambre-grad:linear-gradient(120deg,#9d7a64 0%,#8b6a55 100%);
	--ombre:0 30px 60px -38px rgba(75,50,35,.45);
}
body{background:var(--creme)}
.ticker{background:var(--beige)}
.btn--ambre{background:var(--ambre);box-shadow:0 14px 30px -14px rgba(90,62,45,.75)}
.btn--ambre:hover{background:#775a47}
.calcul__tab.is-active{background:var(--ambre)}
.calcul{border-color:rgba(220,185,171,.6)}
.situations{background:linear-gradient(160deg,#f1e3db 0%,#e9d5cb 100%)}
.situations .situation::before{background:var(--nude)}
.situations .situation::after{background:radial-gradient(circle,rgba(220,185,171,.5),transparent 70%)}
.demarche{background:var(--creme)}
.demarche__etapes li::before{background:var(--lin);color:var(--ambre-texte)}
.tarif{background:var(--beige)}
.tarif__box{background:#fffaf6}
.eveil{background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(220,185,171,.45),transparent 75%),var(--creme)}
.apropos{background:var(--creme)}
.contact{background:linear-gradient(180deg,var(--beige),#e6d6c8)}
.hero--photo .hero__baseline{color:#ecc9bb}
.hero--photo::before{background:linear-gradient(90deg,rgba(40,27,20,.86) 0%,rgba(40,27,20,.68) 38%,rgba(40,27,20,.22) 70%,rgba(40,27,20,.05) 100%),linear-gradient(180deg,rgba(40,27,20,.45) 0%,transparent 30%)}
.site-footer{background:var(--beige)}
.home .site-header.is-scrolled{background:rgba(245,239,232,.95)}

/* v4.2 — « Qui suis-je ? » à la place de « Ma démarche » */
.parcours{background:var(--creme)}
.parcours__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,6vw,5rem);align-items:center}
.parcours__portrait{margin:0;aspect-ratio:4/5;border-radius:999px 999px 24px 24px;overflow:hidden;background:linear-gradient(160deg,var(--lin),var(--nude));display:flex;align-items:center;justify-content:center;box-shadow:0 40px 70px -40px rgba(75,50,35,.55)}
.parcours__portrait img{width:100%;height:100%;object-fit:cover}
.parcours__placeholder{font-family:var(--serif);font-size:8rem;color:#fffaf6}
.parcours__certif{display:inline-flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0 0 1.6rem;padding:.7rem 1.2rem;background:#fffaf6;border:1px solid var(--pierre);border-radius:999px;font-size:.95rem;color:var(--titre)}
.parcours__certif span{background:var(--ambre);color:#fff;border-radius:999px;padding:.2rem .75rem;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.parcours__quote{margin:1.4rem 0;padding-left:1.1rem;border-left:2px solid var(--nude)}
.parcours__quote p{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.3;color:var(--titre);margin:0}
.parcours__ateliers{color:var(--gris);margin-top:1.6rem}
@media (max-width:900px){.parcours__grid{grid-template-columns:1fr}.parcours__portrait{max-width:340px}}
.tarif__liste small{display:block;font-size:.85rem;color:var(--gris);margin-top:.15rem}

/* v4.3 — présentation de Kelly */
.parcours__grid{align-items:start}
.parcours__portrait{position:sticky;top:110px}
.parcours__texte>p{color:var(--brun);line-height:1.8;margin:0 0 1.1rem}
.parcours__intro{font-size:1.1rem}
.parcours__fort{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,1.9rem)!important;line-height:1.3!important;color:var(--titre)!important;margin:1.6rem 0!important}
.parcours__fort em{font-style:normal;color:var(--ambre-texte)}
.parcours__themes{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.8rem}
.parcours__themes li{background:var(--lin);color:var(--titre);border-radius:999px;padding:.45rem 1rem;font-size:.92rem}
.parcours__duo{padding:1.4rem 1.6rem;background:#fffaf6;border-radius:20px;border-left:3px solid var(--nude);font-family:var(--serif);font-size:1.35rem!important;line-height:1.4!important;color:var(--titre)!important;margin:1.8rem 0!important}
.parcours__signature{font-family:var(--serif);font-size:1.6rem!important;color:var(--ambre-texte)!important;margin-top:2rem!important}
.parcours__actions{margin:1.6rem 0 0}
@media (max-width:900px){.parcours__portrait{position:static}}
.parcours__themes{margin-bottom:1.6rem!important}

/* ==========================================================
   v4.4 — haut de page net sans photo HD + pavés qui s'ouvrent
   ========================================================== */
.hero--photo{background:#2a1d18;overflow:hidden}
.hero__fond{position:absolute;inset:-60px;z-index:0;background-size:cover;background-position:50% 40%;filter:blur(28px) saturate(1.15);transform:scale(1.1)}
.hero--photo::before{z-index:1!important;background:linear-gradient(90deg,rgba(40,27,20,.82) 0%,rgba(40,27,20,.6) 50%,rgba(40,27,20,.35) 100%)!important}
.hero--photo .wrap{z-index:2}
.hero--photo .hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero__arche{justify-self:end;width:100%;max-width:420px}
.hero__arche img{aspect-ratio:556/720;object-fit:cover;border-radius:999px 999px 24px 24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);animation:rise 1.2s .3s var(--ease) both}

/* Pavés dépliables */
.situations .situation{display:block;padding:0;cursor:default}
.situations .situation summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;padding:2rem 3.4rem 2rem 2rem;position:relative}
.situations .situation summary::-webkit-details-marker{display:none}
.situation__plus{position:absolute;right:1.5rem;top:2rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--lin);transition:transform .35s var(--ease),background .3s}
.situation__plus::before,.situation__plus::after{content:"";position:absolute;left:50%;top:50%;width:.7rem;height:1.5px;background:var(--ambre-texte);transform:translate(-50%,-50%)}
.situation__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.situation[open] .situation__plus{transform:rotate(45deg);background:var(--nude)}
.situation__detail{padding:0 2rem 1.9rem;animation:rise .45s var(--ease) both}
.situation__detail p{margin:0 0 1rem;padding-top:1rem;border-top:1px solid var(--lin);color:var(--brun);line-height:1.7;font-size:.97rem}
.situations .situation:hover{transform:translateY(-3px)}
.situations .situation summary:focus-visible{outline:2px solid var(--ambre);outline-offset:-4px;border-radius:24px}
.situations__liste{align-items:start}

@media (max-width:900px){
	.hero--photo .hero__grid{grid-template-columns:1fr}
	.hero__arche{justify-self:start;max-width:260px;order:-1;margin-bottom:.5rem}
	.hero--photo{align-items:center}
}
.situations .situation span.situation__plus{position:absolute;z-index:2}
.situation__detail,.situation__detail p,.situation__detail .link{font-family:var(--sans)}
.situation__detail p{font-weight:400}

/* v4.4.1 — lanterne plus petite, haut de page moins haut */
.hero--photo{min-height:0;padding:calc(80px + 3.5rem) 0 4.5rem}
.hero__arche{max-width:320px}
.hero--photo .hero__grid{grid-template-columns:1.3fr .7fr}
@media (max-width:900px){.hero__arche{max-width:200px}.hero--photo{padding:calc(80px + 2rem) 0 3.5rem}}
@media (max-width:900px){.hero--photo .hero__grid{grid-template-columns:1fr}}
/* v4.4.2 — bouton discret dans les pavés dépliés */
.situation__btn{display:inline-block;font-family:var(--sans);font-size:.86rem;font-weight:500;letter-spacing:.03em;color:var(--ambre);text-decoration:none;border:1.5px solid var(--nude);border-radius:999px;padding:.55em 1.3em;transition:background .3s,color .3s,border-color .3s}
.situation__btn:hover,.situation__btn:focus-visible{background:var(--ambre);border-color:var(--ambre);color:#fff}

/* ==========================================================
   v4.5 — les couleurs chaudes du haut de page, partout
   ========================================================== */
:root{
	--ambre:#9c5c35;          /* cognac chaud (boutons, prix) */
	--ambre-texte:#8a4f2c;
	--chaud-grad:linear-gradient(135deg,#d08f58 0%,#a9643a 55%,#8a4c2b 100%);
}
.btn--ambre,.btn--chaud{background:var(--chaud-grad);color:#fff;border:0;box-shadow:0 16px 34px -16px rgba(140,76,43,.85)}
.btn--ambre:hover,.btn--chaud:hover{filter:brightness(1.07);transform:translateY(-1px)}
.site-nav__cta{background:var(--chaud-grad)}

/* Calculateur : onglets et bouton chauds */
.calcul__tab.is-active{background:var(--chaud-grad);color:#fff}
.calcul__nombre{background:var(--chaud-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Pavés : tous de la même hauteur */
.situations__liste{align-items:stretch}
.situations__liste>li{display:flex}
.situations .situation{flex:1;display:flex;flex-direction:column}
.situations .situation summary{flex:1}

/* ---------- « Ce que je fais vraiment » : ambiance chaude ---------- */
.kelly{position:relative;overflow:hidden;isolation:isolate;margin:0 clamp(.5rem,1.6vw,1.2rem);border-radius:48px;padding:clamp(4.5rem,9vw,7rem) 0;background:#2a1d18;color:#f6e9e1}
.kelly__fond{position:absolute;inset:-80px;z-index:-2;background-size:cover;background-position:50% 45%;filter:blur(40px) saturate(1.2);transform:scale(1.15)}
.kelly::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(208,143,88,.35),transparent 70%),linear-gradient(180deg,rgba(40,26,19,.78) 0%,rgba(40,26,19,.86) 100%)}
.kelly__inner{max-width:980px}
.kelly__head{text-align:center;margin-bottom:3rem}
.kelly__titre{color:#fff;font-weight:400;font-size:clamp(2.6rem,5vw,4.2rem);margin:0 0 1.2rem}
.kelly__certif{display:inline-block;margin:0;padding:.55rem 1.3rem;border:1px solid rgba(240,201,170,.45);border-radius:999px;font-size:.88rem;letter-spacing:.04em;color:#f0c9aa}
.kelly__non{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3.2rem}
.kelly__non li{padding:1.4rem 1.5rem;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:1rem;line-height:1.5;color:#ecdcd2;text-align:center}
.kelly__phrase{text-align:center;font-family:var(--serif);font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.15;color:#fff;margin:0 0 3.4rem}
.kelly__phrase span{background:var(--chaud-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:brightness(1.35)}
.kelly__outils{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:3.4rem}
.kelly__outil{padding:2rem 2.1rem;border-radius:24px;background:rgba(255,248,242,.08);border:1px solid rgba(255,255,255,.12)}
.kelly__outil h3{color:#fff;font-weight:400;font-size:1.7rem;margin:0 0 .8rem}
.kelly__outil p{color:#e6d4c9;line-height:1.7;margin:0 0 1rem}
.kelly__liste{display:flex;flex-wrap:wrap;gap:.5rem}
.kelly__liste li{padding:.4rem .95rem;border-radius:999px;background:rgba(208,143,88,.22);color:#f8e4d6;font-size:.9rem}
.kelly__intention{margin-top:1.2rem!important;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14);font-family:var(--serif);font-size:1.3rem;line-height:1.4;color:#fff!important}
.kelly__citation{margin:0 auto 3.6rem;max-width:22em;text-align:center}
.kelly__citation p{margin:0;font-family:var(--serif);font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.3;color:#f0c9aa}
.kelly__signature{display:grid;grid-template-columns:auto 1fr;gap:2.4rem;align-items:center;padding:2.2rem;border-radius:28px;background:rgba(255,248,242,.08);border:1px solid rgba(255,255,255,.12)}
.kelly__portrait{margin:0;width:150px;aspect-ratio:4/5;border-radius:999px 999px 20px 20px;overflow:hidden;background:var(--chaud-grad);display:flex;align-items:center;justify-content:center;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
.kelly__portrait img{width:100%;height:100%;object-fit:cover}
.kelly__portrait span{font-family:var(--serif);font-size:4rem;color:#fff}
.kelly__signature p{color:#ecdcd2;line-height:1.7;margin:0}
.kelly__nom{font-family:var(--serif);font-size:1.6rem!important;color:#fff!important;margin:.9rem 0 1.4rem!important}
.kelly__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem}
.kelly__lien{color:#f0c9aa;font-size:.92rem;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(240,201,170,.5);padding-bottom:2px}
.kelly__lien:hover{color:#fff;border-color:#fff}
@media (max-width:900px){
	.kelly{border-radius:32px}
	.kelly__non,.kelly__outils{grid-template-columns:1fr}
	.kelly__signature{grid-template-columns:1fr;text-align:center;justify-items:center}
	.kelly__actions{justify-content:center}
}
.kelly__citation{max-width:30em}
@media (max-width:900px){.kelly__non{margin-bottom:2.6rem}.kelly__non li{padding:1.1rem 1.2rem}}

/* v4.6 — « Les accompagnements » (fini la liste de prix façon salon) */
.offres{background:var(--creme)}
.offres__head{text-align:center;max-width:640px;margin:0 auto clamp(2.6rem,5vw,3.6rem)}
.offres__head .section__lead{margin-top:1rem}
.offres__grille{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem}
.offre{grid-column:span 2;position:relative;display:flex;flex-direction:column;padding:2.2rem 2rem 1.9rem;background:#fffaf6;border-radius:28px;box-shadow:0 26px 50px -36px rgba(90,50,30,.55);overflow:hidden}
.offre:nth-child(4),.offre:nth-child(5){grid-column:span 3;background:linear-gradient(160deg,#fffaf6 0%,#f6e6dc 100%)}
.offre::before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(208,143,88,.28),transparent 70%)}
.offre__titre{position:relative;font-size:1.75rem;font-weight:400;margin:0 0 .7rem}
.offre__texte{position:relative;color:var(--gris);line-height:1.65;margin:0 0 1.6rem;flex:1}
.offre__prix{position:relative;margin:0;padding-top:1.1rem;border-top:1px solid var(--lin);font-family:var(--serif);font-size:1.5rem;color:var(--ambre-texte)}
.offres__cta{text-align:center;margin:2.6rem 0 0}
.offres__todo{text-align:center;margin:1rem 0 0}
@media (max-width:900px){.offres__grille{grid-template-columns:1fr}.offre,.offre:nth-child(4),.offre:nth-child(5){grid-column:auto}}
.offre__prix{font-variant-numeric:lining-nums}

/* v4.7 — bas de page allégé : un « Qui suis-je » simple, prix en une ligne */
.qui{background:var(--creme)}
.qui__grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:center;max-width:980px}
.qui__portrait{margin:0;width:clamp(220px,26vw,300px);aspect-ratio:4/5;border-radius:999px 999px 24px 24px;overflow:hidden;background:linear-gradient(160deg,var(--lin),var(--nude));display:flex;align-items:center;justify-content:center;box-shadow:0 36px 70px -40px rgba(75,50,35,.55)}
.qui__portrait img{width:100%;height:100%;object-fit:cover}
.qui__portrait span{font-family:var(--serif);font-size:6rem;color:#fffaf6}
.qui__texte p{color:var(--brun);font-size:1.08rem;line-height:1.8;margin:0 0 1rem;max-width:34em}
.qui__prix{font-size:.95rem!important;color:var(--gris)!important;margin:1.4rem 0 1.8rem!important}
@media (max-width:900px){.qui__grid{grid-template-columns:1fr}.qui__portrait{width:220px}}

/* ==========================================================
   v4.8 — « Vous vivez peut-être… » en liste éditoriale
   Plus de cartes : titre + photo à gauche, lignes fines à droite
   ========================================================== */
.situations--liste{margin:0;border-radius:0;background:var(--creme);box-shadow:none;padding:clamp(4.5rem,9vw,7rem) 0}
.situations--liste .situations__layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,6rem);align-items:start}
.situations--liste .situations__intro{position:sticky;top:110px}
.situations--liste .situations__titre{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.02;margin:0 0 1.2rem}
.situations--liste .situations__fin{text-align:left;margin:0 0 2.4rem;font-size:clamp(1.2rem,1.8vw,1.45rem);color:var(--ambre-texte);max-width:18em}
.situations__photo img{aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 24px 24px;box-shadow:0 40px 70px -40px rgba(75,50,35,.55);max-width:320px}
.situations--liste .situations__liste{display:block;border-top:1px solid var(--pierre-2)}
.situations--liste .situations__liste>li{display:block}
.situations--liste .situation{display:block;background:none;border:0;border-bottom:1px solid var(--pierre-2);border-radius:0;box-shadow:none;padding:0;transform:none!important}
.situations--liste .situation::before,.situations--liste .situation::after{display:none}
.situations--liste .situation:hover{background:none;box-shadow:none}
.situations--liste .situation summary{padding:1.7rem 3.2rem 1.7rem 0;gap:.45rem}
.situations--liste .situation__titre{font-size:clamp(1.45rem,2.2vw,1.8rem);transition:color .3s}
.situations--liste .situation__texte{font-size:.98rem;color:var(--gris)}
.situations--liste .situation:hover .situation__titre,.situations--liste .situation[open] .situation__titre{color:var(--ambre-texte)}
.situations--liste span.situation__plus{right:.2rem;top:2.05rem;width:1.4rem;height:1.4rem;background:none;border-radius:0}
.situations--liste .situation__plus::before,.situations--liste .situation__plus::after{width:1.1rem;height:1.5px;background:var(--ambre)}
.situations--liste .situation[open] .situation__plus{background:none}
.situations--liste .situation__detail{padding:0 3.2rem 1.9rem 0}
.situations--liste .situation__detail p{border-top:0;padding-top:0;font-size:1rem;color:var(--brun)}
.situations--liste .situation summary:focus-visible{border-radius:8px}
@media (max-width:900px){
	.situations--liste .situations__layout{grid-template-columns:1fr}
	.situations--liste .situations__intro{position:static}
	.situations__photo{display:none}
	.situations--liste .situation summary{padding-right:2.6rem}
	.situations--liste .situation__detail{padding-right:0}
}

/* ==========================================================
   v4.9 — sections bien séparées + « Pour aller plus loin » (huiles)
   ========================================================== */
/* Alternance des fonds pour que chaque bloc se distingue */
.essai{background:var(--creme)}
.situations--liste{background:#efe5d9}
.eveil{background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(220,185,171,.45),transparent 75%),var(--creme)}
.qui{background:#efe5d9}
.prolonger{background:linear-gradient(160deg,#f6ebe3 0%,#efdcd0 100%)}
.contact{background:linear-gradient(180deg,#e9dccf,#e1d0c1)}
/* Photo des situations plus grande */
.situations__photo img{max-width:400px}

.prolonger__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(3rem,7vw,6rem);align-items:center}
.prolonger__photos{position:relative;padding:0 0 3.5rem 0}
.prolonger__photo img{width:min(100%,430px);aspect-ratio:582/802;object-fit:cover;border-radius:999px 999px 26px 26px;box-shadow:0 44px 80px -44px rgba(75,45,25,.6)}
.prolonger__photo2{position:absolute;right:0;bottom:0;width:44%}
.prolonger__photo2 img{aspect-ratio:1;object-fit:cover;border-radius:26px;border:6px solid #fbf3ee;box-shadow:0 30px 60px -30px rgba(75,45,25,.6)}
.prolonger__lead{font-size:1.12rem;line-height:1.8;color:var(--brun);margin:1.2rem 0 2rem}
.prolonger__points{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem;margin-bottom:2rem}
.prolonger__points h3{font-size:1.35rem;font-weight:400;margin:0 0 .3rem;color:var(--titre)}
.prolonger__points p{margin:0;color:var(--gris);line-height:1.6;font-size:.96rem}
.prolonger__commande{color:var(--brun);line-height:1.7;margin:0 0 1.8rem;padding:1.1rem 1.3rem;background:rgba(255,250,246,.7);border-radius:16px}
.prolonger__mention{font-size:.82rem;color:var(--gris);margin:1.4rem 0 0}
@media (max-width:900px){
	.prolonger__grid{grid-template-columns:1fr}
	.prolonger__photos{max-width:420px}
	.prolonger__points{grid-template-columns:1fr}
}
.prolonger ul.prolonger__points{margin-bottom:2rem}
/* v4.9.1 — photo des situations plus grande */
.situations--liste .situations__layout{grid-template-columns:1fr 1.05fr}
.situations__photo img{max-width:none;width:100%}

/* ==========================================================
   v4.10 — séparation douce entre les blocs :
   chaque bloc arrive comme une feuille arrondie posée sur le précédent
   ========================================================== */
.home main > section:not(.hero),.home .site-footer{position:relative;border-radius:48px 48px 0 0;margin-top:-48px;padding-top:calc(var(--sec) + 48px);box-shadow:0 -18px 40px -30px rgba(75,45,25,.35)}
.home main > section.essai{z-index:2;padding-top:calc(clamp(3rem,6vw,5rem) + 48px)}
.home main > section.situations{z-index:3}
.home main > section.eveil{z-index:4;padding-top:calc(clamp(5rem,12vw,9rem) + 48px)}
.home main > section.qui{z-index:5}
.home main > section.prolonger{z-index:6}
.home main > section.contact{z-index:7}
.home .site-footer{z-index:8;padding-top:calc(4rem + 48px)}
.home .hero--photo{padding-bottom:calc(4.5rem + 48px)}
/* petit repère lumineux en haut de chaque feuille */
.home main > section:not(.hero)::after{content:"";position:absolute;left:50%;top:18px;width:46px;height:4px;border-radius:4px;transform:translateX(-50%);background:var(--chaud-grad);opacity:.55}
@media (max-width:900px){
	.home main > section:not(.hero),.home .site-footer{border-radius:30px 30px 0 0;margin-top:-30px}
	.home main > section:not(.hero)::after{top:12px;width:36px}
}

/* v4.10.1 — la phrase manifeste dans l'ambiance chaude du haut de page
   (séparation nette avec « Qui suis-je ? ») */
.home main > section.eveil{overflow:hidden;isolation:isolate;background:#2a1d18;color:#fff}
.eveil__fond{position:absolute;inset:-80px;z-index:-2;background-size:cover;background-position:50% 45%;filter:blur(36px) saturate(1.2);transform:scale(1.15)}
.home main > section.eveil::before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(208,143,88,.32),transparent 70%),linear-gradient(180deg,rgba(40,26,19,.72),rgba(40,26,19,.82));filter:none;opacity:1;animation:none;mix-blend-mode:normal;transform:none}
.eveil__texte{color:#fff}
.js .eveil__texte span{--o:.22}
.eveil__texte span.is-lit{--o:1}
.home main > section.qui{background:var(--creme)}

/* ==========================================================
   v4.11 — des nombres qui flottent dans la lumière (manifeste)
   Nets ou flous selon la « profondeur », ils dérivent lentement
   et glissent à des vitesses différentes au défilement.
   ========================================================== */
.eveil__nombres{position:absolute;inset:0;z-index:0;pointer-events:none}
.eveil .wrap{position:relative;z-index:1}
.eveil__nombres span{position:absolute;font-family:var(--serif);font-weight:300;line-height:1;color:rgba(255,222,190,.5);text-shadow:0 0 24px rgba(255,180,110,.55),0 0 60px rgba(208,143,88,.35);
	transform:translate3d(0,var(--dy,0px),0);animation:flotte 14s ease-in-out infinite alternate;will-change:transform}
.eveil__nombres .n1{font-size:clamp(5rem,11vw,9.5rem);right:6%;top:10%;color:rgba(255,226,196,.62);animation-duration:18s}
.eveil__nombres .n2{font-size:4.2rem;left:6%;top:12%;filter:blur(1.5px);animation-duration:16s}
.eveil__nombres .n3{font-size:2.6rem;left:22%;bottom:14%;animation-duration:12s}
.eveil__nombres .n4{font-size:5.5rem;left:3%;bottom:8%;filter:blur(3px);opacity:.7;animation-duration:20s}
.eveil__nombres .n5{font-size:2.2rem;right:24%;bottom:12%;filter:blur(.8px);animation-duration:11s}
.eveil__nombres .n6{font-size:3.4rem;right:4%;bottom:10%;filter:blur(2px);animation-duration:17s}
.eveil__nombres .n7{font-size:1.8rem;left:40%;top:8%;opacity:.8;animation-duration:10s}
.eveil__nombres .n8{font-size:3rem;left:30%;top:20%;filter:blur(4px);opacity:.55;animation-duration:19s}
.eveil__nombres .n9{font-size:2rem;right:36%;top:14%;filter:blur(2.5px);opacity:.6;animation-duration:13s}
.eveil__nombres .n10{font-size:2.4rem;left:52%;bottom:6%;filter:blur(1px);opacity:.7;animation-duration:15s}
@keyframes flotte{0%{translate:0 0;opacity:.55}50%{opacity:1}100%{translate:0 -18px;opacity:.7}}
@media (max-width:900px){
	.eveil__nombres .n1{font-size:4.2rem;right:4%;top:4%}
	.eveil__nombres .n7,.eveil__nombres .n8,.eveil__nombres .n9,.eveil__nombres .n10{display:none}
	.eveil__nombres .n2{font-size:2.6rem;top:5%}
	.eveil__nombres .n4{font-size:3.4rem}
}
@media (prefers-reduced-motion:reduce){.eveil__nombres span{animation:none}}
/* v4.11 — ajustements : 333 hors du texte, chiffres alignés, plus d'air */
.eveil__nombres span{font-variant-numeric:lining-nums}
.eveil__nombres .n1{top:auto;bottom:16%;right:5%;font-size:clamp(4.5rem,9vw,8rem)}
.eveil__nombres .n6{right:auto;left:14%;bottom:30%}
.home main > section.eveil{padding-bottom:calc(clamp(5rem,12vw,9rem) + 70px)}
@media (max-width:900px){.eveil__nombres .n1{bottom:10%;right:4%;font-size:3.8rem}.eveil__nombres .n6{left:6%;bottom:24%}}
@media (max-width:900px){.eveil__nombres .n5{display:none}}
/* v4.11.1 — « Vous vivez peut-être… » remonté : titre aligné en haut, moins d'espace au-dessus */
.situations--liste .situations__intro{position:static}
.home main > section.situations{padding-top:calc(clamp(3rem,6vw,4.5rem) + 48px)}
.situations--liste .situations__layout{align-items:start}
.situations--liste .situations__titre{margin-top:-.15em}
/* v4.11.2 — plus de filets dans la liste des situations :
   chaque ligne respire, et s'éclaire doucement au survol / à l'ouverture */
.situations--liste .situations__liste{border-top:0;display:grid;gap:.35rem}
.situations--liste .situation{border-bottom:0;border-radius:22px;transition:background .35s var(--ease),box-shadow .35s var(--ease)}
.situations--liste .situation summary{padding:1.4rem 3.4rem 1.4rem 1.5rem}
.situations--liste span.situation__plus{right:1.3rem;top:1.75rem}
.situations--liste .situation__detail{padding:0 3.4rem 1.6rem 1.5rem}
.situations--liste .situation:hover{background:rgba(255,250,246,.55)}
.situations--liste .situation[open]{background:#fffaf6;box-shadow:0 22px 44px -34px rgba(75,45,25,.5)}
@media (max-width:900px){.situations--liste .situation summary{padding:1.2rem 2.8rem 1.2rem 1.1rem}.situations--liste span.situation__plus{right:.9rem}.situations--liste .situation__detail{padding:0 1.1rem 1.4rem}}
.situations--liste .situations__liste{grid-template-columns:1fr!important}

/* ==========================================================
   v4.12 — « numérologue » visible, sans traits marron,
   manifeste plus doux (moins de contraste avec la suite)
   ========================================================== */
/* Signature élégante dans le haut de page */
.hero--photo .hero__baseline{display:inline-flex;align-items:center;gap:.9rem;letter-spacing:.24em}
.hero__signe{font-family:var(--serif);font-size:1.5rem;letter-spacing:.02em;text-transform:none;color:#fff;font-weight:400}
.hero__signe::after{content:"";display:inline-block;width:34px;height:1px;background:rgba(240,207,196,.7);margin-left:.9rem;vertical-align:middle}
.brand__tag{letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}

/* Plus de petits traits marron en haut des blocs */
.home main > section:not(.hero)::after{display:none}
.home main > section.eveil::after{display:none}

/* Manifeste : ambiance chaude mais plus claire, transition douce */
.home main > section.eveil::before{background:radial-gradient(ellipse 55% 60% at 50% 45%,rgba(236,190,150,.35),transparent 70%),linear-gradient(180deg,rgba(112,74,54,.66) 0%,rgba(150,108,84,.56) 100%)!important}
.eveil__fond{filter:blur(40px) saturate(1.1) brightness(1.25)}
.eveil__texte{text-shadow:0 2px 20px rgba(60,35,22,.35)}
.home main > section.qui{box-shadow:0 -24px 50px -34px rgba(90,55,35,.35)}

/* ==========================================================
   v4.13 — dōTERRA en touche discrète (plus de gros bloc)
   Une petite pastille lumineuse sous la présentation de Kelly :
   la photo du roll-on dans un médaillon, un reflet qui passe au survol.
   ========================================================== */
.huile-touche{position:relative;display:flex;align-items:center;gap:1.1rem;margin-top:2.4rem;max-width:30rem;padding:.7rem 1.4rem .7rem .7rem;border-radius:999px;background:rgba(255,250,246,.9);border:1px solid rgba(220,185,171,.55);text-decoration:none;color:var(--brun);box-shadow:0 18px 40px -30px rgba(90,55,35,.55);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.huile-touche::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,236,214,.75),transparent);transform:skewX(-18deg);transition:left .9s var(--ease)}
.huile-touche:hover,.huile-touche:focus-visible{transform:translateY(-2px);box-shadow:0 24px 50px -30px rgba(90,55,35,.65)}
.huile-touche:hover::after,.huile-touche:focus-visible::after{left:130%}
.huile-touche__img{flex:0 0 auto;width:58px;height:58px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fffaf6,0 0 0 4px rgba(208,143,88,.45),0 0 24px rgba(208,143,88,.45)}
.huile-touche__img img{width:100%;height:100%;object-fit:cover;object-position:40% 55%}
.huile-touche__texte{font-size:.9rem;line-height:1.45;color:var(--gris)}
.huile-touche__titre{display:block;font-family:var(--serif);font-size:1.15rem;color:var(--titre);margin-bottom:.1rem}
.huile-touche__fleche{margin-left:auto;color:var(--ambre);font-size:1.1rem;transition:transform .35s var(--ease)}
.huile-touche:hover .huile-touche__fleche{transform:translateX(4px)}

/* v4.13.1 — « Vous vivez peut-être… » rééquilibré :
   titre + phrase centrés au-dessus, puis photo et liste de même hauteur */
.situations__entete{text-align:center;max-width:760px;margin:0 auto clamp(2.6rem,5vw,3.6rem)}
.situations--liste .situations__entete .situations__titre{margin:0 0 .8rem}
.situations--liste .situations__entete .situations__fin{margin:0 auto;text-align:center;max-width:none}
.situations--liste .situations__layout{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:clamp(2.5rem,5vw,4.5rem)}
.situations__photo{display:block;height:100%;min-height:420px}
.situations__photo img{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:50% 60%;border-radius:220px 220px 26px 26px}
.situations--liste .situations__liste{align-content:center}
@media (max-width:900px){.situations__photo{display:none}}
/* v4.13.2 — plus aucun séparateur marron */
.home main > section:not(.hero),.home .site-footer,.home main > section.qui{box-shadow:none!important}
.home main > section:not(.hero)::after{display:none!important}
.hero__signe::after{content:"·";width:auto;height:auto;background:none;margin:0 0 0 .9rem;color:rgba(240,207,196,.9);vertical-align:baseline}
.contact__note{border-left:0;padding-left:0}
.site-footer__grid{border-bottom-color:transparent}
/* v4.13.3 — corrections mobile */
@media (max-width:900px){.situations--liste .situations__layout{grid-template-columns:1fr}}
.contact__title{font-size:clamp(2.2rem,4.2vw,3.2rem);font-weight:400}
/* v4.13.3 — nombres du manifeste sur mobile : aucun ne touche le texte */
@media (max-width:900px){
	.eveil__nombres .n2,.eveil__nombres .n3,.eveil__nombres .n5{display:none}
	.eveil__nombres .n1{top:2%;bottom:auto;right:5%;font-size:3.4rem}
	.eveil__nombres .n4{top:auto;bottom:3%;left:5%;font-size:2.8rem}
	.eveil__nombres .n6{top:auto;bottom:4%;left:auto;right:10%;font-size:2.2rem}
	.home main > section.eveil{padding-top:calc(4.5rem + 30px + 40px);padding-bottom:calc(4.5rem + 60px)}
}
/* v4.13.4 — sous-titres des situations plus lisibles */
.situations--liste .situation__texte{font-size:1.04rem;line-height:1.6;color:#5c4a40;font-weight:400}
.situations--liste .situation summary{gap:.55rem}
@media (max-width:560px){.situations--liste .situation__texte{font-size:1rem}}

/* v4.14 — page Huiles : « Comment commander ? » */
.commande{background:var(--creme)}
.commande__head{text-align:center;max-width:680px;margin:0 auto clamp(2.4rem,5vw,3.4rem)}
.commande__head .section__lead{margin-top:1rem}
.commande__grille{display:grid;grid-template-columns:1fr 1.25fr;gap:1.4rem;align-items:stretch}
.commande__option{display:flex;flex-direction:column;align-items:flex-start;padding:2.4rem 2.3rem;background:#fffaf6;border-radius:28px;box-shadow:0 26px 50px -36px rgba(90,50,30,.5)}
.commande__option--membre{background:linear-gradient(160deg,#fffaf6 0%,#f5e4d8 100%)}
.commande__etiquette{margin:0 0 .8rem;font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ambre-texte)}
.commande__option h3{font-size:2rem;font-weight:400;margin:0 0 1rem}
.commande__option>p{color:var(--brun);line-height:1.75;margin:0 0 1rem}
.commande__ideal{font-size:.95rem;color:var(--gris)!important;margin:auto 0 1.6rem!important;padding-top:.6rem}
.commande__etapes{counter-reset:c;list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.9rem}
.commande__etapes li{counter-increment:c;display:grid;grid-template-columns:2rem 1fr;gap:.8rem;color:var(--brun);line-height:1.65}
.commande__etapes li::before{content:counter(c);display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--chaud-grad);color:#fff;font-size:.85rem;font-weight:500}
.commande__etapes strong{font-weight:500;color:var(--titre)}
.commande__aide{text-align:center;color:var(--gris);margin:2.4rem 0 0}
@media (max-width:900px){.commande__grille{grid-template-columns:1fr}.commande__option{padding:2rem 1.6rem}}

/* ==========================================================
   v4.15 — page Huiles : adultes d'abord, puis la collection Kids
   ========================================================== */
.flacons__head{text-align:center;max-width:680px;margin:0 auto clamp(2.4rem,5vw,3.4rem)}
.flacons__head .section__lead{margin:1rem auto 0}
.flacons__pour{margin:0 0 .7rem;font-size:.76rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ambre-texte)}
.flacons--adultes{background:var(--creme)}
.flacons--kids{margin:0 clamp(.5rem,1.6vw,1.2rem);border-radius:48px;background:linear-gradient(160deg,#f6e8df 0%,#efd9cc 100%)}

/* Cartes des huiles adultes */
.flacons--adultes .huiles{grid-template-columns:repeat(4,1fr);gap:1.2rem}
.flacons--adultes .huile{align-items:center;text-align:center;padding:2.2rem 1.4rem 1.8rem;background:#fffaf6;border-radius:24px;box-shadow:0 22px 44px -34px rgba(90,50,30,.5);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.flacons--adultes .huile:hover{transform:translateY(-4px);box-shadow:0 30px 56px -34px rgba(90,50,30,.6)}
.flacons--adultes .huile__drop{position:relative;width:54px;height:54px;margin:0 0 1.2rem;clip-path:none;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,214,160,.9),rgba(208,143,88,.35) 55%,transparent 72%)}
.flacons--adultes .huile__drop::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:22px;transform:translate(-50%,-45%);background:var(--chaud-grad);clip-path:polygon(50% 0,100% 62%,90% 88%,50% 100%,10% 88%,0 62%)}
.flacons--adultes .huile__name{font-size:1.4rem;line-height:1.2;margin-bottom:.35rem}
.flacons--adultes .huile__format{margin-bottom:1.3rem}
.flacons--adultes .huile .link{margin-top:auto}

/* Collection Kids */
.flacons--kids .kids__grid{gap:1.2rem}
.flacons--kids .kid{border-radius:24px;background:#fffaf6;text-align:center}
.flacons--kids .kid__nom{font-family:var(--serif);font-size:1.45rem;font-weight:400;margin:1.1rem 1rem .1rem}
.flacons--kids .kid__mot{margin:0 1rem 1.3rem}
.flacons--kids .kids__cta{justify-content:center}

@media (max-width:1080px){.flacons--adultes .huiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.flacons--adultes .huiles{grid-template-columns:repeat(2,1fr)}.flacons--kids{border-radius:32px}}
@media (max-width:420px){.flacons--adultes .huile{padding:1.8rem 1rem 1.5rem}.flacons--adultes .huile__name{font-size:1.2rem}}
/* Kids : la dernière ligne centrée */
.flacons--kids .kids__grid{display:flex;flex-wrap:wrap;justify-content:center}
.flacons--kids .kid{flex:0 0 calc((100% - 3.6rem)/4)}
@media (max-width:1080px){.flacons--kids .kid{flex-basis:calc((100% - 2.4rem)/3)}}
@media (max-width:900px){.flacons--kids .kid{flex-basis:calc((100% - 1.2rem)/2)}}

/* ==========================================================
   v4.16 — « Votre huile selon votre chemin de vie »
   ========================================================== */
.flacons__calcul{margin:1.2rem 0 0}
.chemins__onglets{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0 auto 2.4rem;max-width:760px}
.chemins__onglet{font-family:var(--serif);font-size:1.35rem;font-variant-numeric:lining-nums;min-width:3.2rem;height:3.2rem;padding:0 .8rem;border-radius:999px;border:1.5px solid var(--pierre-2);background:#fffaf6;color:var(--titre);cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.chemins__onglet:hover{border-color:var(--nude);transform:translateY(-2px)}
.chemins__onglet.is-active{background:var(--chaud-grad);border-color:transparent;color:#fff;box-shadow:0 14px 30px -14px rgba(140,76,43,.8)}
.chemin{animation:rise .5s var(--ease) both}
.chemin[hidden]{display:none}
.chemin__entete{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.4rem,3vw,2.4rem);align-items:center;max-width:900px;margin:0 auto 2rem}
.chemin__nombre{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(5rem,10vw,7.5rem);line-height:.85;font-variant-numeric:lining-nums;background:var(--chaud-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.chemin__nom{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400;margin:0 0 .6rem}
.chemin__logique{margin:0;color:var(--brun);line-height:1.75;font-size:1.05rem}
.chemin__duo{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:1000px;margin:0 auto}
.chemin__produit{padding:2rem 2.1rem;background:#fffaf6;border-radius:26px;box-shadow:0 22px 44px -34px rgba(90,50,30,.5)}
.chemin__type{margin:0 0 .5rem;font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ambre-texte)}
.chemin__produit h4{font-family:var(--serif);font-size:1.7rem;font-weight:400;color:var(--titre);margin:0 0 .8rem}
.chemin__produit p:last-child{margin:0;color:var(--brun);line-height:1.75}
.chemins__mention{max-width:760px;margin:2.2rem auto 0;text-align:center;font-size:.84rem;color:var(--gris)}
.calcul__huiles{display:inline-block;margin:0 0 1rem;font-size:.92rem;font-weight:500;color:var(--ambre-texte);text-decoration:none;border-bottom:1.5px solid var(--miel);padding-bottom:2px}
.calcul__huiles:hover{color:var(--titre);border-color:var(--titre)}
.calcul__result>div{display:flex;flex-direction:column;align-items:flex-start}
@media (max-width:900px){
	.chemin__entete{grid-template-columns:1fr;text-align:center;gap:.6rem}
	.chemin__duo{grid-template-columns:1fr}
	.chemins__onglet{min-width:2.8rem;height:2.8rem;font-size:1.2rem}
}
.flacons--adultes .flacons__head{max-width:760px}

/* ==========================================================
   v4.17 — huiles par chemin de vie : galerie lumineuse + fenêtre
   ========================================================== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Section dans l'ambiance chaude du haut de page */
.flacons--adultes{position:relative;overflow:hidden;isolation:isolate;margin:0 clamp(.5rem,1.6vw,1.2rem);border-radius:48px;background:#3a271e;color:#f6e9e1}
.flacons--adultes::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(236,170,110,.35),transparent 70%),radial-gradient(ellipse 50% 60% at 100% 100%,rgba(208,143,88,.25),transparent 70%),linear-gradient(180deg,#4a3226 0%,#34231b 100%)}
.flacons--adultes .flacons__pour{color:#f0c9aa}
.flacons--adultes .section__title{color:#fff;font-weight:400}
.flacons--adultes .section__lead{color:#e6d4c9}
.flacons--adultes .link{color:#f0c9aa;border-bottom-color:rgba(240,201,170,.5)}

/* Galerie */
.galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:.5rem}
.carte-chemin{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;min-height:15rem;padding:1.6rem 1.5rem 1.4rem;text-align:left;font:inherit;color:#f6e9e1;cursor:pointer;background:linear-gradient(160deg,rgba(255,248,242,.1),rgba(255,248,242,.04));border:1px solid rgba(255,236,220,.14);border-radius:26px;overflow:hidden;transition:transform .45s var(--ease),border-color .45s,background .45s,box-shadow .45s}
.carte-chemin::before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,120,.35),transparent 70%);opacity:.5;transition:opacity .45s,transform .6s var(--ease)}
.carte-chemin:hover,.carte-chemin:focus-visible{transform:translateY(-6px);border-color:rgba(240,201,170,.5);background:linear-gradient(160deg,rgba(255,248,242,.16),rgba(255,248,242,.06));box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.carte-chemin:hover::before,.carte-chemin:focus-visible::before{opacity:1;transform:scale(1.3)}
.carte-chemin:focus-visible{outline:2px solid #f0c9aa;outline-offset:3px}
.carte-chemin__nombre{position:relative;font-family:var(--serif);font-weight:300;font-size:4.2rem;line-height:.9;font-variant-numeric:lining-nums;background:linear-gradient(135deg,#ffe3c2 0%,#e6a56c 60%,#c98450 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(240,170,110,.25)}
.carte-chemin__nom{position:relative;display:block;margin:.6rem 0 .35rem;font-family:var(--serif);font-size:1.45rem;color:#fff;line-height:1.15}
.carte-chemin__mots{position:relative;font-size:.86rem;line-height:1.5;color:#d9c4b8;margin-bottom:1rem}
.carte-chemin__huiles{position:relative;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}
.carte-chemin__huiles span{padding:.25rem .7rem;border-radius:999px;font-size:.76rem;background:rgba(240,190,140,.16);border:1px solid rgba(240,201,170,.25);color:#f6dccb}
.carte-chemin__voir{position:relative;margin-top:1rem;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:#f0c9aa;opacity:.7;transition:opacity .3s}
.carte-chemin:hover .carte-chemin__voir{opacity:1}

/* Fenêtre de détail */
.fenetre-chemin{width:min(760px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:clamp(1.8rem,4vw,2.8rem);border:0;border-radius:30px;background:#fbf5f0;color:var(--brun);box-shadow:0 50px 100px -40px rgba(30,15,8,.7)}
.fenetre-chemin::backdrop{background:rgba(40,25,18,.55);backdrop-filter:blur(6px)}
.fenetre-chemin[open]{animation:fenetre .45s var(--ease) both}
@keyframes fenetre{from{opacity:0;transform:translateY(18px) scale(.98)}}
.fenetre-chemin__fermer{position:absolute;top:1rem;right:1rem;width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:var(--lin);color:var(--titre);font-size:1.5rem;line-height:1;cursor:pointer}
.fenetre-chemin__fermer:hover{background:var(--nude)}
.fenetre-chemin__entete{display:flex;align-items:center;gap:1.4rem;margin:0 0 1.2rem;padding-right:2.5rem}
.fenetre-chemin__nombre{font-family:var(--serif);font-weight:300;font-size:5.2rem;line-height:.85;font-variant-numeric:lining-nums;background:var(--chaud-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fenetre-chemin__sur{margin:0 0 .2rem;font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ambre-texte)}
.fenetre-chemin__nom{margin:0;font-size:2.2rem;font-weight:400}
.fenetre-chemin__logique{margin:0 0 1.6rem;line-height:1.75;font-size:1.04rem}
.fenetre-chemin__duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fenetre-chemin__produit{padding:1.5rem 1.5rem 1.4rem;border-radius:22px;background:#fff}
.fenetre-chemin__type{margin:0 0 .35rem;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ambre-texte)}
.fenetre-chemin__produit h4{margin:0 0 .6rem;font-family:var(--serif);font-size:1.55rem;font-weight:400;color:var(--titre)}
.fenetre-chemin__produit p:last-child{margin:0;line-height:1.7;font-size:.95rem}
.fenetre-chemin__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin:1.8rem 0 0}
.fenetre-chemin__mention{margin:1.4rem 0 0;font-size:.8rem;color:var(--gris)}
html.fenetre-ouverte{overflow:hidden}

@media (max-width:1080px){.galerie{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.galerie{grid-template-columns:repeat(2,1fr)}.flacons--adultes{border-radius:32px}}
@media (max-width:560px){
	.galerie{gap:.7rem}
	.carte-chemin{min-height:0;padding:1.2rem 1.1rem}
	.carte-chemin__nombre{font-size:3.2rem}
	.carte-chemin__nom{font-size:1.2rem}
	.carte-chemin__mots,.carte-chemin__voir{display:none}
	.fenetre-chemin__duo{grid-template-columns:1fr}
	.fenetre-chemin__nombre{font-size:4rem}
	.fenetre-chemin__nom{font-size:1.8rem}
}
.fenetre-chemin .link{color:var(--ambre-texte);border-bottom-color:var(--miel)}
.fenetre-chemin{color:var(--brun)}

/* ==========================================================
   v4.18 — galerie des chemins plus claire (moins de marron) + photos de flacons
   ========================================================== */
.flacons--adultes{background:#f3e3d8;color:var(--brun)}
.flacons--adultes::before{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(255,236,214,.9),transparent 70%),radial-gradient(ellipse 50% 60% at 100% 100%,rgba(220,185,171,.55),transparent 70%),linear-gradient(180deg,#f6e9df 0%,#eed6c8 100%)}
.flacons--adultes .flacons__pour{color:var(--ambre-texte)}
.flacons--adultes .section__title{color:var(--titre)}
.flacons--adultes .section__lead{color:var(--brun)}
.flacons--adultes .link{color:var(--ambre-texte);border-bottom-color:var(--miel)}
.carte-chemin{color:var(--brun);background:#fffaf6;border:1px solid rgba(220,185,171,.45);box-shadow:0 20px 40px -32px rgba(90,50,30,.45)}
.carte-chemin::before{background:radial-gradient(circle,rgba(236,190,150,.45),transparent 70%)}
.carte-chemin:hover,.carte-chemin:focus-visible{background:#fff;border-color:var(--nude);box-shadow:0 30px 56px -30px rgba(90,50,30,.55)}
.carte-chemin:focus-visible{outline-color:var(--ambre)}
.carte-chemin__nombre{background:var(--chaud-grad);-webkit-background-clip:text;background-clip:text;text-shadow:none}
.carte-chemin__nom{color:var(--titre)}
.carte-chemin__mots{color:var(--gris)}
.carte-chemin__huiles span{background:var(--lin);border-color:transparent;color:var(--titre)}
.carte-chemin__voir{color:var(--ambre-texte)}
/* Flacons posés dans le coin de la carte */
.carte-chemin--photo{padding-right:5.8rem}
.carte-chemin__flacons{position:absolute;right:.9rem;bottom:1rem;display:flex;align-items:flex-end;gap:.15rem;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(60,35,20,.28));transition:transform .5s var(--ease)}
.carte-chemin__flacons img{height:92px;width:auto}
.carte-chemin__flacons img+img{height:86px}
.carte-chemin:hover .carte-chemin__flacons{transform:translateY(-4px) rotate(-2deg)}
/* Photos dans la fenêtre */
.fenetre-chemin__produit{display:grid;grid-template-columns:auto 1fr;column-gap:1.1rem;align-items:start}
.fenetre-chemin__produit>*:not(.fenetre-chemin__photo){grid-column:2}
.fenetre-chemin__photo{grid-column:1;grid-row:1 / span 3;height:120px;width:auto;filter:drop-shadow(0 10px 12px rgba(60,35,20,.25))}
.fenetre-chemin__produit:not(:has(.fenetre-chemin__photo)){grid-template-columns:1fr}
.fenetre-chemin__produit:not(:has(.fenetre-chemin__photo))>*{grid-column:1}
@media (max-width:560px){.carte-chemin--photo{padding-right:4.4rem}.carte-chemin__flacons img{height:64px}.carte-chemin__flacons img+img{height:60px}.fenetre-chemin__photo{height:96px}}

/* ==========================================================
   v4.19 — huiles par chemin de vie : index éditorial + photo d'ambiance
   (plus de cartes, plus de gros nombres, plus de photos de flacons)
   ========================================================== */
.flacons--adultes{background:var(--creme);border-radius:48px}
.flacons--adultes::before{background:radial-gradient(ellipse 50% 60% at 10% 20%,rgba(240,214,203,.55),transparent 70%)}
.rituel{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,6rem);align-items:start}
.rituel__photo img{width:100%;max-width:380px;aspect-ratio:582/802;object-fit:cover;border-radius:999px 999px 26px 26px;box-shadow:0 40px 70px -40px rgba(75,45,25,.5)}
.rituel__intro .flacons__pour{margin-top:2.2rem}
.rituel__intro .section__title{font-size:clamp(2rem,3.4vw,2.8rem);margin:0 0 1rem}
.rituel__texte{color:var(--brun);line-height:1.8;font-size:1.05rem;max-width:26em}
.index-chemins{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.ligne-chemin{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:baseline;gap:1rem;width:100%;padding:1.05rem 1.3rem;font:inherit;text-align:left;color:var(--titre);background:none;border:0;border-radius:18px;cursor:pointer;transition:background .35s var(--ease)}
.ligne-chemin:hover,.ligne-chemin:focus-visible{background:#fffaf6}
.ligne-chemin:focus-visible{outline:2px solid var(--ambre);outline-offset:-2px}
.ligne-chemin__n{font-family:var(--serif);font-size:1.2rem;font-variant-numeric:lining-nums;color:var(--ambre-texte)}
.ligne-chemin__nom{font-family:var(--serif);font-size:1.5rem;line-height:1.2;transition:color .3s}
.ligne-chemin:hover .ligne-chemin__nom{color:var(--ambre-texte)}
.ligne-chemin__huiles{font-size:.88rem;color:var(--gris);text-align:right;white-space:nowrap}
.rituel__liste .chemins__mention{text-align:left;margin:1.6rem 1.3rem 0}

/* Fenêtre : plus sobre */
.fenetre-chemin__nombre{font-size:3rem;font-weight:400}
.fenetre-chemin__entete{gap:1rem}
.fenetre-chemin__produit{display:block}

@media (max-width:900px){
	.rituel{grid-template-columns:1fr}
	.rituel__photo img{max-width:300px}
	.ligne-chemin{grid-template-columns:2.2rem 1fr;row-gap:.2rem}
	.ligne-chemin__huiles{grid-column:2;text-align:left;white-space:normal}
}

/* ==========================================================
   v4.20 — plus de relief et un lien évident avec le nombre
   ========================================================== */
/* Trouver son huile à partir de sa date de naissance */
.trouver{margin:0 0 1.8rem;padding:1.6rem 1.7rem;border-radius:24px;background:#fffaf6;box-shadow:0 24px 50px -36px rgba(90,50,30,.55)}
.trouver__explication{margin:0 0 1.1rem;color:var(--brun);line-height:1.7}
.trouver__explication strong{font-weight:500;color:var(--ambre-texte)}
.trouver__label{display:block;font-size:.85rem;color:var(--gris);margin-bottom:.45rem}
.trouver__ligne{display:flex;gap:.7rem}
.trouver__ligne input{flex:1;min-width:0;font:inherit;font-size:1rem;color:var(--titre);background:var(--creme);border:1.5px solid var(--pierre);border-radius:999px;padding:.75rem 1.1rem}
.trouver__ligne input:focus{outline:none;border-color:var(--ambre)}
.trouver__erreur{color:#a2543f;font-size:.88rem;margin:.6rem 0 0}

/* En-têtes de colonnes */
.index-entete{display:grid;grid-template-columns:3.4rem 1fr auto;gap:1rem;padding:0 3.4rem .6rem 1.1rem;font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.index-entete span:last-child{text-align:right}

/* Lignes en relief */
.index-chemins{gap:.55rem}
.ligne-chemin{grid-template-columns:3.4rem 1fr auto 1.4rem;align-items:center;padding:.85rem 1.1rem;background:#fffaf6;box-shadow:0 12px 26px -22px rgba(90,50,30,.55);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s}
.ligne-chemin:hover,.ligne-chemin:focus-visible{background:#fff;transform:translateX(4px);box-shadow:0 20px 36px -24px rgba(90,50,30,.6)}
.ligne-chemin__n{display:flex}
.ligne-chemin__n span{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--lin);color:var(--ambre-texte);font-size:1.15rem;transition:background .35s,color .35s}
.ligne-chemin:hover .ligne-chemin__n span,.ligne-chemin.is-mien .ligne-chemin__n span{background:var(--chaud-grad);color:#fff}
.ligne-chemin.is-mien{background:#fff;box-shadow:0 0 0 2px var(--nude),0 20px 36px -24px rgba(90,50,30,.6)}
.ligne-chemin__fleche{color:var(--ambre);opacity:.4;transition:opacity .3s,transform .3s var(--ease)}
.ligne-chemin:hover .ligne-chemin__fleche{opacity:1;transform:translateX(3px)}

/* Fenêtre : petits flacons quand la photo existe */
.fenetre-chemin__produit{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:start}
.fenetre-chemin__produit>*{grid-column:2}
.fenetre-chemin__produit>.fenetre-chemin__photo{grid-column:1;grid-row:1 / span 3;height:110px;width:auto;filter:drop-shadow(0 10px 12px rgba(60,35,20,.25))}
.fenetre-chemin__produit:not(:has(.fenetre-chemin__photo)){grid-template-columns:1fr}
.fenetre-chemin__produit:not(:has(.fenetre-chemin__photo))>*{grid-column:1}

@media (max-width:900px){
	.index-entete{display:none}
	.ligne-chemin{grid-template-columns:3rem 1fr 1.2rem;row-gap:.15rem}
	.ligne-chemin__huiles{grid-column:2;grid-row:2}
	.ligne-chemin__fleche{grid-column:3;grid-row:1 / span 2}
	.trouver__ligne{flex-direction:column}
}
/* v4.20.1 — petits flacons dans la liste et flacons plus visibles dans la fenêtre */
.ligne-chemin__huiles{display:inline-flex;align-items:center;justify-content:flex-end;gap:.7rem}
.ligne-chemin__flacons{display:inline-flex;align-items:flex-end;gap:2px;filter:drop-shadow(0 5px 6px rgba(60,35,20,.25));transition:transform .4s var(--ease)}
.ligne-chemin__flacons img{height:40px;width:auto}
.ligne-chemin:hover .ligne-chemin__flacons{transform:translateY(-2px) rotate(-3deg)}
.fenetre-chemin__produit>.fenetre-chemin__photo{height:150px}
@media (max-width:900px){.ligne-chemin__huiles{justify-content:flex-start}.ligne-chemin__flacons img{height:32px}.fenetre-chemin__produit>.fenetre-chemin__photo{height:110px}}
/* v4.20.3 — les huiles n'apparaissent qu'au clic (dans la fenêtre) */
.ligne-chemin{grid-template-columns:3.4rem 1fr 1.4rem}
.index-entete{grid-template-columns:3.4rem 1fr;padding-right:1.1rem}
@media (max-width:900px){.ligne-chemin{grid-template-columns:3rem 1fr 1.2rem}.ligne-chemin__fleche{grid-row:auto}}
.index-entete span:last-child{text-align:left}
/* v4.21 — pastille « Pour prolonger notre travail » avec la photo du roll-on sur le poignet */
.huile-touche{max-width:34rem;padding:.6rem 1.5rem .6rem .6rem;gap:1.3rem}
.huile-touche__img{width:84px;height:84px}
.huile-touche__img img{object-position:50% 45%}
.huile-touche__titre{font-size:1.25rem}
@media (max-width:560px){.huile-touche__img{width:68px;height:68px}}
.rituel__photo img{aspect-ratio:620/854;object-position:50% 40%}

/* v4.22.1 — flacons harmonisés : même échelle par format, posés sur un socle lumineux */
.flacon-socle{position:relative;display:flex;align-items:flex-end;justify-content:center;width:92px;height:160px;padding-bottom:12px}
.flacon-socle::before{content:"";position:absolute;left:50%;bottom:0;width:86px;height:86px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(255,236,214,.95),rgba(236,200,176,.55) 55%,transparent 72%);z-index:0}
.flacon-socle::after{content:"";position:absolute;left:50%;bottom:9px;width:62px;height:10px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(60,35,20,.28),transparent 70%);z-index:0}
.flacon-socle img{position:relative;z-index:1;width:auto}
.flacon-socle--rollon img{height:138px}
.flacon-socle--flacon img{height:118px}
.flacon-socle--5ml img{height:96px}
.fenetre-chemin__produit>.fenetre-chemin__photo{height:auto;filter:none}
@media (max-width:560px){.flacon-socle{width:76px;height:128px}.flacon-socle--rollon img{height:110px}.flacon-socle--flacon img{height:94px}.flacon-socle--5ml img{height:78px}.flacon-socle::before{width:70px;height:70px}}
.fenetre-chemin__produit>.flacon-socle{width:96px;height:160px;align-self:start}
.fenetre-chemin__produit{column-gap:1.3rem}
.flacon-socle::before{background:radial-gradient(circle at 50% 60%,rgba(255,244,232,1),rgba(240,214,196,.45) 58%,transparent 72%)}
@media (max-width:560px){.fenetre-chemin__produit>.flacon-socle{width:78px;height:128px}}
/* v4.22.5 — bouton « Trouver mon huile » en rose poudré */
.trouver .btn--ambre{background:linear-gradient(135deg,#f3d6ca 0%,#e6b8a6 100%);color:#5a3a2e;box-shadow:0 14px 28px -16px rgba(170,110,90,.7)}
.trouver .btn--ambre:hover{background:linear-gradient(135deg,#efcbbd 0%,#dea895 100%);filter:none}

/* v4.23 — collection Kids : visuels à la même échelle, cartes en arche */
.flacons--kids .kid{position:relative;padding:.7rem .7rem 1.2rem;background:#fffaf6;border-radius:999px 999px 26px 26px;box-shadow:0 24px 46px -34px rgba(90,50,30,.55);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.flacons--kids .kid:hover{transform:translateY(-6px);box-shadow:0 34px 60px -34px rgba(90,50,30,.6)}
.flacons--kids .kid__photo{display:block;overflow:hidden;border-radius:999px 999px 18px 18px}
.flacons--kids .kid__photo img{aspect-ratio:4/5;object-fit:cover;transition:transform .8s var(--ease)}
.flacons--kids .kid:hover .kid__photo img{transform:scale(1.05)}
.flacons--kids .kid__nom{margin:1rem .5rem .15rem;font-size:1.5rem}
.flacons--kids .kid__mot{margin:0 .5rem;font-size:.9rem;color:var(--ambre-texte)}
.flacons--kids .kids__grid{gap:1.4rem}
.flacons--kids .kid{flex:0 0 calc((100% - 4.2rem)/4)}
@media (max-width:1080px){.flacons--kids .kid{flex-basis:calc((100% - 2.8rem)/3)}}
@media (max-width:900px){.flacons--kids .kid{flex-basis:calc((100% - 1.4rem)/2)}}
@media (max-width:560px){.flacons--kids .kids__grid{gap:.9rem}.flacons--kids .kid{flex-basis:calc((100% - .9rem)/2);padding:.5rem .5rem 1rem}.flacons--kids .kid__nom{font-size:1.25rem}}
/* v4.23.2 — cartes Kids plus petites : les 7 sur une seule ligne */
.flacons--kids .kids__grid{max-width:1100px;margin:0 auto;gap:1rem}
.flacons--kids .kid{flex:0 0 calc((100% - 6rem)/7);padding:.45rem .45rem .9rem}
.flacons--kids .kid__nom{font-size:1.15rem;margin:.7rem .3rem .1rem}
.flacons--kids .kid__mot{font-size:.8rem;margin:0 .3rem}
@media (max-width:1080px){.flacons--kids .kid{flex-basis:calc((100% - 3rem)/4)}}
@media (max-width:640px){.flacons--kids .kids__grid{gap:.7rem}.flacons--kids .kid{flex-basis:calc((100% - 1.4rem)/3)}.flacons--kids .kid__nom{font-size:1rem}.flacons--kids .kid__mot{font-size:.72rem}}
/* v4.24 — descriptif émotionnel sous chaque roll-on Kids */
.flacons--kids .kid{display:flex;flex-direction:column}
.flacons--kids .kid__desc{margin:.55rem .45rem 0;font-size:.78rem;line-height:1.5;color:var(--brun)}
@media (max-width:640px){.flacons--kids .kid{flex-basis:calc((100% - .7rem)/2)}.flacons--kids .kid__desc{font-size:.8rem}}
.flacons--kids .kids__grid{align-items:stretch}

/* v4.25 — présentation de Kelly (son texte, raccourci) */
.qui__signature{font-family:var(--serif);font-size:1.35rem!important;color:var(--ambre-texte)!important;margin:-.3rem 0 1.2rem!important}
.qui__phrase{font-family:var(--serif);font-size:1.35rem!important;line-height:1.4!important;color:var(--titre)!important;margin:1.4rem 0!important;padding-left:1rem;border-left:2px solid var(--nude)}
.qui__suite{margin:0 0 1.2rem}
.qui__suite summary{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;list-style:none;font-size:.92rem;font-weight:500;color:var(--ambre-texte);border-bottom:1.5px solid var(--miel);padding-bottom:2px}
.qui__suite summary::-webkit-details-marker{display:none}
.qui__suite summary::after{content:"+";font-size:1.1rem;line-height:1;transition:transform .3s var(--ease)}
.qui__suite[open] summary::after{transform:rotate(45deg)}
.qui__histoire{margin-top:1.2rem;animation:rise .45s var(--ease) both}
.qui__histoire p{font-size:1rem!important}
.qui__signature,.qui__texte{font-variant-numeric:lining-nums}
.hero__baseline,.brand__tag,.section__title{font-feature-settings:"sups" 0}
/* v4.25.2 — accroche forte en tête de la présentation */
.qui__accroche{font-family:var(--serif);font-size:clamp(1.45rem,2.3vw,1.8rem)!important;line-height:1.3!important;color:var(--titre)!important;margin:.2rem 0 1.4rem!important}
.qui__portrait picture,.qui__portrait picture img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.qui__portrait{width:clamp(260px,30vw,400px)}

/* ==========================================================
   v4.27 — harmonisation de tout le site :
   les pages intérieures reprennent les « feuilles » arrondies de l'accueil
   ========================================================== */
body:not(.home) main > section + section,body:not(.home) .site-footer{position:relative;z-index:1;border-radius:48px 48px 0 0;margin-top:-48px;padding-top:calc(var(--sec) + 48px)}
body:not(.home) main > section.flacons--adultes,body:not(.home) main > section.flacons--kids{border-radius:48px;margin-left:clamp(.5rem,1.6vw,1.2rem);margin-right:clamp(.5rem,1.6vw,1.2rem)}
body:not(.home) .site-footer{padding-top:calc(4rem + 48px)}
/* Ateliers : fonds alternés */
.page-intro{padding-bottom:calc(clamp(2.5rem,5vw,3.5rem) + 48px)}
body:not(.home) main > section.rollon{background:#efe5d9}
body:not(.home) main > section.section--cream{background:var(--creme)}
body:not(.home) main > section.contact{background:linear-gradient(180deg,#e9dccf,#e1d0c1)}
/* Huiles : fonds alternés */
body:not(.home) main > section.commande{background:#efe5d9}
.commande__mention{text-align:center;margin:1.2rem 0 0}
/* Titres homogènes */
.rollon__text .titre,.duo .section__title{font-size:clamp(2rem,3.6vw,2.8rem);font-weight:400}
.contact__title{font-weight:400}
.page-intro__title{font-weight:400}
@media (max-width:900px){body:not(.home) main > section + section,body:not(.home) .site-footer{border-radius:30px 30px 0 0;margin-top:-30px}}
/* Ateliers : alternance nette intro / Cyrielle / roll-on / dates */
body:not(.home) main > section:has(.duo){background:#efe5d9}
body:not(.home) main > section.rollon{background:var(--creme)}
body:not(.home) main > section.section--cream{background:#efe5d9}
body:not(.home) main > section.commande{background:var(--creme)}

/* ==========================================================
   v4.28 — resserrer : portrait plus présent, espaces réduits partout
   ========================================================== */
:root{--sec:clamp(3.5rem,6.5vw,5.5rem)}
/* Portrait : il occupe sa colonne, aligné en haut avec le texte */
.qui__grid{grid-template-columns:.85fr 1.15fr;max-width:1180px;gap:clamp(2.5rem,5vw,4.5rem);align-items:start}
.qui__portrait{width:100%;max-width:470px;justify-self:end;position:sticky;top:100px}
.qui__texte .section__title{margin-top:0}
/* Espacements internes resserrés */
.section__head{margin-bottom:clamp(2rem,4vw,2.8rem)}
.situations__entete{margin-bottom:clamp(2rem,4vw,2.8rem)}
.eveil{padding-top:clamp(4rem,9vw,7rem);padding-bottom:clamp(4rem,9vw,7rem)}
.home main > section.eveil{padding-top:calc(clamp(4rem,9vw,7rem) + 48px);padding-bottom:calc(clamp(4rem,9vw,7rem) + 60px)}
.hero--photo{padding-top:calc(80px + 3rem);padding-bottom:calc(3.5rem + 48px)}
.page-intro{padding-top:clamp(3.2rem,6vw,5rem)}
.site-footer{padding-bottom:1.2rem}
@media (max-width:900px){
	.qui__portrait{position:static;justify-self:start;max-width:340px}
	.home main > section.eveil{padding-top:calc(3.5rem + 70px);padding-bottom:calc(3.5rem + 60px)}
}
@media (max-width:900px){.qui__grid{grid-template-columns:1fr}.qui__portrait{width:100%;max-width:340px}}
/* v4.28.1 — lanterne du haut de page un peu plus grande */
.hero__arche{max-width:400px}
.hero--photo .hero__grid{grid-template-columns:1.2fr .8fr}
@media (max-width:900px){.hero--photo .hero__grid{grid-template-columns:1fr}.hero__arche{max-width:250px}}

/* ==========================================================
   v4.29 — un pied de page plus fun : l'ambiance chaude du haut,
   des nombres qui flottent et « l'énergie du jour »
   ========================================================== */
.site-footer--fun{position:relative;overflow:hidden;isolation:isolate;color:#f6e9e1;background:#6e4a37}
.site-footer--fun::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(255,200,140,.45),transparent 70%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(220,160,120,.35),transparent 70%),linear-gradient(180deg,#8a5e45 0%,#6e4a37 100%)}
.site-footer__nombres{position:absolute;inset:0;z-index:-1;pointer-events:none}
.site-footer__nombres span{position:absolute;font-family:var(--serif);font-weight:300;font-variant-numeric:lining-nums;color:rgba(255,226,196,.2);text-shadow:0 0 30px rgba(255,190,120,.4);animation:flotte 16s ease-in-out infinite alternate}
.site-footer__nombres span:nth-child(1){font-size:6rem;left:4%;top:8%}
.site-footer__nombres span:nth-child(2){font-size:3rem;left:28%;top:62%;filter:blur(2px);animation-duration:12s}
.site-footer__nombres span:nth-child(3){font-size:7rem;right:5%;top:4%;animation-duration:19s}
.site-footer__nombres span:nth-child(4){font-size:2.4rem;left:48%;top:10%;filter:blur(3px)}
.site-footer__nombres span:nth-child(5){font-size:4rem;right:24%;bottom:18%;filter:blur(1.5px);animation-duration:14s}
.site-footer__nombres span:nth-child(6){font-size:2.2rem;left:12%;bottom:10%;animation-duration:11s}
.site-footer__nombres span:nth-child(7){font-size:3.4rem;right:42%;bottom:6%;filter:blur(2.5px);animation-duration:17s}
.site-footer__haut{text-align:center;padding-bottom:2.6rem;margin-bottom:2.6rem;border-bottom:1px solid rgba(255,236,220,.2)}
.site-footer__bienvenue{margin:0;font-family:var(--serif);font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;color:#fff}
.site-footer__jour{display:inline-flex;align-items:center;gap:.8rem;margin:1.4rem 0 0;padding:.55rem 1.3rem .55rem .6rem;border-radius:999px;background:rgba(255,248,242,.12);border:1px solid rgba(255,236,220,.25)}
.site-footer__jour[hidden]{display:none}
.site-footer__jour-label{font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#f0c9aa;padding-left:.6rem}
.site-footer__jour-n{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .5rem;border-radius:999px;background:var(--chaud-grad);font-family:var(--serif);font-size:1.3rem;font-variant-numeric:lining-nums;color:#fff}
.site-footer__jour-mot{font-family:var(--serif);font-size:1.15rem;color:#fff}
.site-footer--fun .site-footer__grid{border-bottom-color:rgba(255,236,220,.2)}
.site-footer--fun .site-footer__brand{color:#fff}
.site-footer--fun .site-footer__baseline{color:#ecd6c7}
.site-footer--fun a{color:#f6e9e1}
.site-footer--fun a:hover{color:#ffd9b8}
.site-footer--fun .site-footer__legal{color:#e2cbbd}
.site-footer__haut-lien{padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(255,236,220,.35)}
.site-footer__haut-lien:hover{background:rgba(255,248,242,.15)}
@media (max-width:560px){.site-footer__jour{flex-wrap:wrap;justify-content:center;border-radius:22px;padding:.8rem 1rem}.site-footer__nombres span:nth-child(n+5){display:none}}

/* v4.30 — FAQ « Vos questions » (dépliante) */
.home main > section.faq{background:var(--creme)}
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}
.faq__entete .section__lead{margin-top:1rem}
.faq__liste{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.question{border-radius:20px;background:#fffaf6;box-shadow:0 14px 30px -24px rgba(90,50,30,.5);transition:background .3s}
.question summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;font-family:var(--serif);font-size:1.3rem;line-height:1.3;color:var(--titre)}
.question summary::-webkit-details-marker{display:none}
.question summary:focus-visible{outline:2px solid var(--ambre);outline-offset:-2px;border-radius:20px}
.question__plus{position:relative;flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--lin);transition:transform .35s var(--ease)}
.question__plus::before,.question__plus::after{content:"";position:absolute;left:50%;top:50%;width:.65rem;height:1.5px;background:var(--ambre-texte);transform:translate(-50%,-50%)}
.question__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.question[open] .question__plus{transform:rotate(45deg)}
.question[open]{background:#fff}
.question p{margin:0;padding:0 1.4rem 1.3rem;color:var(--brun);line-height:1.75;animation:rise .4s var(--ease) both}
@media (max-width:900px){.faq__grid{grid-template-columns:1fr}.question summary{font-size:1.15rem}}
.home main > section.faq{background:#efe5d9}
/* v4.30.1 — la FAQ vit sur sa propre page */
body:not(.home) main > section.faq{background:var(--creme)}
.page .faq__grid{grid-template-columns:1fr;max-width:860px}
.page .faq__entete{display:none}

/* ==========================================================
   v4.31 — pied de page épuré et élégant (clair, sans nombres flottants)
   ========================================================== */
.site-footer--fun{color:var(--brun);background:linear-gradient(180deg,#f3e7dc 0%,#ecdccd 100%)}
.site-footer--fun::before{background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(255,244,232,.9),transparent 70%)}
.site-footer__haut{padding-bottom:2.2rem;margin-bottom:2.4rem;border-bottom:0}
.site-footer__bienvenue{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:400;color:var(--titre)}
.site-footer__jour{margin-top:1rem;padding:.35rem .9rem .35rem .4rem;background:transparent;border:1px solid rgba(160,110,80,.25);gap:.6rem}
.site-footer__jour-label{font-size:.66rem;letter-spacing:.18em;color:var(--gris);padding-left:.5rem}
.site-footer__jour-n{min-width:1.9rem;height:1.9rem;font-size:1.05rem;background:var(--lin);color:var(--ambre-texte)}
.site-footer__jour-mot{font-size:1rem;color:var(--titre)}
.site-footer--fun .site-footer__grid{border-bottom:0;padding-bottom:2rem}
.site-footer--fun .site-footer__brand{color:var(--titre)}
.site-footer--fun .site-footer__baseline{color:var(--gris)}
.site-footer--fun a{color:var(--brun)}
.site-footer--fun a:hover{color:var(--ambre-texte)}
.site-footer--fun .site-footer__legal{color:var(--gris);font-size:.8rem}
.site-footer__haut-lien{border:0;padding:0}
.site-footer__haut-lien:hover{background:none}

/* ==========================================================
   v4.32 — pied de page simple et élégant (sans « énergie du jour »)
   ========================================================== */
.site-footer--sobre{background:var(--creme);color:var(--brun);padding:3rem 0 1.4rem;font-size:.92rem}
.home .site-footer--sobre,body:not(.home) .site-footer--sobre{padding-top:calc(3rem + 48px)}
.pied{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:2.5rem;align-items:start}
.pied__nom{margin:0;font-family:var(--serif);font-size:1.8rem;color:var(--titre)}
.pied__baseline{margin:.2rem 0 0;color:var(--gris)}
.pied__signature{margin:.8rem 0 0;font-family:var(--serif);font-size:1.15rem;color:var(--ambre-texte)}
.pied__nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}
.pied__contact{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.site-footer--sobre a{color:var(--brun);text-decoration:none;transition:color .25s}
.site-footer--sobre a:hover{color:var(--ambre-texte)}
.pied__legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:2.4rem;font-size:.78rem;color:var(--gris)}
.pied__legal p{margin:0;display:flex;gap:1.4rem}
.pied__legal a{color:var(--gris)!important}
@media (max-width:900px){.pied{grid-template-columns:1fr;gap:1.8rem}.pied__nav{grid-template-columns:1fr 1fr}}
.qui__portrait{background:#f7e6d8;box-shadow:0 30px 60px -40px rgba(150,95,60,.45)}

/* v4.33 — manifeste : fond uni caramel doux, sans tache dorée derrière le texte */
.home main > section.eveil{background:linear-gradient(165deg,#c29a7e 0%,#a97c60 100%)}
.home main > section.eveil::before{background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,236,220,.18),transparent 75%)!important}
.eveil__texte{text-shadow:0 1px 14px rgba(70,40,25,.25)}

/* ==========================================================
   v4.34.1 — finitions téléphone et tablette (iPad)
   ========================================================== */
/* Téléphone : « Kelly · Numérologue stratégique® » sur une ligne propre */
@media (max-width:560px){
	.hero--photo .hero__baseline{letter-spacing:.12em;font-size:.7rem;gap:.5rem;white-space:nowrap}
	.hero__signe{font-size:1.25rem}
	.hero__signe::after{margin-left:.5rem}
	.hero__arche{max-width:190px}
}
/* Tablette (iPad portrait ~ 744–900 px) : on garde deux colonnes */
@media (min-width:700px) and (max-width:900px){
	.hero--photo .hero__grid{grid-template-columns:1.25fr .75fr;gap:2rem}
	.hero__arche{order:0;justify-self:end;max-width:280px;margin:0}
	.hero--photo{align-items:center;min-height:0}
	.hero--photo::before{background:linear-gradient(90deg,rgba(40,27,20,.85) 0%,rgba(40,27,20,.6) 60%,rgba(40,27,20,.35) 100%)!important}
	.hero--photo .hero__title{font-size:clamp(2.6rem,6vw,3.4rem)}
	.situations--liste .situations__layout{grid-template-columns:.8fr 1.2fr;gap:2rem}
	.situations__photo{display:block;min-height:0}
	.qui__grid{grid-template-columns:.8fr 1.2fr;gap:2rem}
	.qui__portrait{position:sticky;top:90px;max-width:none}
	.rituel{grid-template-columns:.8fr 1.2fr;gap:2rem}
	.rituel__photo img{max-width:none}
}
/* v4.34.3 — tablette : Ateliers sur deux colonnes ; téléphone : flacon au-dessus du texte dans les fenêtres */
@media (min-width:700px) and (max-width:900px){
	.duo,.rollon__grid,.contact__grid{grid-template-columns:1fr 1fr!important;gap:2rem;align-items:center}
	.rollon__photo img,.duo img{max-width:100%}
}
@media (max-width:560px){
	.fenetre-chemin__produit{grid-template-columns:1fr!important}
	.fenetre-chemin__produit>*{grid-column:1!important}
	.fenetre-chemin__produit>.fenetre-chemin__photo{grid-row:auto!important;justify-self:center;margin-bottom:.4rem}
}

/* ==========================================================
   v4.35 — page Ateliers : agenda des prochains ateliers
   ========================================================== */
body:not(.home) main > section.agenda{background:var(--creme)}
.agenda__head{text-align:center;max-width:640px;margin:0 auto clamp(2.2rem,4vw,3rem)}
.agenda__head .section__lead{margin-top:.8rem}
.agenda__liste{list-style:none;margin:0 auto;padding:0;display:grid;gap:1.2rem;max-width:980px}
.atelier{display:grid;grid-template-columns:8.5rem 1fr;gap:clamp(1.4rem,3vw,2.4rem);padding:clamp(1.6rem,3vw,2.2rem);background:#fffaf6;border-radius:28px;box-shadow:0 24px 50px -36px rgba(90,50,30,.5)}
.atelier__date{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start;padding:1.1rem .6rem;border-radius:22px;background:var(--lin);text-align:center}
.atelier__jour{font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
.atelier__num{font-family:var(--serif);font-size:2.6rem;line-height:1.05;font-variant-numeric:lining-nums;color:var(--ambre-texte)}
.atelier__mois{font-family:var(--serif);font-size:1.15rem;color:var(--titre)}
.atelier__public{margin:0 0 .4rem;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ambre-texte)}
.atelier__titre{margin:0 0 .7rem;font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:400;line-height:1.2}
.atelier__accroche{margin:0 0 .7rem;font-family:var(--serif);font-size:1.2rem;line-height:1.4;color:var(--titre)}
.atelier__texte{margin:0 0 1.1rem;color:var(--brun);line-height:1.75}
.atelier__infos{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.atelier__infos li{padding:.4rem .95rem;border-radius:999px;background:var(--lin);color:var(--titre);font-size:.9rem}
.agenda__vide{text-align:center;color:var(--gris)}
/* Duo Kelly & Cyrielle */
body:not(.home) main > section.duo-section{background:#efe5d9}
.duo-section .duo{grid-template-columns:1fr 1fr;align-items:center}
.duo-section .duo__photo{margin:0}
.duo-section .duo__photo img{width:100%;aspect-ratio:1170/1060;object-fit:cover;border-radius:28px;box-shadow:0 36px 70px -40px rgba(75,45,25,.55)}
.duo-section figcaption{margin-top:.8rem;font-size:.85rem;color:var(--gris);text-align:center}
.duo-section .duo__block p{color:var(--brun);line-height:1.8}
.duo-section .duo__block strong{font-weight:500;color:var(--titre)}
@media (max-width:700px){
	.atelier{grid-template-columns:1fr}
	.atelier__date{flex-direction:row;gap:.5rem;justify-content:flex-start;align-items:baseline;padding:.6rem 1rem;justify-self:start}
	.atelier__num{font-size:1.6rem}
	.duo-section .duo{grid-template-columns:1fr}
}

/* v4.36 — ateliers plus légers sur mobile + « Un atelier chez vous » */
.atelier__plus{margin:0 0 1rem}
.atelier__plus summary{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;list-style:none;font-size:.9rem;font-weight:500;color:var(--ambre-texte)}
.atelier__plus summary::-webkit-details-marker{display:none}
.atelier__plus summary::after{content:"+";font-size:1.05rem;transition:transform .3s var(--ease)}
.atelier__plus[open] summary::after{transform:rotate(45deg)}
.atelier__plus .atelier__texte{margin:.7rem 0 0}
.atelier__plus:not([open]) .atelier__texte{display:none}
body:not(.home) main > section.domicile{background:#efe5d9}
.domicile__carte{max-width:880px}
.domicile__texte{padding:clamp(1.8rem,4vw,3rem);border-radius:32px;background:linear-gradient(160deg,#fffaf6 0%,#f5e4d8 100%);box-shadow:0 30px 60px -40px rgba(90,50,30,.5);text-align:center}
.domicile__texte .atelier__infos{justify-content:center}
.domicile__texte p{color:var(--brun);line-height:1.75;max-width:36em;margin-left:auto;margin-right:auto}
.domicile__sur{margin:0 0 .5rem!important;font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ambre-texte)!important}
.domicile__accroche{font-family:var(--serif);font-size:clamp(1.25rem,2.2vw,1.5rem);line-height:1.4;color:var(--titre)!important}
body:not(.home) main > section.rollon{background:var(--creme)}
@media (max-width:700px){
	.atelier{padding:1.3rem 1.2rem;gap:.9rem}
	.atelier__titre{font-size:1.4rem;margin-bottom:.5rem}
	.atelier__accroche{font-size:1.05rem;margin-bottom:.6rem}
	.atelier__infos{gap:.35rem;margin-bottom:1.1rem}
	.atelier__infos li{font-size:.8rem;padding:.3rem .75rem}
	.atelier .btn{width:100%;justify-content:center}
	.agenda__liste{gap:.9rem}
}

/* v4.37 — mouvement */
.r{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0ms),transform 1s var(--ease) var(--d,0ms)}
.r.is-in{opacity:1;transform:none}
.page-intro__title,.page-intro__lead{animation:rise 1.1s var(--ease) both}
.page-intro__lead{animation-delay:.18s}
/* Bandeau défilant */
.defile{overflow:hidden;padding:1.1rem 0;background:var(--creme);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.defile__piste{display:flex;width:max-content;animation:defile 38s linear infinite}
.defile__groupe{display:flex}
.defile__groupe span{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.9rem);color:var(--titre);opacity:.75;padding:0 1.4rem;white-space:nowrap;display:flex;align-items:center;gap:2.8rem}
.defile__groupe span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ambre);opacity:.55;margin-left:1.4rem}
@keyframes defile{to{transform:translateX(-50%)}}
/* Cartes ateliers */
.atelier{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.atelier.r{transform:translateY(46px) scale(.98)}
.atelier.r.is-in{transform:none}
.atelier .atelier__date{transition:transform .9s var(--ease) calc(var(--d,0ms) + .2s),opacity .9s var(--ease) calc(var(--d,0ms) + .2s)}
.atelier.r:not(.is-in) .atelier__date{opacity:0;transform:scale(.7) rotate(-6deg)}
@media (hover:hover){
	.atelier.is-in:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px rgba(90,50,30,.55)}
	.atelier:hover .atelier__date{transform:rotate(-3deg) scale(1.04)}
}
.atelier__plus[open] .atelier__texte{animation:rise .6s var(--ease) both}
/* Photos : révélation + parallaxe */
.duo__photo{overflow:hidden;border-radius:28px}
.duo__photo img{transform:translateY(var(--py,0)) scale(1.08);transition:transform .2s linear}
.rollon__photo img{transform:translateY(var(--py,0));transition:transform .2s linear}
.duo__photo.r{opacity:1;transform:none;clip-path:inset(18% 8% 18% 8% round 28px);transition:clip-path 1.4s var(--ease)}
.duo__photo.r.is-in{clip-path:inset(0 0 0 0 round 28px)}
.duo-section figcaption{display:none}
/* Atelier chez vous : lumière qui respire */
.domicile__texte{position:relative;overflow:hidden;isolation:isolate}
.domicile__texte::before{content:"";position:absolute;inset:-40%;z-index:-1;background:radial-gradient(circle at 30% 30%,rgba(232,170,120,.35),transparent 40%),radial-gradient(circle at 75% 70%,rgba(214,150,130,.28),transparent 42%);animation:respire 14s ease-in-out infinite alternate}
@keyframes respire{0%{transform:translate(-6%,-4%) rotate(0)}100%{transform:translate(6%,5%) rotate(25deg)}}
.domicile .btn{animation:pouls 3.2s var(--ease) 1.5s infinite}
@keyframes pouls{0%,100%{box-shadow:0 14px 28px -14px rgba(158,95,38,.75)}50%{box-shadow:0 14px 28px -14px rgba(158,95,38,.75),0 0 0 10px rgba(201,130,80,.12)}}
@media (prefers-reduced-motion:reduce){
	.defile__piste,.domicile__texte::before,.domicile .btn,.page-intro__title,.page-intro__lead{animation:none}
	.duo__photo img,.rollon__photo img{transform:none}
}
.domicile__texte .domicile__sur{max-width:none!important;text-align:center}