/* =============================================================
   motion.css — couche d'animation du site marina.astha.fr
   Esprit Dhun Wellness : scroll fluide, révélations douces.

   Cette feuille se pose PAR-DESSUS le CSS existant.
   Elle n'écrase aucune règle de mise en page : elle n'ajoute que
   des états d'animation, plus quelques corrections visuelles
   clairement identifiées en fin de fichier.

   Les sélecteurs critiques sont préfixés par html.mm-actif
   (classe posée par motion.js) pour deux raisons :
     1. gagner en spécificité face aux sélecteurs [data-astro-cid-*]
     2. tout reste visible si le JS ne s'exécute pas
   ============================================================= */

:root{
  --mm-ease:cubic-bezier(.16,1,.3,1);
  --mm-duree:1s;
}

/* -------------------------------------------------------------
   1. RÉVÉLATIONS AU SCROLL
   ------------------------------------------------------------- */
html.mm-actif [data-rev]{
  opacity:0;
  transform:translateY(32px);
  transition:opacity var(--mm-duree) var(--mm-ease),
             transform var(--mm-duree) var(--mm-ease);
  transition-delay:var(--d,0ms);
  will-change:opacity,transform;
}
html.mm-actif [data-rev].mm-vu{
  opacity:1;
  transform:none;
  will-change:auto;
}
html.mm-actif body.inner-organic [data-rev][data-mm-rev="gauche"]{
  transform:translate3d(-28px,22px,0);
}
html.mm-actif body.inner-organic [data-rev][data-mm-rev="droite"]{
  transform:translate3d(28px,22px,0);
}
html.mm-actif body.inner-organic [data-rev][data-mm-rev].mm-vu{
  transform:none;
}

/* -------------------------------------------------------------
   2. SPLIT TEXT — les mots montent sous un masque
   ------------------------------------------------------------- */
html.mm-actif .mm-mot{
  display:inline-block;
  overflow:hidden;
  vertical-align:bottom;
}
html.mm-actif .mm-mot > span{
  display:inline-block;
  transform:translateY(110%);
  transition:transform 1.05s var(--mm-ease);
}
html.mm-actif [data-split].mm-vu .mm-mot > span{
  transform:translateY(0);
}

/* -------------------------------------------------------------
   3. RIDEAU D'INTRO — une seule fois par visite
   ------------------------------------------------------------- */
#mm-intro{
  position:fixed;
  inset:0;
  z-index:9999;
  background:var(--sombre,#3D342A);
  display:grid;
  place-items:center;
  transition:transform 1s var(--mm-ease);
}
#mm-intro.mm-parti{transform:translateY(-101%)}
#mm-intro .mm-nom{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(1.8rem,4vw,2.8rem);
  color:#EDE5D6;
  letter-spacing:.03em;
  text-align:center;
  opacity:0;
  animation:mm-apparait .9s var(--mm-ease) .1s forwards;
}
#mm-intro .mm-sous{
  font-size:.7rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(237,229,214,.55);
  text-align:center;
  margin-top:.8rem;
  opacity:0;
  animation:mm-apparait .9s var(--mm-ease) .3s forwards;
}
#mm-intro .mm-barre{
  width:min(220px,50vw);
  height:1px;
  background:rgba(237,229,214,.2);
  margin:2.2rem auto 0;
  overflow:hidden;
}
#mm-intro .mm-barre span{
  display:block;
  height:100%;
  background:var(--bronze,#A08560);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .12s linear;
}
@keyframes mm-apparait{to{opacity:1;transform:none}}

/* -------------------------------------------------------------
   4. BARRE DE PROGRESSION DE LECTURE
   ------------------------------------------------------------- */
#mm-progres{
  position:fixed;
  top:0;
  left:0;
  height:2px;
  width:100%;
  background:var(--bronze,#A08560);
  z-index:9998;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .1s linear;
  will-change:transform;
  pointer-events:none;
}

/* -------------------------------------------------------------
   5. EN-TÊTE TOUJOURS VISIBLE SUR MOBILE
   Sur l'accueil l'en-tête est en position:absolute (.surhero) :
   il défilait et disparaissait. On le passe en fixed sous 900 px.
   Aucun décalage de mise en page : absolute et fixed sont tous
   deux hors flux, la hauteur occupée reste nulle.
   ------------------------------------------------------------- */
@media(max-width:900px){
  html.mm-actif .entete.surhero{position:fixed}

  /* fond dès qu'on a défilé, pour rester lisible par-dessus le contenu */
  html.mm-actif .entete.mm-defile{
    background:color-mix(in srgb, var(--creme,#F6F1E8) 92%, transparent);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--bordure,#E4DAC8);
    transition:background .45s ease, border-color .45s ease;
  }
  html.mm-actif .entete.surhero.mm-defile .logo{color:var(--encre,#4A3D2E)}
  html.mm-actif .entete.surhero.mm-defile .burger{
    color:var(--encre,#4A3D2E);
    border-color:var(--bordure,#E4DAC8);
  }
}

/* -------------------------------------------------------------
   6. PARALLAXE DU HERO (bureau uniquement)
   L'image est volontairement sur-dimensionnée (118 % / -9 %) pour
   laisser de la marge au déplacement : sans cela, la translation
   découvrirait un vide en haut ou en bas.
   ------------------------------------------------------------- */
/* La photo du hero reste STATIQUE : sur Safari, un <picture> transformé
   avec object-fit:cover + will-change fait disparaître le calque de
   l'image. On n'anime plus que le texte (fondu au scroll), qui est un
   simple <div> sans object-fit — sans risque de rendu. */
@media(min-width:901px){
  html.mm-actif .hero-plein .hero-contenu{
    will-change:transform,opacity;
  }
}

/* -------------------------------------------------------------
   7. ACCORDÉONS (FAQ) — marqueur animé
   L'ouverture/fermeture en hauteur est gérée par motion.js.
   ------------------------------------------------------------- */
html.mm-actif details summary{
  cursor:pointer;
  transition:color .35s ease;
}
html.mm-actif details summary:hover{color:var(--bronze,#A08560)}
html.mm-actif details[open] summary{color:var(--bronze,#A08560)}

/* -------------------------------------------------------------
   8. BOUTONS — remplissage au survol
   ------------------------------------------------------------- */
html.mm-actif .btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:color .45s var(--mm-ease), border-color .45s ease, transform .5s var(--mm-ease);
}
html.mm-actif .btn::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:var(--bronze,#A08560);
  transform:translateY(101%);
  transition:transform .55s var(--mm-ease);
}
html.mm-actif .btn:hover::after{transform:translateY(0)}
html.mm-actif .btn-primaire:hover{color:#FBF8F1}

/* -------------------------------------------------------------
   9. LIENS DE MENU — soulignement animé
   ------------------------------------------------------------- */
html.mm-actif .menu > li > a{position:relative}
html.mm-actif .menu > li > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .5s var(--mm-ease);
}
html.mm-actif .menu > li > a:hover::after{
  transform:scaleX(1);
  transform-origin:left;
}

/* -------------------------------------------------------------
   10. CARTES — élévation au survol
   ------------------------------------------------------------- */
html.mm-actif .carte{
  transition:transform .7s var(--mm-ease), box-shadow .7s var(--mm-ease), border-color .5s ease;
}
html.mm-actif a.carte:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px -22px rgba(74,61,46,.3);
}

/* -------------------------------------------------------------
   11. « COMMENT ÇA SE PASSE » — étapes numérotées
   La section n'était qu'une grille de 3 colonnes. On ajoute un
   grand chiffre serif 01 / 02 / 03 devant chaque titre et une
   révélation décalée d'une colonne à l'autre. Purement additif :
   le chiffre est un ::before, aucun markup n'est modifié.
   ------------------------------------------------------------- */
html.mm-actif .colonnes-filet{counter-reset:mm-etape}
html.mm-actif .colonnes-filet > *{counter-increment:mm-etape}
html.mm-actif .colonnes-filet > * > .titre{position:relative}
html.mm-actif .colonnes-filet > * > .titre::before{
  content:counter(mm-etape,decimal-leading-zero);
  display:block;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:500;
  font-size:2.6rem;
  line-height:1;
  color:var(--bronze,#A08560);
  opacity:.5;
  margin-bottom:.65rem;
}
/* révélation en cascade des colonnes (elles portent la classe
   .reveal du site : on ne fait qu'ajouter un délai) */
html.mm-actif .colonnes-filet > *:nth-child(2){transition-delay:.12s}
html.mm-actif .colonnes-filet > *:nth-child(3){transition-delay:.24s}

/* -------------------------------------------------------------
   11 bis. « COMMENT ÇA SE PASSE » — timeline verticale (accueil)
   Titre collant à gauche, étapes numérotées à droite reliées par
   une ligne dont une jauge bronze se remplit au scroll.
   ------------------------------------------------------------- */
html.mm-actif .mm-etapes-grille{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:clamp(2rem,6vw,5rem);
  align-items:start;
}
html.mm-actif .mm-etapes-titre{position:sticky;top:22vh}
html.mm-actif .mm-etapes-liste{position:relative;padding-left:3.6rem}
html.mm-actif .mm-etapes-liste::before{
  content:"";position:absolute;left:11px;top:1rem;bottom:1rem;
  width:1px;background:var(--bordure-forte,#D4C8B4);
}
html.mm-actif .mm-etapes-liste .mm-jauge{
  position:absolute;left:11px;top:1rem;width:1px;height:0;
  background:var(--bronze,#A08560);transition:height .15s linear;
}
html.mm-actif .mm-etape{position:relative;padding-block:2rem}
html.mm-actif .mm-etape:first-child{padding-top:.5rem}
html.mm-actif .mm-etape .mm-num{
  position:absolute;left:-3.6rem;top:2.15rem;
  width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--creme,#F6F1E8);
  border:1px solid var(--bordure-forte,#D4C8B4);
  font-size:.66rem;font-weight:600;color:var(--bronze,#A08560);
  transition:background .6s var(--mm-ease),color .6s,border-color .6s,transform .6s var(--mm-ease);
}
html.mm-actif .mm-etape:first-child .mm-num{top:.65rem}
html.mm-actif .mm-etape.mm-vu .mm-num{
  background:var(--bronze,#A08560);color:#FBF8F1;
  border-color:var(--bronze,#A08560);transform:scale(1.12);
}
html.mm-actif .mm-etape .titre{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.55rem;font-weight:500;line-height:1.2;
  color:var(--serif-doux,#574A38);margin:0 0 .5rem;
}
html.mm-actif .mm-etape > p:not(.titre){
  color:var(--texte,#7A6C58);margin:0;font-size:1rem;
}
@media(max-width:900px){
  html.mm-actif .mm-etapes-grille{grid-template-columns:1fr;gap:2rem}
  html.mm-actif .mm-etapes-titre{position:static}
}

/* -------------------------------------------------------------
   12. PORTRAIT « À PROPOS » — dévoilé sous un rideau + dézoom
   Un voile couleur crème se lève sur l'image quand elle entre à
   l'écran, pendant que la photo passe d'un léger zoom à sa taille
   réelle. La classe .mm-devoile est posée par motion.js.
   Protégé par html.mm-actif : sans JS, l'image reste visible.
   ------------------------------------------------------------- */
html.mm-actif .apropos-photo{position:relative}
html.mm-actif .apropos-photo img{transition:transform 1.5s var(--mm-ease)}
html.mm-actif .apropos-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:var(--creme,#F6F1E8);
  transform-origin:bottom;
  transition:transform 1.15s var(--mm-ease);
}
html.mm-actif .apropos-photo:not(.mm-devoile) img{transform:scale(1.22)}
html.mm-actif .apropos-photo.mm-devoile::after{transform:scaleY(0)}

/* =============================================================
   CORRECTIONS VISUELLES (hors animation)
   ============================================================= */

/* La pastille .pour de la page Établissements.
   Cause du « gros blob » : border-radius:999px. Sur une étiquette
   d'une seule ligne large → joli galet. Sur une étiquette étroite
   qui passe sur deux lignes → la boîte devient presque carrée et le
   999px en fait un ovale surdimensionné.
   Fix : rayon modéré (rectangle arrondi net), largeur au contenu,
   hauteur automatique. Texte centré.
   Sélecteur html.mm-actif .grille .offre .pour = (0,4,1), passe
   devant .offre[cid] .pour[cid] = (0,4,0). */
html.mm-actif .grille .offre .pour{
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  align-self:stretch;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:3rem;
  text-align:center;
  padding:.45rem 1.1rem;
  line-height:1.45;
}

/* =============================================================
   ACCESSIBILITÉ — mouvement réduit
   Tout s'affiche instantanément, rien ne bouge.
   ============================================================= */
@media(prefers-reduced-motion:reduce){
  html.mm-actif [data-rev]{opacity:1!important;transform:none!important;transition:none!important}
  html.mm-actif .mm-mot > span{transform:none!important;transition:none!important}
  html.mm-actif .hero-plein .hero-photo{height:100%;top:0}
  html.mm-actif .apropos-photo::after{display:none}
  html.mm-actif .apropos-photo img{transform:none!important}
  #mm-intro{display:none}
  #mm-progres{display:none}
  html.mm-actif *,html.mm-actif *::before,html.mm-actif *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* =============================================================
   PAGE D’ACCUEIL — DIRECTION HYBRIDE VALIDÉE
   Le socle, le contenu, les liens et les animations restent ceux
   du site de production. Ces règles ne refondent que la composition.
   ============================================================= */

html.mm-actif .mm-mot{
  padding-bottom:.16em;
  margin-bottom:-.16em;
}

body.home-hybrid{
  padding-top:92px;
  background:var(--grain),var(--ivoire);
}

body.home-hybrid .entete[data-astro-cid-3ef6ksr2],
body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero{
  position:fixed;
  inset:0 0 auto;
  z-index:50;
  min-height:92px;
  color:var(--encre);
  background:color-mix(in srgb,var(--ivoire) 95%,transparent);
  border-bottom:1px solid var(--bordure);
  backdrop-filter:blur(13px);
}
body.home-hybrid .entete[data-astro-cid-3ef6ksr2] .barre[data-astro-cid-3ef6ksr2]{
  min-height:92px;
  padding-block:.7rem;
}
body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero .logo[data-astro-cid-3ef6ksr2],
body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero .menu[data-astro-cid-3ef6ksr2] > li[data-astro-cid-3ef6ksr2] > a[data-astro-cid-3ef6ksr2],
body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero .menu[data-astro-cid-3ef6ksr2] > li[data-astro-cid-3ef6ksr2] > button[data-astro-cid-3ef6ksr2],
body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero .burger[data-astro-cid-3ef6ksr2]{color:var(--encre)}
body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero .logo-sous[data-astro-cid-3ef6ksr2]{color:var(--bronze)}
body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero .btn-entete[data-astro-cid-3ef6ksr2]{
  color:var(--creme);
  background:var(--cta-fond);
}

.hybrid-home{overflow:hidden;background:var(--grain),var(--ivoire)}
.hybrid-home > section{position:relative}
.hybrid-home h2{
  font-size:clamp(3.4rem,5.25vw,6.5rem);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.035em;
}
.hybrid-home h2 em{color:#bd9b84;font-weight:400}

body.home-hybrid .hero-plein[data-astro-cid-j7pv25f6]{
  min-height:calc(100svh - 92px);
  padding-block:5.5rem 4.5rem;
  display:flex;
  align-items:center;
}
body.home-hybrid .hero-photo[data-astro-cid-j7pv25f6]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:66% center;
}
body.home-hybrid .hero-voile[data-astro-cid-j7pv25f6]{
  display:block;
  background:linear-gradient(90deg,rgba(40,33,27,.94),rgba(40,33,27,.67) 48%,rgba(40,33,27,.12));
}
body.home-hybrid .hero-contenu[data-astro-cid-j7pv25f6]{
  display:grid;
  grid-template-columns:minmax(0,min(640px,46vw)) 1fr;
  width:100%;
  margin-top:0;
  padding-block:0;
}
body.home-hybrid .hero-contenu[data-astro-cid-j7pv25f6]>[data-astro-cid-j7pv25f6]{grid-column:1}
body.home-hybrid .hero-contenu[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{
  max-width:640px;
  color:#fffdf8;
  font-size:clamp(2.3rem,4.3vw,3.875rem);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.015em;
}
body.home-hybrid .hero-texte[data-astro-cid-j7pv25f6]{max-width:520px;color:#e8dfd5}
body.home-hybrid .piliers-bande[data-astro-cid-j7pv25f6]{padding-block:3rem 3.2rem;background:var(--ivoire)}
body.home-hybrid .pilier[data-astro-cid-j7pv25f6]{padding-top:1.05rem;border-top:1px solid var(--bordure-forte)}
body.home-hybrid .pilier-titre[data-astro-cid-j7pv25f6]{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:500;line-height:1.05}
body.home-hybrid .pilier[data-astro-cid-j7pv25f6] p:last-child{font-size:.82rem;line-height:1.5}

.hybrid-recognition{
  min-height:900px;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);
  grid-template-areas:'heading lines' 'conclusion conclusion';
  gap:5rem 8vw;
  align-items:center;
  padding:8rem max(5vw,calc((100vw - 1340px)/2)) 7rem;
  overflow:hidden;
  background:var(--grain),var(--ivoire);
}
.hybrid-recognition-heading{grid-area:heading;position:relative;z-index:2}
.hybrid-recognition-lines{grid-area:lines;position:relative;z-index:2}
.hybrid-recognition-lines p{
  max-width:780px;
  margin:0;
  padding:1.65rem 0 1.65rem 5rem;
  border-bottom:1px solid var(--bordure-forte);
  color:#635c54;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.6rem,2.25vw,2.55rem);
  line-height:1.2;
}
.hybrid-recognition-lines p:nth-child(2){transform:translateX(-4rem)}
.hybrid-recognition-lines p:nth-child(3){transform:translateX(2rem)}
.hybrid-recognition-conclusion{
  grid-area:conclusion;
  justify-self:center;
  max-width:760px;
  margin:1rem 0 0;
  color:var(--bronze);
  text-align:center;
}
.hybrid-orbit{
  position:absolute;
  left:-12vw;
  top:7rem;
  width:30vw;
  aspect-ratio:1;
  border:1px solid color-mix(in srgb,var(--bronze) 25%,transparent);
  border-radius:50%;
}
.hybrid-orbit span{position:absolute;width:12px;height:12px;border-radius:50%;background:#bd9b84}
.hybrid-orbit span:nth-child(1){right:8%;top:27%}
.hybrid-orbit span:nth-child(2){right:24%;bottom:7%}
.hybrid-orbit span:nth-child(3){left:27%;top:4%}
html.mm-actif .hybrid-orbit{animation:hybridOrbit 10s ease-in-out infinite alternate}
@keyframes hybridOrbit{to{transform:translate3d(24px,14px,0) rotate(4deg)}}

.hybrid-support{padding:8rem 0 5rem;background:var(--grain),var(--creme)}
.hybrid-support .coeur-tete{max-width:980px;margin:0 auto 4.7rem;text-align:center}
.hybrid-support .coeur-tete > p:last-child{max-width:760px;margin-inline:auto}
.hybrid-support .grille-coeur{grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2vw,2.2rem)}
.hybrid-support .carte{min-height:325px;padding:2.8rem;background:rgba(255,253,248,.55);box-shadow:0 18px 44px rgba(73,61,48,.035)}
.hybrid-support .carte:nth-child(2){border-color:var(--bronze)}
.hybrid-support .carte h3{font-size:clamp(1.9rem,2.2vw,2.5rem);font-weight:500;line-height:1.05}
.hybrid-support .carte p{font-size:.94rem}
.home-hybrid .aussi{padding-block:0 6rem;background:var(--grain),var(--creme)}
.home-hybrid .aussi-tete{padding-top:2.4rem;margin-bottom:2rem}
.home-hybrid .chips-centre{justify-content:center}

.hybrid-journey{
  min-height:940px;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:7vw;
  align-items:center;
  padding:8rem max(5vw,calc((100vw - 1340px)/2));
  overflow:hidden;
  color:#fffdf8;
  background:var(--grain),#493d30;
}
.hybrid-journey h2,.hybrid-journey h3{color:#fffdf8}
.hybrid-journey .eyebrow{color:#d1b79e}
.hybrid-journey-intro > p:last-child{max-width:430px;color:#d8cfc4}
.hybrid-journey-path{position:relative;min-height:650px}
.hybrid-journey-path::before{
  content:"";
  position:absolute;
  inset:8% 8% 10% 8%;
  border-top:1px solid rgba(255,255,255,.27);
  border-right:1px solid rgba(255,255,255,.27);
  border-bottom:1px solid rgba(255,255,255,.27);
  border-radius:0 45% 45% 0;
}
.hybrid-path-line{
  position:absolute;
  top:8%;
  left:8%;
  width:1px;
  height:82%;
  background:var(--bronze);
  transform:scaleY(0);
  transform-origin:center top;
  will-change:transform;
}
.hybrid-step{position:absolute;z-index:2;max-width:310px}
.hybrid-step-one{left:4%;top:3%}
.hybrid-step-two{right:0;top:38%}
.hybrid-step-three{left:12%;bottom:0}
.hybrid-step-number{
  width:52px;height:52px;display:grid;place-items:center;margin-bottom:1rem;
  border:1px solid rgba(255,255,255,.42);border-radius:50%;
  color:#d1b79e;font-size:.72rem;background:#493d30;
}
.hybrid-step h3{font-size:2rem;font-weight:400}
.hybrid-step p{color:#d8cfc4;font-size:.92rem;line-height:1.6}

.hybrid-about{
  min-height:900px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:9vw;
  align-items:center;
  padding:9rem max(5vw,calc((100vw - 1340px)/2));
  background:var(--grain),var(--ivoire);
}
.hybrid-about-visual{position:relative;width:min(590px,42vw)}
.hybrid-portrait-frame{
  aspect-ratio:.82;
  border-radius:48% 52% 45% 55%/42% 46% 54% 58%;
  background:#d5d5d9;
}
.hybrid-portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.hybrid-about-caption{
  position:absolute;right:-3rem;bottom:1rem;z-index:4;
  min-width:300px;padding:1.15rem 1.7rem;border:1px solid var(--bordure-forte);
  border-radius:1.8rem;background:rgba(251,248,241,.94);
  color:var(--encre);font-family:'Cormorant Garamond',serif;font-size:1.55rem;line-height:1.1;
}
.hybrid-about-caption span{color:var(--bronze);font-family:Karla,sans-serif;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.hybrid-about-copy > p:not(.eyebrow){max-width:720px}
.hybrid-about-copy blockquote{margin:2.5rem 0;font-size:clamp(1.5rem,2vw,2.2rem)}
.hybrid-about-link{display:inline-flex;padding:.75rem 1.25rem;border:1px solid var(--bordure-forte);border-radius:999px;text-decoration:none}
.hybrid-credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:3.8rem 0 0;background:var(--bordure-forte)}
.hybrid-credentials div{padding:1.25rem 1rem;background:var(--ivoire)}
.hybrid-credentials dt{color:var(--bronze);font-size:.63rem;text-transform:uppercase;letter-spacing:.11em}
.hybrid-credentials dd{margin:.3rem 0 0;font-family:'Cormorant Garamond',serif;font-size:1.18rem}

.hybrid-questions{
  min-height:720px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:start;
  gap:8vw;
  padding:8.5rem max(5vw,calc((100vw - 1340px)/2));
  overflow:hidden;
  background:var(--grain),var(--creme);
}
.hybrid-questions-heading,.hybrid-accordion{position:relative;z-index:2}
.hybrid-questions-orb{position:absolute;left:-12vw;top:145px;width:48vw;aspect-ratio:1;border-radius:50%;background:rgba(189,155,132,.24)}
.hybrid-accordion details{max-width:none;margin:0;padding:0;border:0;border-top:1px solid var(--bordure-forte);border-radius:0;background:transparent}
.hybrid-accordion details:last-child{border-bottom:1px solid var(--bordure-forte)}
.hybrid-accordion summary{padding:1.8rem 0;font-family:'Cormorant Garamond',serif;font-size:clamp(1.55rem,2vw,2.15rem);font-weight:400;line-height:1.1}
.hybrid-accordion details > p{max-width:690px;padding:0 3rem 1.8rem 0}

.hybrid-institutions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5rem;
  align-items:end;
  padding:6.5rem max(5vw,calc((100vw - 1340px)/2));
  border-block:1px solid var(--bordure-forte);
  background:var(--grain),var(--ivoire);
}
.hybrid-institutions-copy{max-width:900px}
.hybrid-institutions h2{max-width:820px;margin-bottom:1.4rem;font-size:clamp(3rem,4.6vw,5.7rem)}
.hybrid-institutions-copy > p:last-child{max-width:760px;margin-bottom:0}
.hybrid-institutions > .btn{white-space:nowrap}

.hybrid-breathing{
  min-height:720px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  align-items:center;
  gap:7vw;
  padding:7rem max(5vw,calc((100vw - 1340px)/2));
  overflow:hidden;
  background:var(--grain),#d9d5c7;
}
.hybrid-breathing-copy > p:last-child{max-width:500px;color:#5f5c54}
.hybrid-breathing-stage{position:relative;min-height:500px;display:grid;place-items:center}
.hybrid-breathing-stage::before,.hybrid-breathing-stage::after{content:'';position:absolute;border:1px solid rgba(73,61,48,.18);border-radius:50%}
.hybrid-breathing-stage::before{width:72%;aspect-ratio:1}
.hybrid-breathing-stage::after{width:92%;aspect-ratio:1}
.hybrid-breathing-orb{position:relative;z-index:2;width:260px;aspect-ratio:1;border-radius:53% 47% 57% 43%/48% 60% 40% 52%;background:radial-gradient(circle at 38% 33%,#fffdf6,#c2ae95 75%);box-shadow:0 35px 70px rgba(73,61,48,.18);animation:hybridBreathe 10s ease-in-out infinite}
.hybrid-breathing-word{position:absolute;z-index:3;font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-style:italic}
@keyframes hybridBreathe{0%,100%{transform:scale(.72) rotate(-7deg);border-radius:53% 47% 57% 43%/48% 60% 40% 52%}50%{transform:scale(1.15) rotate(6deg);border-radius:44% 56% 40% 60%/58% 43% 57% 42%}}

body.home-hybrid .cta-final[data-astro-cid-kokrr3jq]{
  min-height:780px;
  display:flex;
  align-items:center;
  margin-top:-5rem;
  padding-block:12rem 8rem;
  border-radius:50% 50% 0 0/12% 12% 0 0;
  text-align:center;
}
body.home-hybrid .cta-final[data-astro-cid-kokrr3jq] h2{max-width:920px;font-size:clamp(3.4rem,5.25vw,6.5rem);font-weight:400;letter-spacing:-.035em}

@media(max-width:980px){
  .hybrid-recognition{grid-template-columns:1fr;grid-template-areas:'heading' 'lines' 'conclusion';gap:3rem;min-height:auto;padding:7rem 7vw}
  .hybrid-recognition-lines p{padding-left:2rem}
  .hybrid-recognition-lines p:nth-child(2),.hybrid-recognition-lines p:nth-child(3){transform:none}
  .hybrid-support .grille-coeur{grid-template-columns:1fr;max-width:720px;margin-inline:auto}
  .hybrid-support .carte{min-height:250px}
  .hybrid-journey{grid-template-columns:1fr;min-height:auto;padding:7rem 7vw}
  .hybrid-journey-path{min-height:700px}
  .hybrid-about{grid-template-columns:1fr;min-height:auto;padding:8rem 10vw}
  .hybrid-about-visual{width:min(620px,82vw)}
  .hybrid-about-copy{max-width:720px}
  .hybrid-questions,.hybrid-breathing{grid-template-columns:1fr;gap:4rem;padding-inline:7vw}
  .hybrid-questions-heading{max-width:720px}
  .hybrid-questions-orb{width:70vw;left:-25vw;top:120px}
  .hybrid-institutions{grid-template-columns:1fr;gap:2.5rem;align-items:start;padding-inline:7vw}
}

@media(max-width:840px){
  .barre-rdv-mobile[data-astro-cid-3ef6ksr2]{border-radius:0;padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom));background:var(--ivoire);backdrop-filter:none}
  .barre-rdv-mobile[data-astro-cid-3ef6ksr2] .btn[data-astro-cid-3ef6ksr2]{padding:14px 28px}
  .menu-mobile[data-astro-cid-3ef6ksr2]:not([hidden]){
    /* Le backdrop-filter du header en fait le bloc contenant des descendants
       fixed sur Safari. Une hauteur explicite évite que le menu soit comprimé
       dans les 82 px du header (il ne restait alors qu'environ 33 px visibles). */
    position:absolute;
    top:82px;
    right:0;
    bottom:auto;
    left:0;
    width:100vw;
    height:calc(100vh - 150px - env(safe-area-inset-bottom));
    height:calc(100dvh - 150px - env(safe-area-inset-bottom));
    z-index:55;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-bottom:1rem;
    background:var(--ivoire);
  }
  body.home-hybrid main{padding-bottom:0}
  body.home-hybrid .pied{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  body.home-hybrid{padding-top:82px}
  body.home-hybrid .entete[data-astro-cid-3ef6ksr2],body.home-hybrid .entete[data-astro-cid-3ef6ksr2].surhero{min-height:82px}
  body.home-hybrid .entete[data-astro-cid-3ef6ksr2] .barre[data-astro-cid-3ef6ksr2]{min-height:82px}
  body.home-hybrid .hero-plein[data-astro-cid-j7pv25f6]{min-height:calc(100svh - 82px);padding:3.5rem 0;display:flex}
  body.home-hybrid .hero-photo[data-astro-cid-j7pv25f6]{position:absolute;height:100%;aspect-ratio:auto;object-position:65% center}
  body.home-hybrid .hero-voile[data-astro-cid-j7pv25f6]{display:block;background:linear-gradient(0deg,rgba(40,33,27,.95),rgba(40,33,27,.55) 58%,rgba(40,33,27,.1))}
  body.home-hybrid .hero-contenu[data-astro-cid-j7pv25f6]{display:block;top:-1rem;padding-block:0}
  body.home-hybrid .hero-eyebrow[data-astro-cid-j7pv25f6]{position:static;top:auto;margin:0 0 1rem;max-width:86%}
  body.home-hybrid .hero-contenu[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{max-width:65%;margin-top:0;font-size:clamp(2.15rem,8.75vw,2.9rem)}
  body.home-hybrid .hero-texte[data-astro-cid-j7pv25f6]{max-width:62%;font-size:1rem;line-height:1.55}
  body.home-hybrid .hero-actions[data-astro-cid-j7pv25f6] .btn-hero[data-astro-cid-j7pv25f6]{display:none}
  body.home-hybrid .piliers-bande[data-astro-cid-j7pv25f6]{padding-block:3rem}
}

@media(max-width:620px){
  .hybrid-home h2{font-size:clamp(3rem,14vw,4.3rem)}
  .hybrid-recognition{padding:6rem 1.4rem}
  .hybrid-recognition-lines p{padding:1.4rem 0;font-size:1.65rem}
  .hybrid-orbit{width:58vw;left:-36vw}
  .hybrid-support{padding:6rem 0 4rem}
  .hybrid-support .coeur-tete{margin-bottom:3.5rem}
  .hybrid-support .carte{min-height:290px;padding:2rem}
  .home-hybrid .aussi{padding-bottom:5rem}
  .home-hybrid .aussi-tete{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:.2rem}
  .home-hybrid .chips-centre{justify-content:flex-start}
  .hybrid-journey{gap:3.5rem;padding:6rem 1.4rem}
  .hybrid-journey-path{min-height:auto;display:grid;gap:3.5rem;padding-left:1.8rem}
  .hybrid-journey-path::before{inset:1rem auto 1rem 0;width:1px;border:0;border-left:1px solid rgba(255,255,255,.25);border-radius:0}
  .hybrid-path-line{top:1rem;left:0;width:1px;height:calc(100% - 2rem);background:var(--bronze)}
  .hybrid-step{position:static;max-width:none}
  .hybrid-step-number{margin-left:-3.35rem}
  .hybrid-about{gap:6rem;padding:6rem 1.4rem}
  .hybrid-about-visual{width:92%}
  .hybrid-about-caption{right:-1.2rem;bottom:-2.8rem;min-width:260px}
  .hybrid-credentials{grid-template-columns:1fr}
  .hybrid-questions,.hybrid-breathing{padding:6rem 1.4rem}
  .hybrid-questions{min-height:700px}
  .hybrid-questions-orb{width:115vw;left:-58vw;top:150px}
  .hybrid-institutions{gap:2rem;padding:5.5rem 1.4rem}
  .hybrid-institutions > .btn{white-space:normal;text-align:center}
  .hybrid-breathing{min-height:auto}
  .hybrid-breathing-stage{min-height:360px}
  .hybrid-breathing-orb{width:185px}
  body.home-hybrid .cta-final[data-astro-cid-kokrr3jq]{min-height:760px;padding:10rem 1.4rem 6rem;border-radius:50% 50% 0 0/6% 6% 0 0}
}

@media(prefers-reduced-motion:reduce){
  .hybrid-breathing-orb,.hybrid-orbit{animation:none!important}
}

/* ================================================================
   PAGES INTÉRIEURES — DIRECTION ORGANIQUE COHÉRENTE
   ================================================================ */

body.inner-organic{
  --inner-tint:#e9dfd1;
  --inner-tint-soft:#f3ede4;
  background:var(--grain),var(--ivoire);
}
body.inner-organic.inner-about{--inner-tint:#e5ddd3;--inner-tint-soft:#f2ece5}
body.inner-organic.inner-directory,
body.inner-organic.inner-accompagnement{--inner-tint:#e5ddd3;--inner-tint-soft:#f2ece5}
body.inner-organic.inner-institutions{--inner-tint:#e5ddd3;--inner-tint-soft:#f2ece5}
body.inner-organic.inner-tarifs{--inner-tint:#e5ddd3;--inner-tint-soft:#f2ece5}
body.inner-organic.inner-faq{--inner-tint:#e5ddd3;--inner-tint-soft:#f2ece5}
body.inner-organic.inner-contact{--inner-tint:#e5ddd3;--inner-tint-soft:#f2ece5}

body.inner-organic .entete[data-astro-cid-3ef6ksr2]{
  background:color-mix(in srgb,var(--ivoire) 94%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--bronze) 25%,transparent);
  backdrop-filter:blur(14px);
}
body.inner-organic main{
  overflow:hidden;
  background:var(--grain),var(--ivoire);
}
body.inner-organic .wrap-etroit{max-width:980px}

body.inner-organic .entete-edito{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(430px,58vw,650px);
  padding-bottom:clamp(5rem,10vw,8rem);
  background:var(--grain),var(--inner-tint);
  border-radius:0 0 48% 9%/0 0 14% 5%;
}
body.inner-organic .entete-edito::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(64vw,900px);
  aspect-ratio:1.35;
  top:-34%;
  right:-12%;
  border:1px solid color-mix(in srgb,var(--bronze) 35%,transparent);
  border-radius:52% 48% 38% 62%/44% 35% 65% 56%;
  transform:rotate(-9deg);
}
body.inner-organic .entete-edito::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:clamp(150px,20vw,320px);
  aspect-ratio:1;
  right:10%;
  bottom:-24%;
  border-radius:50%;
  background:color-mix(in srgb,var(--bronze) 12%,transparent);
}
body.inner-organic .entete-edito .ariane{position:relative;z-index:2;padding-top:2rem}
body.inner-organic .entete-edito .entete-texte{position:relative;z-index:2;margin-top:clamp(3.5rem,8vw,7rem);max-width:1000px}
body.inner-organic .entete-edito h1{
  max-width:16ch;
  margin-bottom:.45em;
  font-size:clamp(3.25rem,6.3vw,6.8rem);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.035em;
  text-wrap:balance;
}
body.inner-organic .entete-edito .lede{max-width:65ch;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.72}

@keyframes mmInnerHaloLarge{
  0%,100%{transform:translate3d(0,0,0) rotate(-9deg)}
  50%{transform:translate3d(-22px,16px,0) rotate(-4deg)}
}
@keyframes mmInnerHaloSmall{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(18px,-13px,0)}
}
@keyframes mmInnerRing{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(-16px,-10px,0) rotate(3deg)}
}
@media(prefers-reduced-motion:no-preference){
  html.mm-actif body.inner-organic .entete-edito::before{
    animation:mmInnerHaloLarge 18s ease-in-out infinite;
  }
  html.mm-actif body.inner-organic .entete-edito::after{
    animation:mmInnerHaloSmall 13s ease-in-out infinite;
  }
  html.mm-actif body.inner-organic main > section:not(.section-voile):not(.section-olivier):nth-of-type(3n)::after{
    animation:mmInnerRing 16s ease-in-out infinite;
  }
}

body.inner-organic main{
  --inner-section-creme:var(--creme);
  --inner-section-sable:var(--sable);
  --inner-section-ivoire:var(--ivoire);
  --inner-first-section:var(--inner-section-creme);
  background:var(--grain),var(--inner-first-section);
}
body.inner-organic main > section{position:relative;padding-block:clamp(5.5rem,10vw,9rem)}
body.inner-organic main > section:not(.section-olivier):not(.cta-final){
  background:var(--grain),var(--inner-section-creme);
}
body.inner-organic main > section:nth-of-type(2n):not(.section-olivier):not(.cta-final){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic main > section:nth-of-type(3n):not(.section-olivier):not(.cta-final){
  background:var(--grain),var(--inner-section-ivoire);
}
body.inner-organic main > section.section-voile{
  width:100%;
  margin-inline:auto;
  padding-inline:clamp(.75rem,2.5vw,2.5rem);
  background:linear-gradient(to bottom,var(--inner-section-creme) 0 50%,var(--inner-section-ivoire) 50% 100%);
  border-radius:0;
}
body.inner-organic main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--inner-section-creme) 50% 100%);
}
body.inner-organic main > section.section-voile::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:var(--grain),var(--inner-section-sable);
  border-radius:0 clamp(2.5rem,8vw,8rem) clamp(2rem,6vw,6rem) 0/
    0 clamp(1.5rem,4vw,4rem) clamp(1.5rem,4vw,4rem) 0;
  pointer-events:none;
}
body.inner-organic main > section:not(.section-voile):not(.section-olivier):nth-of-type(3n)::after{
  content:"";
  position:absolute;
  z-index:0;
  width:min(34vw,470px);
  aspect-ratio:1.5;
  right:-12%;
  bottom:-10%;
  border:1px solid color-mix(in srgb,var(--bronze) 22%,transparent);
  border-radius:50%;
  pointer-events:none;
}
body.inner-organic main > section > *{position:relative;z-index:1}

body.inner-organic .chapitre{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  align-items:start;
  gap:clamp(1rem,3vw,2.5rem);
  margin-bottom:2.5rem;
}
body.inner-organic .chapitre .num{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(3.7rem,6vw,6rem);
  font-weight:400;
  line-height:.78;
  letter-spacing:-.06em;
  color:color-mix(in srgb,var(--bronze) 68%,var(--inner-tint));
}
body.inner-organic .chapitre h2{
  max-width:20ch;
  margin:0;
  font-size:clamp(2.4rem,4.2vw,4.5rem);
  font-weight:400;
  line-height:1;
  letter-spacing:-.025em;
}
body.inner-accompagnement .chapitre{display:block}
body.inner-organic main section p,
body.inner-organic main section li{font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.8}
body.inner-organic .liste-tirets li{padding-left:2.4rem;margin-bottom:1.15rem}
body.inner-organic .liste-tirets li::before{width:1.45rem;background:var(--bronze)}

body.inner-organic details{
  max-width:none;
  margin:0;
  padding:1.7rem .25rem;
  border:0;
  border-top:1px solid var(--bordure-forte);
  border-radius:0;
  background:transparent;
}
body.inner-organic details:last-of-type{border-bottom:1px solid var(--bordure-forte)}
body.inner-organic summary{font-family:'Cormorant Garamond',serif;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:500}
body.inner-organic details > p{max-width:62ch;padding-right:3rem}

body.inner-organic .carte{
  min-height:260px;
  padding:clamp(2rem,4vw,3rem);
  border-color:color-mix(in srgb,var(--bronze) 26%,var(--bordure));
  border-radius:3.5rem 1rem 3.5rem 1rem;
  background:color-mix(in srgb,var(--ivoire) 92%,white);
  box-shadow:0 24px 55px rgba(74,61,46,.06);
}
body.inner-organic .carte:nth-child(even){border-radius:1rem 3.5rem 1rem 3.5rem}
body.inner-organic .carte h2,
body.inner-organic .carte h3{font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:500}
body.inner-organic .carte:hover{box-shadow:0 28px 64px rgba(74,61,46,.1)}

body.inner-organic .cta-final{
  min-height:auto;
  margin-top:0;
  padding-block:clamp(7rem,12vw,11rem) clamp(6rem,9vw,8rem);
  border-radius:0;
  background:var(--grain),var(--inner-section-ivoire);
}
body.inner-organic .cta-final::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:48% 48% 0 0/8% 8% 0 0;
  background:var(--grain),linear-gradient(115deg,#332b24,#504233 68%,#3d342a);
  pointer-events:none;
}
body.inner-organic .cta-final h2{max-width:900px;font-size:clamp(3.2rem,5.4vw,6rem);font-weight:400;line-height:.98;letter-spacing:-.035em;color:#fffdf8}
body.inner-organic .cta-final .cta-devise{color:#d5c5b1}
body.inner-organic .cta-final .cta-texte,
body.inner-organic .cta-final .reassurance{color:#d8cec0}
body.inner-organic .cta-final .btn-primaire{background:var(--creme);color:var(--sombre)}
body.inner-organic .cta-final .btn-secondaire{border-color:#c9b89f;color:#fffdf8}

/* Répertoire des accompagnements */
body.inner-directory main > section .grille{gap:clamp(1.4rem,3vw,2.5rem)}
body.inner-directory main > section .carte:nth-child(3n+2){margin-top:2.5rem}
body.inner-directory .titre-groupe{display:inline-block;white-space:nowrap}
body.inner-organic .colon-groupe{display:inline-block;white-space:nowrap}
body.inner-directory main > section{padding-block:clamp(3.25rem,4vw,4rem)}
body.inner-directory main > section.section-voile{padding-block:clamp(3.25rem,4vw,4rem)}
body.inner-directory main > section .carte:nth-child(3n+2){margin-top:0}
body.inner-directory .carte,
body.inner-directory .carte:nth-child(even){
  min-height:0;
  justify-content:flex-start;
  padding:2.25rem 2rem;
  border:1px solid var(--bordure);
  border-radius:var(--rayon);
  background:var(--ivoire);
  box-shadow:none;
}
body.inner-accompagnement .carte,
body.inner-accompagnement .carte:nth-child(even){
  min-height:0;
  justify-content:flex-start;
  padding:2.25rem 2rem;
  border:1px solid var(--bordure);
  border-radius:var(--rayon);
  background:var(--ivoire);
  box-shadow:none;
}
html.mm-actif body.inner-directory .carte{
  transition:transform .7s var(--mm-ease),box-shadow .7s var(--mm-ease),border-color .5s ease;
}
html.mm-actif body.inner-accompagnement .carte{
  transition:transform .7s var(--mm-ease),box-shadow .7s var(--mm-ease),border-color .5s ease;
}
html.mm-actif body.inner-directory a.carte:hover{
  transform:translateY(-8px);
  border-color:var(--bronze);
  box-shadow:0 24px 50px -22px rgba(74,61,46,.3);
}
html.mm-actif body.inner-accompagnement a.carte:hover{
  transform:translateY(-8px);
  border-color:var(--bronze);
  box-shadow:0 24px 50px -22px rgba(74,61,46,.3);
}
body.inner-directory .cta-final{padding-block:clamp(4rem,5.5vw,5rem) clamp(4rem,5vw,5rem)}

/* Aidants familiaux — rythme chromatique repris de l'accueil */
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main{
  --aidants-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--aidants-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main > section:nth-of-type(5){
  background:var(--grain),var(--aidants-argile);
}
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-aidants-familiaux-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* Traverser un deuil — même rythme chromatique, sans rupture entre les blocs */
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main{
  --deuil-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--deuil-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main > section:nth-of-type(5){
  background:var(--grain),var(--deuil-argile);
}
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-accompagnement-deuil-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* Maladie et fin de vie — contraste chaleureux, continu et mesuré */
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main{
  --maladie-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--maladie-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main > section:nth-of-type(5){
  background:var(--grain),var(--maladie-argile);
}
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-maladie-fin-de-vie-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* Anxiété et angoisses — même respiration chromatique validée */
body.inner-organic.inner-accompagnement.page-anxiete-var main{
  --anxiete-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-anxiete-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--anxiete-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-anxiete-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-anxiete-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-anxiete-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-anxiete-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-anxiete-var main > section:nth-of-type(5){
  background:var(--grain),var(--anxiete-argile);
}
body.inner-organic.inner-accompagnement.page-anxiete-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-anxiete-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* Burn-out et épuisement — contraste chaleureux, continu et mesuré */
body.inner-organic.inner-accompagnement.page-burn-out-var main{
  --burnout-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-burn-out-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--burnout-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-burn-out-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-burn-out-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-burn-out-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-burn-out-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-burn-out-var main > section:nth-of-type(5){
  background:var(--grain),var(--burnout-argile);
}
body.inner-organic.inner-accompagnement.page-burn-out-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-burn-out-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* Stress professionnel — contraste chaleureux, continu et mesuré */
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main{
  --stress-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--stress-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main > section:nth-of-type(5){
  background:var(--grain),var(--stress-argile);
}
body.inner-organic.inner-accompagnement.page-stress-professionnel-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-stress-professionnel-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* Charge mentale — contraste chaleureux, continu et mesuré */
body.inner-organic.inner-accompagnement.page-charge-mentale-var main{
  --charge-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-charge-mentale-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--charge-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-charge-mentale-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-charge-mentale-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-charge-mentale-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-charge-mentale-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-charge-mentale-var main > section:nth-of-type(5){
  background:var(--grain),var(--charge-argile);
}
body.inner-organic.inner-accompagnement.page-charge-mentale-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-charge-mentale-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* Confiance et estime de soi — contraste chaleureux, continu et mesuré */
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main{
  --confiance-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
}
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main > section.section-voile:nth-of-type(4){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--confiance-argile) 50% 100%);
}
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main > section.section-voile:nth-of-type(4)::before{
  background:var(--grain),#493d30;
}
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main > section:nth-of-type(4) h2{color:#fffdf8}
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main > section:nth-of-type(4) p,
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main > section:nth-of-type(4) li{color:#e1d7ca}
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main > section:nth-of-type(5){
  background:var(--grain),var(--confiance-argile);
}
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var main > section:nth-of-type(6){
  background:var(--grain),var(--inner-section-sable);
}
body.inner-organic.inner-accompagnement.page-confiance-en-soi-var .cta-final{
  background:var(--grain),var(--inner-section-sable);
}

/* À propos */
body.inner-about .entete-grille{grid-template-columns:minmax(0,1fr) minmax(280px,410px);gap:clamp(3rem,7vw,7rem)}
body.inner-about .entete-arche{
  max-width:410px;
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:48% 48% 44% 56%/38% 42% 58% 62%;
  box-shadow:0 35px 80px rgba(74,61,46,.16);
}
body.inner-about .entete-edito .entete-texte{margin-top:2.5rem}
body.inner-about .grille-apropos{gap:clamp(3rem,8vw,8rem);grid-template-columns:1fr .82fr}
body.inner-about .photo-apropos{
  width:100%;
  max-width:none;
  aspect-ratio:16/10;
  border-radius:48% 48% 14% 14%/36% 36% 12% 12%;
  overflow:hidden;
}
body.inner-about main > section:nth-of-type(2) .grille-apropos{grid-template-columns:.82fr 1fr}
body.inner-about main > section:nth-of-type(3) .grille-apropos{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:clamp(2.5rem,5vw,5rem);
}

/* Établissements */
body.inner-institutions .offre{
  min-height:0;
  padding:2.25rem 2rem;
  border:1px solid var(--bordure);
  border-radius:var(--rayon);
  background:var(--ivoire);
  box-shadow:none;
}
body.inner-institutions .offre:nth-child(even){border-radius:var(--rayon)}
body.inner-institutions .pour{border-radius:14px}
body.inner-institutions .offre h3{min-height:2.44em}
@media(min-width:981px) and (max-width:1500px){
  body.inner-institutions .offre h3{min-height:3.66em}
}
@media(max-width:980px){
  body.inner-institutions .offre h3{min-height:0}
}
html.mm-actif body.inner-institutions .offre{
  transition:transform .7s var(--mm-ease),box-shadow .7s var(--mm-ease),border-color .5s ease;
}
html.mm-actif body.inner-institutions .offre:hover{
  transform:translateY(-8px);
  border-color:var(--bronze);
  box-shadow:0 24px 50px -22px rgba(74,61,46,.3);
}

/* Tarifs */
body.inner-organic.inner-tarifs main{
  --tarifs-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
  --inner-first-section:var(--inner-section-ivoire);
}
body.inner-organic.inner-tarifs main > section:nth-of-type(1){
  background:var(--grain),var(--inner-section-ivoire);
}
body.inner-organic.inner-tarifs main > section.section-voile:nth-of-type(2){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--tarifs-argile) 50% 100%);
}
body.inner-organic.inner-tarifs main > section.section-voile:nth-of-type(2)::before{
  background:var(--grain),#493d30;
  border-radius:clamp(3rem,9vw,9rem) 0 clamp(3rem,7vw,7rem) 0/
    clamp(1.5rem,4vw,4rem) 0 clamp(1.5rem,4vw,4rem) 0;
}
body.inner-organic.inner-tarifs main > section:nth-of-type(2) h2{color:#fffdf8}
body.inner-organic.inner-tarifs main > section:nth-of-type(2) p,
body.inner-organic.inner-tarifs main > section:nth-of-type(2) strong{color:#e1d7ca}
body.inner-organic.inner-tarifs main > section:nth-of-type(3):not(.section-voile):not(.section-olivier){
  background:var(--grain),var(--tarifs-argile);
}
body.inner-tarifs .tarifs-grille{gap:clamp(1.5rem,3.5vw,3rem);align-items:stretch}
body.inner-tarifs .tarif-carte,
body.inner-tarifs .tarif-carte:nth-child(even),
body.inner-tarifs .porte,
body.inner-tarifs .porte:nth-child(even){
  border:1px solid var(--bordure);
  border-radius:var(--rayon);
  background:var(--ivoire);
  box-shadow:none;
}
body.inner-tarifs .tarif-vedette{
  transform:none;
  background:var(--grain),var(--inner-tint-soft);
  border-color:var(--bronze);
}
html.mm-actif body.inner-tarifs .tarif-carte,
html.mm-actif body.inner-tarifs .porte{
  transition:transform .7s var(--mm-ease),box-shadow .7s var(--mm-ease),border-color .5s ease;
}
html.mm-actif body.inner-tarifs .tarif-carte:hover,
html.mm-actif body.inner-tarifs .porte:hover{
  transform:translateY(-8px);
  border-color:var(--bronze);
  box-shadow:0 24px 50px -22px rgba(74,61,46,.3);
}

/* Questions fréquentes — trois familles nettement séparées */
body.inner-organic.inner-faq .entete-edito{
  min-height:clamp(360px,42vw,500px);
  padding-bottom:clamp(3rem,6vw,5rem);
}
body.inner-organic.inner-faq .entete-edito .entete-texte{
  margin-top:clamp(2.25rem,5vw,4.25rem);
}
body.inner-organic.inner-faq main > section:not(.cta-final){
  padding-block:clamp(3.5rem,6vw,5.5rem);
}
body.inner-organic.inner-faq .chapitre{
  display:block;
  margin-bottom:2rem;
}
body.inner-organic.inner-faq main{
  --faq-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
  --inner-first-section:var(--inner-section-ivoire);
}
body.inner-organic.inner-faq main > section:nth-of-type(1){
  background:var(--grain),var(--inner-section-ivoire);
}
body.inner-organic.inner-faq main > section.section-voile:nth-of-type(2){
  background:linear-gradient(to bottom,var(--inner-section-ivoire) 0 50%,var(--faq-argile) 50% 100%);
}
body.inner-organic.inner-faq main > section.section-voile:nth-of-type(2)::before{
  background:var(--grain),#493d30;
  border-radius:0 clamp(3rem,9vw,9rem) 0 clamp(3rem,7vw,7rem)/
    0 clamp(1.5rem,4vw,4rem) 0 clamp(1.5rem,4vw,4rem);
}
body.inner-organic.inner-faq main > section:nth-of-type(2) h2,
body.inner-organic.inner-faq main > section:nth-of-type(2) summary{color:#fffdf8}
body.inner-organic.inner-faq main > section:nth-of-type(2) p{color:#e1d7ca}
body.inner-organic.inner-faq main > section:nth-of-type(2) details{
  border-color:rgba(225,215,202,.32);
}
body.inner-organic.inner-faq main > section:nth-of-type(2) summary::after{color:#d5c5b1}
html.mm-actif body.inner-organic.inner-faq main > section:nth-of-type(2) summary:hover,
html.mm-actif body.inner-organic.inner-faq main > section:nth-of-type(2) details[open] summary{color:#d5c5b1}
body.inner-organic.inner-faq main > section:nth-of-type(3):not(.section-voile):not(.section-olivier){
  background:var(--grain),var(--faq-argile);
}
body.inner-organic.inner-faq .cta-final{
  background:var(--grain),var(--faq-argile);
}

/* Contact — cabinet sombre, formulaire clair, raccord argile continu */
body.inner-organic.inner-contact .entete-edito{
  min-height:clamp(360px,42vw,500px);
  padding-bottom:clamp(3rem,6vw,5rem);
}
body.inner-organic.inner-contact .entete-edito .entete-texte{
  margin-top:clamp(2.25rem,5vw,4.25rem);
}
body.inner-organic.inner-contact main{
  --contact-argile:color-mix(in srgb,#bd9b84 24%,var(--ivoire));
  --inner-first-section:var(--contact-argile);
  background:var(--grain),var(--inner-first-section);
}
body.inner-organic.inner-contact main > section:first-of-type{
  overflow:hidden;
  padding-block:clamp(4rem,7vw,6.5rem);
  background:var(--grain),var(--contact-argile);
}
body.inner-contact main > section:first-of-type::after{
  content:"";
  position:absolute;
  z-index:0;
  width:min(44vw,620px);
  aspect-ratio:1.45;
  right:-13%;
  bottom:-17%;
  border:1px solid color-mix(in srgb,var(--bronze) 26%,transparent);
  border-radius:50%;
  pointer-events:none;
}
body.inner-contact .grille-contact{
  position:relative;
  z-index:1;
  gap:clamp(1.4rem,3vw,2.5rem);
  align-items:stretch;
}
body.inner-contact .grille-contact > div{
  position:relative;
  overflow:hidden;
  padding:clamp(2rem,4vw,3.5rem);
  border:1px solid var(--bordure);
  box-shadow:0 26px 55px -30px rgba(74,61,46,.34);
}
body.inner-contact .grille-contact > div:first-child{
  border-color:#493d30;
  border-radius:var(--rayon);
  background:var(--grain),#493d30;
}
body.inner-contact .grille-contact > div:first-child::after{
  content:"";
  position:absolute;
  width:260px;
  aspect-ratio:1;
  right:-115px;
  bottom:-105px;
  border:1px solid rgba(225,215,202,.18);
  border-radius:50%;
  pointer-events:none;
}
body.inner-contact .grille-contact > div:first-child h2,
body.inner-contact .grille-contact > div:first-child strong{color:#fffdf8}
body.inner-contact .grille-contact > div:first-child p,
body.inner-contact .grille-contact > div:first-child li,
body.inner-contact .grille-contact > div:first-child a:not(.btn){color:#e1d7ca}
body.inner-contact .grille-contact > div:first-child .liste-tirets li::before{background:#d5c5b1}
body.inner-contact .grille-contact > div:first-child .btn-primaire{background:#fffdf8;color:#493d30}
body.inner-contact .grille-contact > div:first-child .note-urgence{
  padding:1.1rem 1.2rem;
  border-left-color:#d5c5b1;
  background:rgba(255,253,248,.07);
  color:#e1d7ca;
}
body.inner-contact .grille-contact > div:last-child{
  border-color:color-mix(in srgb,var(--bronze) 30%,var(--bordure));
  border-radius:var(--rayon);
  background:var(--grain),var(--ivoire);
}
body.inner-contact input,
body.inner-contact textarea{background:#fffdf9;border-radius:1rem .35rem 1rem .35rem}
html.mm-actif body.inner-contact .grille-contact > div{
  transition:transform .75s var(--mm-ease),box-shadow .75s var(--mm-ease),border-color .5s ease;
}
html.mm-actif body.inner-contact .grille-contact > div:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 64px -28px rgba(74,61,46,.42);
}
@media(prefers-reduced-motion:no-preference){
  html.mm-actif body.inner-contact main > section:first-of-type::after{
    animation:mmInnerRing 16s ease-in-out infinite;
  }
}

/* Pages légales */
body.inner-legal main > section:first-child{
  padding-block:clamp(5rem,10vw,9rem);
  background:var(--grain),var(--inner-tint-soft);
  border-radius:0 0 48% 8%/0 0 8% 3%;
}
body.inner-legal main h1{max-width:15ch;font-size:clamp(3.2rem,6vw,6rem);font-weight:400;letter-spacing:-.035em}
body.inner-legal main h2{margin-top:3.5rem;font-size:clamp(2rem,3.3vw,3.2rem);font-weight:400}

/* Page d’erreur */
body.inner-error .quatre-cent-quatre{
  position:relative;
  overflow:hidden;
  min-height:70vh;
  background:var(--grain),var(--inner-tint-soft);
}
body.inner-error .quatre-cent-quatre::after{
  content:"404";
  position:absolute;
  right:-.05em;
  bottom:-.32em;
  font-family:'Cormorant Garamond',serif;
  font-size:min(45vw,42rem);
  line-height:1;
  color:color-mix(in srgb,var(--bronze) 10%,transparent);
  pointer-events:none;
}

@media(max-width:980px){
  body.inner-organic .entete-edito{min-height:auto;border-radius:0 0 42% 6%/0 0 8% 3%}
  body.inner-organic .entete-edito h1{font-size:clamp(3rem,8vw,5rem)}
  body.inner-about .entete-grille,
  body.inner-about .grille-apropos,
  body.inner-about main > section:nth-of-type(2) .grille-apropos{grid-template-columns:1fr}
  body.inner-about .entete-arche{order:-1;justify-self:start;width:min(68vw,320px)}
  body.inner-about main > section:nth-of-type(3) .grille-apropos{grid-template-columns:1fr}
}

@media(max-width:840px){
  body.inner-organic .entete-edito{padding-bottom:3.5rem;border-radius:0 0 30% 4%/0 0 4% 2%}
  body.inner-organic .entete-edito::before{width:105vw;right:-52%;top:-12%}
  body.inner-organic .entete-edito::after{right:-18%;bottom:-18%}
  body.inner-organic .entete-edito .ariane{padding-top:1.2rem}
  body.inner-organic .entete-edito .entete-texte{margin-top:2.5rem}
  body.inner-organic .entete-edito h1{max-width:18ch;font-size:clamp(2.8rem,12vw,4.35rem);line-height:1}
  body.inner-organic main{padding-bottom:0}
  body.inner-organic .pied{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  body.inner-organic main > section{padding-block:4rem}
  body.inner-organic main > section:first-of-type{padding-top:2.25rem}
  body.inner-organic main > section.section-voile{width:100%;padding-inline:.25rem;border-radius:0}
  body.inner-organic main > section.section-voile::before{border-radius:0 3rem 3rem 0/0 1.25rem 1.25rem 0}
  body.inner-organic .chapitre{grid-template-columns:58px minmax(0,1fr);gap:1rem}
  body.inner-organic .chapitre .num{font-size:3.6rem}
  body.inner-organic .chapitre h2{font-size:clamp(2.2rem,9vw,3.2rem)}
  body.inner-organic details{padding-block:1.35rem}
  body.inner-organic .carte{min-height:auto;border-radius:2.5rem .75rem 2.5rem .75rem}
  body.inner-organic .carte:nth-child(even){border-radius:.75rem 2.5rem .75rem 2.5rem}
  body.inner-directory main > section .carte:nth-child(3n+2){margin-top:0}
  body.inner-directory main > section,
  body.inner-directory main > section.section-voile{padding-block:3rem}
  body.inner-directory main > section:first-of-type{padding-top:2rem}
  body.inner-organic.inner-tarifs main > section:first-of-type{padding-top:1.5rem}
  body.inner-directory .carte,
  body.inner-directory .carte:nth-child(even),
  body.inner-accompagnement .carte,
  body.inner-accompagnement .carte:nth-child(even){min-height:0;padding:1.8rem 1.5rem;border-radius:var(--rayon)}
  body.inner-tarifs .tarif-carte,
  body.inner-tarifs .tarif-carte:nth-child(even),
  body.inner-tarifs .porte,
  body.inner-tarifs .porte:nth-child(even){
    min-height:0;
    padding:1.8rem 1.5rem;
    border-radius:var(--rayon);
  }
  body.inner-tarifs .tarif-vedette{transform:none}
  body.inner-organic .cta-final{padding:5.5rem 1.4rem 4.5rem;border-radius:0}
  body.inner-organic.inner-faq .entete-edito{
    min-height:auto;
    padding-bottom:2.75rem;
  }
  body.inner-organic.inner-faq .entete-edito .entete-texte{margin-top:1.75rem}
  body.inner-organic.inner-faq main > section:not(.cta-final){padding-block:3rem}
  body.inner-organic.inner-faq .chapitre{margin-bottom:1.5rem}
  body.inner-organic.inner-faq main > section.section-voile:nth-of-type(2)::before{border-radius:0}
  body.inner-organic .cta-final::before{border-radius:45% 45% 0 0/3% 3% 0 0}
  body.inner-directory .cta-final{padding:3.75rem 1.4rem 3.5rem}
  body.inner-organic .cta-final h2{font-size:clamp(2.8rem,11vw,4.3rem)}
  body.inner-organic.inner-tarifs main > section.section-voile:nth-of-type(2)::before{border-radius:0}
  body.inner-organic.inner-contact .entete-edito{min-height:auto;padding-bottom:2.75rem}
  body.inner-organic.inner-contact .entete-edito .entete-texte{margin-top:1.75rem}
  body.inner-contact main > section:first-of-type{padding-block:3rem}
  body.inner-contact .grille-contact{gap:1.25rem}
  body.inner-contact .grille-contact > div{padding:2rem 1.35rem}
  body.inner-contact .grille-contact > div:first-child,
  body.inner-contact .grille-contact > div:last-child{border-radius:var(--rayon)}
  body.inner-about .entete-grille{gap:1.25rem;padding-top:1.75rem}
  body.inner-about .entete-arche{
    width:min(62vw,270px);
    max-width:270px;
    justify-self:center;
    margin:0;
  }
  body.inner-about .entete-edito .entete-texte{margin-top:0}
  body.inner-about .photo-apropos{aspect-ratio:16/10}
}

@media(max-width:520px){
  body.inner-organic .entete-edito h1{font-size:clamp(2.65rem,13vw,3.7rem)}
  body.inner-organic .chapitre{display:block}
  body.inner-organic .chapitre .num{display:block;margin-bottom:1rem;font-size:3.2rem}
  body.inner-organic details > p{padding-right:0}
}

/* Rythme vertical resserré sur ordinateur. Les valeurs mobiles restent intactes. */
@media(min-width:841px){
  body.home-hybrid .piliers-bande[data-astro-cid-j7pv25f6]{padding-block:2.25rem 2.5rem}
  .hybrid-recognition{
    min-height:720px;
    gap:3.75rem 6vw;
    padding:5.5rem max(5vw,calc((100vw - 1340px)/2)) 5rem;
  }
  .hybrid-support{padding:5.5rem 0 4rem}
  .home-hybrid .aussi{padding-bottom:4rem}
  .home-hybrid .aussi-tete{padding-top:1.75rem;margin-bottom:1.5rem}
  .hybrid-journey{
    min-height:760px;
    gap:5vw;
    padding:5.5rem max(5vw,calc((100vw - 1340px)/2));
  }
  .hybrid-journey-path{min-height:540px}
  .hybrid-about{
    min-height:740px;
    gap:6vw;
    padding:6rem max(5vw,calc((100vw - 1340px)/2));
  }
  .hybrid-questions{
    min-height:600px;
    gap:5vw;
    padding:5.5rem max(5vw,calc((100vw - 1340px)/2));
  }
  .hybrid-institutions{
    gap:3.5rem;
    padding:4.5rem max(5vw,calc((100vw - 1340px)/2));
  }
  .hybrid-breathing{
    min-height:600px;
    gap:5vw;
    padding:5rem max(5vw,calc((100vw - 1340px)/2));
  }
  .hybrid-breathing-stage{min-height:420px}
  body.home-hybrid .hybrid-home > .cta-final{
    min-height:640px;
    margin-top:-6rem;
    padding-block:9rem 6rem;
  }

  body.inner-organic .entete-edito{
    min-height:clamp(390px,45vw,540px);
    padding-bottom:clamp(4rem,6vw,5.5rem);
  }
  body.inner-organic .entete-edito .entete-texte{margin-top:clamp(2.75rem,5vw,4.5rem)}
  body.inner-organic main > section{padding-block:clamp(4rem,6vw,5rem)}
  body.inner-organic .chapitre{margin-bottom:2rem}
  body.inner-about .grille-apropos{gap:clamp(3rem,5vw,5rem)}

  body.inner-directory main > section,
  body.inner-directory main > section.section-voile{padding-block:clamp(2.75rem,3.5vw,3.25rem)}
  body.inner-organic.inner-faq .entete-edito,
  body.inner-organic.inner-contact .entete-edito{
    min-height:clamp(340px,35vw,430px);
    padding-bottom:clamp(2.75rem,4.5vw,4rem);
  }
  body.inner-organic.inner-tarifs .entete-edito{
    min-height:clamp(370px,35vw,420px);
    padding-bottom:2.75rem;
  }
  body.inner-organic.inner-faq .entete-edito{
    min-height:clamp(320px,28vw,340px);
    padding-bottom:2.5rem;
  }
  body.inner-organic.inner-faq .entete-edito .entete-texte,
  body.inner-organic.inner-contact .entete-edito .entete-texte{margin-top:clamp(2.25rem,4vw,3.5rem)}
  body.inner-organic.inner-faq main > section:not(.cta-final){padding-block:4rem}
  body.inner-contact main > section:first-of-type{padding-block:4.5rem}
  body.inner-organic main > section:first-of-type{padding-top:2.25rem}
  body.inner-directory main > section:first-of-type{padding-top:2rem}
  body.inner-organic.inner-tarifs main > section:first-of-type{padding-top:1.5rem}
  body.inner-organic.inner-faq main > section:first-of-type,
  body.inner-contact main > section:first-of-type{padding-top:2.25rem}
  body.inner-organic .cta-final{padding-block:6rem 4.75rem}
  body.inner-directory .cta-final{padding-block:3.75rem 3.5rem}
}