/*
Theme Name: Isa·Bel Éclat
Theme URI: https://www.isabeleclat.fr
Author: Isa·Bel Éclat
Description: Thème bloc sur mesure d'Isa·Bel Éclat — « La cinquantaine sans filtre, avec éclat. » Tout le contenu est en blocs natifs, modifiable dans l'éditeur.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isabeleclat
Tags: block-theme, full-site-editing
*/
/* Isa·Bel Éclat — maquette d'accueil
   Architecture et effets : référence Softlife. Peau : charte Isa·Bel Éclat. */

@font-face{font-family:"Marcellus";src:url(fonts/marcellus-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Marcellus";src:url(fonts/marcellus-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Marck Script";src:url(fonts/marck-script-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:"Marck Script";src:url(fonts/marck-script-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-ext-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}:root{
  --med:#1E6A93; --med-fonce:#174F6E; --volet:#5F86A6; --peche:#FBBF9A;
  --lin:#F6F1EA; --pierre:#E8DFD3; --blanc:#FFFFFF; --encre:#2B2622; --gris:#5A524B;
  --lavoir:#B8CCD6; --ciel:#8FB4D6; --peche-pale:#FDE3D2;
  --titre:"Marcellus",Georgia,serif; --texte:"Jost",system-ui,sans-serif; --script:"Marck Script",cursive;
  --rayon:32px; --bord:clamp(20px,4vw,64px); --large:1440px;
}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--lin);color:var(--encre);font-family:var(--texte);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}h1, h2, h3{font-family:var(--titre);font-weight:400;margin:0;line-height:1.02;text-wrap:balance;hyphens:none}p{margin:0}.enveloppe{max-width:var(--large);margin:0 auto;padding:0 var(--bord)}.etiquette, p.etiquette.etiquette{font-family:var(--texte);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.accent, :is(h1, h2, h3, h4, p, summary, li) em, p.accent.accent{color:var(--med)}.sur-bleu .accent, .sur-bleu :is(h1, h2, h3, h4, p, summary, li) em, .sur-bleu p.accent.accent{color:var(--peche)}.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--med);color:var(--lin);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:transform .3s,background .3s}.bouton:hover{background:var(--med-fonce);transform:translateY(-2px)}.bouton.peche{background:var(--peche);color:var(--encre)}.bouton.clair{background:var(--lin);color:var(--med)}.lien-souligne, p.lien-souligne.lien-souligne{font-size:15px;font-weight:500;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px}/* Le « ı » + point pêche, position mesurée dans Marck Script */
.isa{font-family:var(--script);font-weight:400;white-space:nowrap}.isa .i{position:relative;display:inline-block}.isa .i::after{content:"";position:absolute;left:calc(var(--pt-x,.1em) - .0675em);bottom:calc(var(--pt-y,.77em) - .0675em);width:.135em;height:.135em;border-radius:50%;background:var(--peche)}/* En-tête */
.entete{position:sticky;top:0;z-index:50;background:rgba(246,241,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(30,106,147,.12)}.entete .enveloppe{display:flex;align-items:center;justify-content:space-between;height:96px;gap:24px}.navigation{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.entete .logo img{height:58px;width:auto}.menu{display:flex;align-items:center;gap:30px}.menu a{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--med)}.menu a:hover{color:var(--encre)}.menu a.bouton{color:var(--lin);padding:0 22px;min-height:44px}.menu a.bouton:hover{color:var(--lin)}/* 1 · Accueil géant */
.hero{min-height:calc(100vh - 96px);padding:48px 0 0;overflow:hidden}.mot-geant{display:flex;align-items:baseline;justify-content:center;gap:.28em;color:var(--med);line-height:.9;font-size:clamp(46px,8.2vw,128px);margin:0}.mot-geant .isa{font-size:2.15em}.mot-geant .bel{font-family:var(--titre);letter-spacing:.06em}.filet{display:flex;align-items:center;gap:24px;margin:26px 0 54px;color:var(--med)}.filet::before, .filet::after{content:"";flex:1;height:1px;background:currentColor;opacity:.4}.hero-grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3.6fr);gap:40px;align-items:end}.hero-texte p{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--med);max-width:360px}.hero-texte .actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.pastilles{display:flex;gap:12px;align-items:flex-end;justify-content:center;padding-bottom:0}.pastilles span{width:58px;height:90px;border-radius:29px 29px 6px 6px;transform:translateY(40px);transition:transform 1s cubic-bezier(.2,.8,.2,1)}.charge .pastilles span{transform:translateY(0)}.pastilles span:nth-child(2){transition-delay:.08s}.pastilles span:nth-child(3){transition-delay:.16s}.pastilles span:nth-child(4){transition-delay:.24s}.pastilles span:nth-child(5){transition-delay:.32s}.pastilles span:nth-child(6){transition-delay:.4s}.pastilles span:nth-child(7){transition-delay:.48s}.hero-photo{position:relative;justify-self:end;width:100%;max-width:330px}.hero-photo::before{content:"";position:absolute;inset:-26px -26px auto auto;width:62%;height:44%;border-radius:var(--rayon);background:var(--peche)}.hero-photo img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:var(--rayon) var(--rayon) 0 0}/* 2 · Manifeste, bande pleine */
.manifeste{background:var(--med);color:var(--lin);padding:110px 0 70px}.manifeste .etiquette, .manifeste p.etiquette.etiquette{text-align:center;opacity:.75}.manifeste .grand{font-family:var(--titre);font-size:clamp(34px,5.4vw,78px);line-height:1.12;margin:48px 0 80px}.manifeste .grand .accent, .manifeste .grand :is(h1, h2, h3, h4, p, summary, li) em, .manifeste .grand p.accent.accent{color:var(--peche)}.manifeste .bas{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;font-size:14px;opacity:.9}.mot-revele{opacity:.25;transition:opacity .5s}.mot-revele.vu{opacity:1}/* Titres de section : titre à gauche, introduction à droite */
.tete{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:70px}.tete h2{font-size:clamp(46px,6.2vw,92px);color:var(--encre)}.tete p{max-width:360px;font-size:17px;color:var(--med);padding-top:12px}section{scroll-margin-top:90px}/* 3 · Une semaine, sans filtre : arches qui se remplissent */
.semaine{padding:140px 0 120px}.arches{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}.arche .forme{position:relative;aspect-ratio:3/4.3;border-radius:999px 999px 10px 10px;overflow:hidden}.arche .forme img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1)}.arche.vu .forme img{clip-path:inset(0 0 0 0)}.arche h3{font-size:24px;margin:20px 0 6px;color:var(--med)}.arche .etiquette, .arche p.etiquette.etiquette{font-size:10.5px;color:var(--encre)}.arche p{font-size:15px;line-height:1.45;margin-top:8px;color:var(--gris)}/* 4 · Quatre piliers, cartes décalées */
.piliers{padding:60px 0 150px}.cartes-piliers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}.pilier{position:relative;border-radius:var(--rayon);padding:34px 30px 38px;min-height:520px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .4s}.pilier:hover{transform:translateY(-8px)}.pilier:nth-child(2){margin-top:90px}.pilier:nth-child(3){margin-top:36px}.pilier:nth-child(4){margin-top:120px}.pilier .lettre, .pilier p.lettre.lettre{font-family:var(--titre);font-size:150px;line-height:.85}.pilier .marque, .pilier p.marque.marque{position:absolute;top:60px;right:30px;font-size:10px}.pilier h3{font-size:34px;margin-bottom:10px}.pilier .etiquette, .pilier p.etiquette.etiquette{font-size:11px;margin-bottom:12px;opacity:.85}.pilier p{font-size:15.5px;line-height:1.5}.p-lavoir{background:var(--lavoir);color:var(--encre)}.p-lavoir .lettre, .p-lavoir p.lettre.lettre{color:var(--med)}.p-med{background:var(--med);color:var(--lin)}.p-med .lettre, .p-med p.lettre.lettre{color:var(--peche)}.p-peche{background:var(--peche);color:var(--encre)}.p-peche .lettre, .p-peche p.lettre.lettre{color:var(--med)}.p-pierre{background:var(--pierre);color:var(--encre)}.p-pierre .lettre, .p-pierre p.lettre.lettre{color:var(--med)}/* 5 · Ce qui me fait du bien : tableau qui s'éclate */
.tableau{padding:40px 0 140px}.mur{position:relative;height:760px}.tuile{position:absolute;left:50%;top:50%;border-radius:22px;overflow:hidden;transform:translate(-50%,-50%) scale(.45);transition:transform 1.3s cubic-bezier(.2,.8,.2,1),left 1.3s cubic-bezier(.2,.8,.2,1),top 1.3s cubic-bezier(.2,.8,.2,1);box-shadow:0 18px 40px -22px rgba(43,38,34,.45)}.tuile img{width:100%;height:100%;object-fit:cover}.tuile.mot{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;font-family:var(--titre);line-height:1.05}.mur.eclate .tuile{transform:translate(-50%,-50%) scale(1)}.mur.eclate .t1{left:14%;top:30%}.mur.eclate .t2{left:38%;top:20%}.mur.eclate .t3{left:62%;top:28%}.mur.eclate .t4{left:86%;top:22%}.mur.eclate .t5{left:22%;top:74%}.mur.eclate .t6{left:47%;top:72%}.mur.eclate .t7{left:70%;top:76%}.mur.eclate .t8{left:90%;top:70%}.t1{width:250px;height:300px}.t2{width:240px;height:150px}.t3{width:220px;height:280px}.t4{width:200px;height:240px}.t5{width:300px;height:170px}.t6{width:210px;height:260px}.t7{width:220px;height:190px}.t8{width:190px;height:230px}/* 6 · Routines du moment : image collante */
.routines{padding:40px 0 140px}.routines-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:70px}.colle{position:sticky;top:120px;height:calc(100vh - 170px);max-height:720px;border-radius:var(--rayon);background:var(--lavoir);overflow:hidden}.colle .arche-img{position:absolute;left:12%;right:12%;top:12%;bottom:0;border-radius:999px 999px 0 0;overflow:hidden}.colle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s,transform 1.2s}.colle .actif img{opacity:1;transform:scale(1)}.colle .bas-colle{position:absolute;left:0;right:0;bottom:0;height:22%;background:var(--med)}.routine{min-height:72vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(30,106,147,.25);padding:40px 0}.routine h3{font-size:clamp(36px,3.8vw,54px);color:var(--encre)}.routine .etiquette, .routine p.etiquette.etiquette{color:var(--med);margin:14px 0 18px;font-size:11.5px}.routine p{max-width:440px;color:var(--gris)}.routine ol{margin:20px 0 28px;padding-left:20px;color:var(--encre);max-width:440px}.routine li{margin-bottom:6px}.routine .duree{font-family:var(--titre);font-size:40px;color:var(--med);margin-bottom:18px}/* 7 · Derniers partages */
.partages{padding:40px 0 140px}.partages-grille{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:60px}.colonne-mot{position:relative;border-radius:var(--rayon);background:var(--volet);min-height:640px;overflow:hidden;display:flex;align-items:center;justify-content:center}.colonne-mot p{font-family:var(--titre);font-size:150px;line-height:.85;color:var(--lin);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.colonne-mot .point{position:absolute;bottom:40px;right:40px;width:26px;height:26px;border-radius:50%;background:var(--peche)}.note{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;padding:34px 0;border-top:1px solid rgba(30,106,147,.25)}.note img{width:200px;height:200px;object-fit:cover;border-radius:22px}.note .pastille, .note p.pastille.pastille{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border:1px solid var(--med);border-radius:999px;color:var(--med)}.note h3{font-size:34px;margin:14px 0 10px}.note p{color:var(--gris);font-size:16px}.note .meta{display:flex;gap:24px;align-items:center;margin-top:16px;font-size:12px;letter-spacing:.14em;font-weight:600;text-transform:uppercase}/* 8 · Lettre */
.lettre, /* 8 · Lettre */
p.lettre.lettre{padding:40px 0 150px}.lettre-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:50px;align-items:center}.lettre .photo, p.lettre.lettre .photo{border-radius:999px 999px var(--rayon) var(--rayon);overflow:hidden;aspect-ratio:4/5}.lettre .photo img, p.lettre.lettre .photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.carte-lettre{background:var(--pierre);border-radius:var(--rayon);padding:64px 64px 56px;margin-left:-110px;position:relative;box-shadow:0 30px 60px -40px rgba(43,38,34,.5)}.carte-lettre h2{font-size:clamp(46px,5.2vw,78px);margin-bottom:30px}.carte-lettre p{margin-bottom:18px;font-size:17px;max-width:560px}.signature{display:flex;align-items:center;gap:22px;margin-top:30px}.signature .isa{font-size:76px;color:var(--med);line-height:1}/* 9 · Rejoindre Les Éclatantes */
.rejoindre{padding:30px 0 150px}.rejoindre .tete{flex-direction:row-reverse;text-align:right}.rejoindre .tete p{text-align:right}.formules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.formule{border-radius:var(--rayon);padding:40px 36px 36px;display:flex;flex-direction:column}.formule .haut{display:flex;justify-content:space-between;align-items:flex-start}.formule .mini{font-family:var(--script);font-size:30px;line-height:1}.formule h3{font-size:36px;margin:28px 0 8px}.formule .gros{font-family:var(--titre);font-size:52px;line-height:1;margin:6px 0 4px}.formule .pour{font-size:15px;opacity:.85;padding-bottom:26px;border-bottom:1px solid currentColor;margin-bottom:24px}.formule ul{list-style:none;padding:0;margin:0 0 36px;font-size:15.5px}.formule li{padding-left:22px;position:relative;margin-bottom:10px}.formule li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:currentColor}.formule .bouton{margin-top:auto;align-self:flex-start}.f-lavoir{background:var(--lavoir)}.f-med{background:var(--med);color:var(--lin)}.f-med li::before{background:var(--peche)}.f-peche{background:var(--peche-pale)}.mention{margin-top:28px;font-size:14px;color:var(--gris);max-width:760px}/* 10 · FAQ */
.faq{padding:20px 0 140px}.faq-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px}.faq h2{font-size:clamp(46px,6vw,88px)}.faq .intro{margin-top:24px;color:var(--med);max-width:340px}details{border-top:1px solid rgba(30,106,147,.3)}details:last-child{border-bottom:1px solid rgba(30,106,147,.3)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-family:var(--titre);font-size:26px;color:var(--encre)}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-family:var(--texte);font-size:28px;color:var(--med);transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details p{padding:0 0 26px;color:var(--gris);max-width:620px}/* 11 · Contact */
.contact{padding:20px 0 150px}.contact-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px;align-items:start}.contact .photo{border-radius:999px 999px var(--rayon) var(--rayon);overflow:hidden;aspect-ratio:4/5.4;position:sticky;top:120px}.contact .photo img{width:100%;height:100%;object-fit:cover}.contact h2{font-size:clamp(46px,6vw,88px);margin-bottom:36px}.infos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-bottom:44px}.infos .etiquette, .infos p.etiquette.etiquette{font-size:11px;color:var(--med);margin-bottom:6px}.infos p{font-size:16px}.formulaire{background:var(--pierre);border-radius:var(--rayon);padding:44px}.champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.champ{display:flex;flex-direction:column;gap:8px}.champ.plein{grid-column:1 / -1}.champ label{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--med)}.champ input, .champ select, .champ textarea{font:inherit;font-size:17px;color:var(--encre);background:transparent;border:0;border-bottom:1.5px solid rgba(30,106,147,.45);padding:10px 0;border-radius:0}.champ textarea{min-height:110px;resize:vertical}.champ input:focus, .champ select:focus, .champ textarea:focus{outline:none;border-bottom-color:var(--med)}.formulaire .bouton{margin-top:32px;border:0;cursor:pointer}/* 12 · Pied de page */
.pied{background:var(--peche);color:var(--encre);padding:90px 0 36px;overflow:hidden}.pied .mot-geant{color:var(--med);margin-bottom:70px}.pied .isa .i::after{background:var(--lin)}.pied-colonnes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:36px;border-top:1px solid rgba(43,38,34,.3)}.pied-colonnes .etiquette, .pied-colonnes p.etiquette.etiquette{font-size:11px;margin-bottom:10px;color:var(--med-fonce)}.pied-colonnes p, .pied-colonnes a{font-size:15.5px;display:block}.pied-colonnes a{text-decoration:none;border-bottom:1px solid rgba(43,38,34,.4);width:fit-content;margin-bottom:6px}.legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;font-size:13px}.legal a{text-decoration:none;border-bottom:1px solid currentColor;margin-left:22px}/* Apparition douce */
.apparait{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.apparait.vu{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
*, *::before, *::after{transition:none!important}.apparait, .mot-revele{opacity:1;transform:none}.arche .forme img{clip-path:none}.pastilles span{transform:none}
}

/* Tablette */
@media (max-width:1080px){
.menu a:not(.bouton){display:none}.hero-grille{grid-template-columns:1fr 1fr}.pastilles{grid-column:1 / -1;order:3}.arches{grid-template-columns:repeat(4,minmax(0,1fr))}.cartes-piliers{grid-template-columns:repeat(2,minmax(0,1fr))}.pilier:nth-child(n){margin-top:0}.mur{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tuile, .mur.eclate .tuile{position:relative;left:auto!important;top:auto!important;width:auto!important;height:240px!important;transform:none}.routines-grille, .partages-grille, .lettre-grille, .faq-grille, .contact-grille{grid-template-columns:1fr}.colle{position:relative;top:0;height:520px}.routine{min-height:auto}.colonne-mot{min-height:280px}.colonne-mot p{writing-mode:horizontal-tb;transform:none;font-size:90px}.carte-lettre{margin-left:0;margin-top:-80px}.formules{grid-template-columns:1fr}.contact .photo{position:relative;top:0;aspect-ratio:4/3}.pied-colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Téléphone */
@media (max-width:640px){
body{font-size:16px}.entete .enveloppe{height:70px}.entete .logo img{height:46px}.menu .bouton{min-height:44px;padding:0 18px;font-size:11px}.hero{min-height:auto;padding-top:30px}.mot-geant{flex-direction:column;align-items:center;gap:0;font-size:22vw}.mot-geant .bel{font-size:.62em}.filet{font-size:10px;gap:6px 14px;text-align:center;flex-wrap:wrap;justify-content:center}.filet::before, .filet::after{display:none}.filet span:nth-child(2){order:3;flex-basis:100%}.hero-grille{grid-template-columns:1fr;gap:30px}.hero-photo{justify-self:center}.pastilles span{width:34px;height:56px}.tete{flex-direction:column;gap:16px;margin-bottom:40px}.rejoindre .tete{flex-direction:column;text-align:left}.rejoindre .tete p{text-align:left}.manifeste{padding:80px 0 50px}.manifeste .bas{flex-direction:column;align-items:flex-start}.semaine{padding:90px 0 70px}.arches{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cartes-piliers{grid-template-columns:1fr}.pilier{min-height:380px}.mur{grid-template-columns:1fr 1fr}.tuile, .mur.eclate .tuile{height:170px!important}.note{grid-template-columns:1fr}.note img{width:100%;height:220px}.carte-lettre{padding:40px 26px}.formulaire{padding:28px 22px}.champs, .infos{grid-template-columns:1fr}.pied-colonnes{grid-template-columns:1fr}
}/* Signature sous le nom géant */
.signature-hero{font-family:var(--titre);font-size:clamp(20px,2.1vw,30px);letter-spacing:.02em;margin:30px 0 56px}/* Réseaux sociaux */
.reseaux{display:flex;gap:8px;list-style:none;margin:0;padding:0}.reseaux a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--med);border:1px solid rgba(30,106,147,.28);transition:background .3s,color .3s,border-color .3s,transform .3s}.reseaux svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.reseaux svg .plein{fill:currentColor;stroke:none}.reseaux a:hover{background:var(--peche);border-color:var(--peche);color:var(--med);transform:translateY(-2px)}.reseaux-entete{padding-right:2px}.reseaux-pied{gap:10px;flex-wrap:wrap}.reseaux-pied a{width:44px;height:44px;border-color:rgba(30,106,147,.45)}.reseaux-pied svg{width:20px;height:20px}.reseaux-pied a:hover{background:var(--med);border-color:var(--med);color:var(--lin)}
@media (max-width:1080px){.reseaux-entete{display:none}.entete .enveloppe{height:84px}.hero{min-height:calc(100vh - 84px)}}
@media (max-width:640px){.signature-hero{font-size:19px;margin:22px 0 40px}.entete .enveloppe{height:70px}}.pied-colonnes .reseaux-pied a{display:grid;width:44px;margin:0;border:1px solid rgba(30,106,147,.45)}.pied-colonnes .reseaux-pied a:hover{border-color:var(--med)}.pied-colonnes .reseaux-pied{gap:8px;flex-wrap:nowrap}.pied-colonnes .reseaux-pied a{width:40px;height:40px}button, input, select, textarea{font-family:inherit}/* « ısa » repris du logo (tracé vectoriel) */
.isa-svg{display:block;height:1.25em;width:auto;overflow:visible;color:var(--med);flex:none;transform:translateY(.04em)}.isa-svg .point{fill:var(--peche)}.pied .isa-svg .point{fill:var(--lin)}.signature .isa-svg{height:46px;transform:none}
@media (max-width:640px){.mot-geant .isa-svg{height:1.9em;transform:none;margin-bottom:.12em}}/* ====== Effets repris de la référence ====== */
/* Apparition du nom au chargement */
.mot-geant .isa-svg{opacity:0;transform:translateY(.25em) scale(.96);transition:opacity 1.1s ease,transform 1.3s cubic-bezier(.2,.8,.2,1)}.mot-geant .isa-svg .point{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .8s cubic-bezier(.3,1.6,.5,1) 1s}.charge .mot-geant .isa-svg{opacity:1;transform:translateY(.04em)}.charge .mot-geant .isa-svg .point{transform:scale(1)}.lettre-anim{display:inline-block;opacity:0;transform:translateY(.6em);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.charge .lettre-anim{opacity:1;transform:none}.signature-hero{opacity:0;transition:opacity 1.2s ease 1s}.charge .signature-hero{opacity:1}.pied .isa-svg, .pied .lettre-anim{opacity:1!important;transform:none!important}/* 1 · L'arche qui s'ouvre au défilement */
.ouverture{position:relative;height:260vh;--p:0;--q:0}.ouverture-colle{position:sticky;top:0;height:100vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.ouverture-arche{position:absolute;inset:0;background:var(--med);color:var(--lin);
  clip-path:inset(calc(var(--h0) * (1 - var(--p))) calc(var(--l0) * (1 - var(--p))) 0 calc(var(--l0) * (1 - var(--p))) round calc(var(--r0) * (1 - var(--p))) calc(var(--r0) * (1 - var(--p))) 0 0);
  display:flex;align-items:center;--h0:30vh;--l0:36vw;--r0:14vw}.ouverture .manifeste{background:none;padding:0;width:100%;opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 40px))}.ouverture .manifeste .grand{font-size:clamp(26px,3.7vw,58px);margin:30px 0 40px}.mot-revele{transition:opacity .35s ease}/* 2 · Arches colorées qui laissent place aux photos */
.arche .forme img{clip-path:none;transition:none;transform:translateY(calc((1 - var(--a,0)) * 102%)) scale(calc(1.18 - var(--a,0) * .18))}.arche .forme{isolation:isolate}.arche .forme::after{content:"";position:absolute;inset:0;background:inherit;opacity:calc(1 - var(--a,0));transform:translateY(calc(var(--a,0) * -100%));pointer-events:none}.arche.vu .forme img{clip-path:none}/* 3 · Pile de photos qui s'envole à gauche et à droite */
.tableau{position:relative}[data-pile]{height:auto}.pile-active[data-pile]{height:240vh;padding-bottom:0}.pile-active .pile-colle{position:sticky;top:96px;height:calc(100vh - 96px);display:flex;align-items:center}.pile-active .mur{width:100%;height:min(760px,calc(100vh - 140px))}.pile-active .mur .tuile, .pile-active .mur.eclate .tuile{transition:none;transform:translate(-50%,-50%) translate(var(--x,0px),var(--y,0px)) rotate(var(--r,0deg)) scale(var(--s,1))}.pile-active .mur.eclate .tuile{left:50%;top:50%}/* 4 · Formules : cartes qui se retournent */
.carte{perspective:1600px}.carte-in{display:grid;height:100%;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform 1.2s cubic-bezier(.3,.7,.2,1)}.carte.vu .carte-in{transform:rotateY(0)}.carte .face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.carte .dos{transform:rotateY(180deg);border-radius:var(--rayon);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;position:relative;overflow:hidden}.dos-svg{height:96px;transform:none}.dos .point{fill:var(--peche)}.f-med .mini-svg .point, .dos.fond-med.texte-peche .point{fill:var(--lin)}.dos-motif{position:absolute;inset:18px;border:1px solid currentColor;border-radius:calc(var(--rayon) - 12px);opacity:.35}.mini-svg{height:30px;transform:none;color:var(--med)}.f-med .mini-svg{color:var(--peche)}.carte:hover .carte-in{transform:rotateY(0) translateY(-6px)}/* Survols et parallaxe */
.pilier, .formule, .tuile, .article-carte{will-change:transform}.pilier{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.pilier:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 24px 50px -24px rgba(30,106,147,.45)}[data-parallaxe]{transform:translateY(var(--py,0px));will-change:transform}.bouton{will-change:transform}

@media (max-width:1080px){
.ouverture{height:200vh}.ouverture-arche{--h0:22vh;--l0:20vw;--r0:30vw}
}
@media (max-width:640px){
.ouverture .manifeste .grand{font-size:23px;margin:22px 0 26px}.ouverture-arche{--h0:26vh;--l0:14vw;--r0:36vw}
}
@media (prefers-reduced-motion:reduce){
.ouverture{height:auto}.ouverture-colle{position:relative;height:auto;padding:90px 0}.ouverture-arche{position:relative;clip-path:none}.ouverture .manifeste{opacity:1;transform:none}.arche .forme img{transform:none}.arche .forme::after{display:none}.carte-in{transform:none;transition:none}.mot-geant .isa-svg, .lettre-anim, .signature-hero{opacity:1;transform:none;transition:none}
}.pile-active > .enveloppe{height:100%}.pile-active .pile-colle{flex-direction:column;align-items:stretch;justify-content:center}.pile-active .tete{margin-bottom:10px}.dos-svg{color:inherit}/* v3 · l'arche part de la pastille bleue du milieu */
.arche-volante{position:fixed;left:0;top:0;width:0;height:0;background:var(--med);z-index:40;pointer-events:none;display:none;will-change:left,top,width,height}.ouverture{height:200vh}.ouverture-arche{clip-path:none!important;opacity:var(--plein,0)}.ouverture-colle{background:transparent}.carte-in{transition:none;transform:rotateY(var(--ry,180deg))}.carte.vu .carte-in, .carte:hover .carte-in{transform:rotateY(var(--ry,180deg))}
/* le point pêche qui sautille */
@keyframes saut{0%,58%,100%{transform:translateY(0) scale(1,1)}8%{transform:translateY(0) scale(1.18,.82)}22%{transform:translateY(-120%) scale(.94,1.06)}36%{transform:translateY(0) scale(1.14,.86)}44%{transform:translateY(-38%) scale(1,1)}52%{transform:translateY(0) scale(1.06,.94)}}.charge .hero .isa-svg .point{animation:saut 2.6s cubic-bezier(.4,0,.3,1) 2.2s infinite}
@media (prefers-reduced-motion:reduce){.arche-volante{display:none!important}.ouverture-arche{opacity:1}.carte-in{transform:none}.charge .hero .isa-svg .point{animation:none}}[data-glisse]{overflow:visible}[data-glisse-de]{will-change:transform}.rejoindre{overflow-x:clip}
/* Balancement continu du portrait et des arches de couleur (haut de page) */
@keyframes balance{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes balance-photo{0%,100%{translate:0 6px}50%{translate:0 -12px}}.hero-photo img{animation:balance-photo 6s ease-in-out infinite}.hero-photo::before{animation:balance 7s ease-in-out -2s infinite}.pastilles span{animation:balance 4.2s ease-in-out infinite}.pastilles span:nth-child(1){animation-delay:-.0s}.pastilles span:nth-child(2){animation-delay:-.6s}.pastilles span:nth-child(3){animation-delay:-1.2s}.pastilles span:nth-child(4){animation-delay:-1.8s}.pastilles span:nth-child(5){animation-delay:-2.4s}.pastilles span:nth-child(6){animation-delay:-3s}.pastilles span:nth-child(7){animation-delay:-3.6s}
@media (prefers-reduced-motion:reduce){.hero-photo img,.hero-photo::before,.pastilles span{animation:none}}/* ====== Pages internes (phase 3) ====== */
.menu a.actif:not(.bouton){color:var(--encre);box-shadow:inset 0 -2px 0 var(--peche);padding-bottom:4px}.menu a.bouton.actif{background:var(--encre)}.pied-colonnes{grid-template-columns:1fr 1.2fr 1.4fr 1fr 1fr}/* En-tête de page */
.hero-page{padding:70px 0 40px;overflow:hidden;position:relative}.hero-page-grille{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:60px;align-items:end}.fil{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--med);margin-bottom:34px;display:flex;gap:10px;align-items:center}.fil a{text-decoration:none;opacity:.7}.fil a:hover{opacity:1}.fil i{width:5px;height:5px;border-radius:50%;background:var(--peche);display:inline-block}.hero-page h1{font-size:clamp(46px,6.6vw,104px);line-height:.98;color:var(--encre)}.hero-page h1 .ligne{display:block;overflow:hidden;padding-bottom:.06em}.hero-page h1 .ligne > span{display:inline-block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.charge .hero-page h1 .ligne > span{transform:none}.hero-page h1 .ligne:nth-child(2) > span{transition-delay:.12s}.hero-page h1 .ligne:nth-child(3) > span{transition-delay:.24s}.hero-page .chapo{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--med);max-width:560px;margin-top:34px;opacity:0;transform:translateY(20px);transition:opacity 1s .4s,transform 1s .4s}.charge .hero-page .chapo, .charge .hero-page .actions{opacity:1;transform:none}.hero-page .actions{margin-top:34px;opacity:0;transform:translateY(20px);transition:opacity 1s .55s,transform 1s .55s}.arche-hero{position:relative;margin:0;justify-self:end;width:100%;max-width:440px}.arche-hero::before{content:"";position:absolute;width:58%;height:46%;right:-30px;top:-30px;border-radius:var(--rayon);background:var(--peche);animation:balance 7s ease-in-out -2s infinite}.arche-hero img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px var(--rayon) var(--rayon);animation:balance-photo 6s ease-in-out infinite}.arche-hero.bleu::before{background:var(--lavoir)}.pastilles-page{display:flex;gap:10px;margin-top:60px}.pastilles-page span{width:40px;height:62px;border-radius:20px 20px 5px 5px;animation:balance 4.2s ease-in-out infinite}.pastilles-page span:nth-child(2){animation-delay:-.7s}.pastilles-page span:nth-child(3){animation-delay:-1.4s}.pastilles-page span:nth-child(4){animation-delay:-2.1s}.pastilles-page span:nth-child(5){animation-delay:-2.8s}/* Bloc de section générique */
.bloc{padding:110px 0}.bloc.serre{padding:60px 0}.sur-pierre{background:var(--pierre)}.bande{background:var(--med);color:var(--lin);padding:110px 0}.bande h2{font-size:clamp(40px,5.4vw,82px)}.bande .accent, .bande :is(h1, h2, h3, h4, p, summary, li) em, .bande p.accent.accent{color:var(--peche)}.bande .grand{font-family:var(--titre);font-size:clamp(26px,3.2vw,46px);line-height:1.2;max-width:1100px}.bande-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.bande-cta p{max-width:520px;margin-top:20px;opacity:.9}/* Frise (Qui suis-je) */
.frise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}.frise::before{content:"";position:absolute;left:0;right:0;top:44px;height:1px;background:rgba(30,106,147,.3)}.etape{position:relative;padding-top:0}.etape .age, .etape p.age.age{font-family:var(--titre);font-size:76px;line-height:1;color:var(--med);background:var(--lin);padding-right:16px;display:inline-block;position:relative}.etape .age sup, .etape p.age.age sup{font-size:22px;margin-left:4px}.etape:nth-child(even){margin-top:80px}.etape h3{font-size:30px;margin:24px 0 12px}.etape p{color:var(--gris);font-size:16px}.etape .rond{position:absolute;right:0;top:36px;width:16px;height:16px;border-radius:50%;background:var(--peche)}/* Valeurs */
.valeurs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.valeur{border-radius:var(--rayon);padding:40px 36px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.valeur .chiffre, .valeur p.chiffre.chiffre{font-family:var(--titre);font-size:64px;line-height:1}.valeur h3{font-size:30px;margin:26px 0 10px}.valeur p{font-size:16px;line-height:1.5}.valeur:nth-child(2){transform:translateY(50px)}/* Engagement / transparence */
.engagement{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px;align-items:start}.engagement ul{list-style:none;padding:0;margin:0}.engagement li{padding:22px 0;border-top:1px solid rgba(30,106,147,.25);display:grid;grid-template-columns:56px 1fr;gap:16px;font-size:17px}.engagement li strong{font-family:var(--titre);font-weight:400;font-size:28px;color:var(--med);line-height:1}/* Filtres */
.filtres{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px}.filtres .filtre{font:inherit;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:12px 22px;border-radius:999px;border:1px solid var(--med);background:transparent;color:var(--med);cursor:pointer;transition:background .3s,color .3s}.filtres .filtre:hover{background:var(--peche-pale)}.filtres .filtre[aria-pressed="true"]{background:var(--med);color:var(--lin)}[data-categorie].masque{display:none}/* Fiches routine */
.fiches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.fiche{background:var(--blanc);border-radius:var(--rayon);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.fiche:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(30,106,147,.5)}.fiche .visuel{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--lavoir)}.fiche .visuel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.fiche:hover .visuel img{transform:scale(1.06)}.fiche .chrono, .fiche p.chrono.chrono{position:absolute;left:18px;top:18px;background:var(--lin);color:var(--med);font-family:var(--titre);font-size:22px;padding:6px 16px;border-radius:999px}.fiche .corps{padding:28px 30px 32px;display:flex;flex-direction:column;flex:1}.fiche h3{font-size:30px;margin:12px 0 10px}.fiche p{color:var(--gris);font-size:15.5px}.fiche .pour{font-size:13px;margin-top:16px;color:var(--encre)}.fiche .pour b{color:var(--med);font-weight:600}.fiche .lien-souligne, .fiche p.lien-souligne.lien-souligne{margin-top:auto;padding-top:22px;align-self:flex-start}.pastille, p.pastille.pastille{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border:1px solid var(--med);border-radius:999px;color:var(--med);width:fit-content}/* Méthode de test (Avis) */
.methode{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.methode .pas{border-top:2px solid var(--med);padding-top:24px}.methode .num, .methode p.num.num{font-family:var(--titre);font-size:54px;color:var(--peche);line-height:1}.methode h3{font-size:26px;margin:16px 0 10px;color:var(--med)}.methode p{font-size:15.5px;color:var(--gris)}/* Verdicts */
.verdicts{display:grid;gap:30px}.verdict{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:50px;background:var(--blanc);border-radius:var(--rayon);padding:30px;align-items:center}.verdict:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,4fr)}.verdict:nth-child(even) .visuel{order:2}.verdict .visuel{aspect-ratio:1;border-radius:999px 999px 22px 22px;overflow:hidden}.verdict .visuel img{width:100%;height:100%;object-fit:cover}.verdict h3{font-size:clamp(32px,3vw,46px);margin:14px 0 20px}.verdict .grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:10px 0 24px}.verdict .grille div{background:var(--lin);border-radius:18px;padding:18px}.verdict .grille .etiquette, .verdict .grille p.etiquette.etiquette{font-size:10.5px;color:var(--med);display:block;margin-bottom:8px}.verdict .grille p{font-size:15px;line-height:1.45}.rachat{display:flex;align-items:center;gap:14px;font-family:var(--titre);font-size:24px}.rachat .jauge{display:flex;gap:6px}.rachat .jauge i{width:14px;height:14px;border-radius:50%;background:var(--pierre)}.rachat .jauge i.on{background:var(--peche)}.mention-avis{font-size:13px;color:var(--gris);margin-top:30px;max-width:780px}/* Blog */
.une{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:50px;align-items:center;margin-bottom:80px}.une .visuel{border-radius:var(--rayon);overflow:hidden;aspect-ratio:16/11}.une .visuel img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.une:hover .visuel img{transform:scale(1.04)}.une h2{font-size:clamp(40px,4.4vw,66px);margin:18px 0 20px}.une p{color:var(--gris)}.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.article-carte{text-decoration:none;display:block}.article-carte .visuel{aspect-ratio:4/5;border-radius:999px 999px 22px 22px;overflow:hidden;background:var(--pierre)}.article-carte:nth-child(3n+2) .visuel{border-radius:22px}.article-carte .visuel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.article-carte:hover .visuel img{transform:scale(1.06)}.article-carte h3{font-size:28px;margin:16px 0 8px}.article-carte p{color:var(--gris);font-size:15.5px}.article-carte .meta{font-size:11.5px;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--med);margin-top:12px}.lettre-info{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:50px;align-items:end}.lettre-info form{display:flex;gap:12px;flex-wrap:wrap}.lettre-info input{flex:1;min-width:220px;font:inherit;padding:0 24px;height:56px;border-radius:999px;border:1px solid rgba(246,241,234,.5);background:transparent;color:var(--lin)}.lettre-info input::placeholder{color:rgba(246,241,234,.7)}.lettre-info small{display:block;width:100%;font-size:12.5px;opacity:.75;margin-top:6px}/* Les Éclatantes */
.cercle{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:60px;align-items:center}.cercle .visuel{position:relative;aspect-ratio:1}.cercle .visuel img{position:absolute;object-fit:cover;box-shadow:0 26px 50px -30px rgba(43,38,34,.5)}.cercle .visuel figure:nth-child(1) img{left:0;top:6%;width:56%;height:70%;border-radius:999px 999px 24px 24px}.cercle .visuel figure:nth-child(2) img{right:0;top:0;width:40%;height:46%;border-radius:24px}.cercle .visuel figure:nth-child(3) img{right:6%;bottom:0;width:46%;height:46%;border-radius:24px 24px 999px 999px}.cercle h2{font-size:clamp(44px,5vw,76px);margin-bottom:28px}.cercle p{color:var(--gris);margin-bottom:16px;max-width:520px}.liste-ronds{list-style:none;padding:0;margin:26px 0 34px}.liste-ronds li{padding-left:28px;position:relative;margin-bottom:12px}.liste-ronds li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--peche)}.equipe{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px}.equipe h2{font-size:clamp(44px,5.4vw,82px)}.questions-vraies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.questions-vraies div{background:rgba(246,241,234,.08);border:1px solid rgba(246,241,234,.25);border-radius:24px;padding:28px}.questions-vraies h3{font-size:24px;margin-bottom:10px;color:var(--peche)}.questions-vraies p{font-size:15.5px;opacity:.92}/* Contact */
.canaux{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.canal{border-radius:var(--rayon);padding:36px 32px;text-decoration:none;display:flex;flex-direction:column;gap:14px;min-height:240px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.canal:hover{transform:translateY(-6px)}.canal h3{font-size:30px}.canal p{font-size:15.5px}.canal .lien-souligne, .canal p.lien-souligne.lien-souligne{margin-top:auto;align-self:flex-start}

/* Tablette et mobile */
@media (max-width:1080px){
.hero-page-grille, .engagement, .une, .lettre-info, .cercle, .equipe{grid-template-columns:1fr}.arche-hero{justify-self:start;max-width:380px}.frise, .methode{grid-template-columns:repeat(2,minmax(0,1fr))}.frise::before{display:none}.valeurs, .fiches, .articles, .canaux{grid-template-columns:repeat(2,minmax(0,1fr))}.valeur:nth-child(2){transform:none}.verdict, .verdict:nth-child(even){grid-template-columns:1fr}.verdict:nth-child(even) .visuel{order:0}.verdict .visuel{aspect-ratio:16/10;border-radius:22px}.pied-colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.hero-page{padding:44px 0 20px}.frise, .methode, .valeurs, .fiches, .articles, .canaux, .questions-vraies{grid-template-columns:1fr}.etape:nth-child(even){margin-top:0}.verdict{padding:18px}.verdict .grille{grid-template-columns:1fr}.bloc, .bande{padding:80px 0}.pied-colonnes{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.hero-page h1 .ligne > span, .hero-page .chapo, .hero-page .actions{transform:none;opacity:1;transition:none}.arche-hero img, .arche-hero::before, .pastilles-page span{animation:none}
}main{overflow-x:clip}/* v4 · Semaine : l'arche monte, la photo se dévoile du haut vers le bas, puis le texte apparaît (et repart en remontant) */
.arche .forme{clip-path:inset(calc((1 - clamp(0, var(--a,0) * 1.6, 1)) * 38%) 0 0 0 round 999px 999px 10px 10px);border-radius:0;overflow:hidden}.arche .forme img{transform:scale(calc(1.12 - var(--a,0) * .12));clip-path:inset(0 0 calc((1 - var(--a,0)) * 100%) 0)}.arche .forme::after{display:none}.arche h3{opacity:clamp(0, calc((var(--a,0) - .35) / .4), 1);clip-path:inset(0 calc((1 - clamp(0, calc((var(--a,0) - .35) / .4), 1)) * 100%) -10% 0);transform:translateY(calc((1 - clamp(0, calc((var(--a,0) - .35) / .4), 1)) * 14px))}.arche .etiquette, .arche p.etiquette.etiquette{opacity:clamp(.55, calc(.55 + var(--a,0) * .45), 1)}.arche p:not(.etiquette){opacity:clamp(0, calc((var(--a,0) - .6) / .35), 1);transform:translateY(calc((1 - clamp(0, calc((var(--a,0) - .6) / .35), 1)) * 16px))}
@media (prefers-reduced-motion:reduce){.arche .forme{clip-path:none;border-radius:999px 999px 10px 10px}.arche .forme img{clip-path:none;transform:none}.arche h3, .arche p:not(.etiquette){opacity:1;clip-path:none;transform:none}}/* Menu mobile (tablette et téléphone) */
.burger{display:none;position:relative;width:48px;height:48px;border-radius:50%;border:1px solid rgba(30,106,147,.35);background:transparent;cursor:pointer;padding:0;margin-left:10px;color:var(--med)}.burger span{position:absolute;left:14px;right:14px;height:1.6px;background:currentColor;border-radius:2px;transition:transform .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1)}.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:27px}.burger i{position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--peche);transition:transform .4s}.menu-ouvert .burger span:nth-child(1){top:23px;transform:rotate(45deg)}.menu-ouvert .burger span:nth-child(2){top:23px;transform:rotate(-45deg)}.menu-ouvert .burger i{transform:scale(0)}.menu-mobile{position:fixed;left:0;right:0;top:var(--haut-entete,70px);bottom:0;background:var(--lin);z-index:49;display:flex;flex-direction:column;justify-content:space-between;padding:34px var(--bord) 40px;overflow-y:auto;opacity:0;transform:translateY(-12px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}.menu-mobile[hidden]{display:none}.menu-ouvert .menu-mobile{opacity:1;transform:none;pointer-events:auto}.menu-mobile nav{display:flex;flex-direction:column}.menu-mobile nav a{font-family:var(--titre);font-size:clamp(32px,8.5vw,48px);line-height:1.15;text-decoration:none;color:var(--encre);padding:8px 0;border-bottom:1px solid rgba(30,106,147,.15);overflow:hidden;display:flex;align-items:center;justify-content:space-between}.menu-mobile nav a span{display:inline-block;transform:translateY(105%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.menu-ouvert .menu-mobile nav a span{transform:none}.menu-mobile nav a:nth-child(2) span{transition-delay:.04s}.menu-mobile nav a:nth-child(3) span{transition-delay:.08s}.menu-mobile nav a:nth-child(4) span{transition-delay:.12s}.menu-mobile nav a:nth-child(5) span{transition-delay:.16s}.menu-mobile nav a:nth-child(6) span{transition-delay:.2s}.menu-mobile nav a:nth-child(7) span{transition-delay:.24s}.menu-mobile nav a:nth-child(8) span{transition-delay:.28s}.menu-mobile nav a.actif{color:var(--med)}.menu-mobile nav a.actif::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--peche)}.menu-mobile-bas{display:flex;flex-direction:column;gap:22px;margin-top:34px;align-items:flex-start}.reseaux-mobile a{width:42px;height:42px}.reseaux-mobile svg{width:19px;height:19px}body.menu-ouvert{overflow:hidden}
@media (max-width:1080px){.burger{display:inline-block}.navigation{flex-direction:row;align-items:center}}
@media (min-width:1081px){.menu-mobile{display:none!important}}
@media (max-width:420px){.menu .bouton{display:none}}/* Agenda (Ma semaine) */
.agenda{list-style:none;padding:0;margin:0}.agenda > .wp-block-group{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:30px;align-items:center;padding:30px 0;border-top:1px solid rgba(30,106,147,.25);transition:background .4s,padding .4s}.agenda > .wp-block-group:last-child{border-bottom:1px solid rgba(30,106,147,.25)}.agenda > .wp-block-group:hover{background:rgba(246,241,234,.6);padding-left:18px;padding-right:18px;border-radius:18px}.agenda .jour, .agenda p.jour.jour{font-family:var(--titre);font-size:54px;line-height:1;color:var(--med)}.agenda h3{font-size:30px;margin-bottom:6px}.agenda p{color:var(--gris);font-size:16px}.canal-pastille, p.canal-pastille.canal-pastille{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--med);border:1px solid var(--med);border-radius:999px;padding:9px 18px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.canal-pastille::before, p.canal-pastille.canal-pastille::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--peche)}.pied-colonnes .reseaux-pied{flex-wrap:wrap;max-width:260px}
@media (max-width:640px){.agenda > .wp-block-group{grid-template-columns:64px 1fr;gap:14px 18px}.agenda .jour, .agenda p.jour.jour{font-size:34px}.agenda h3{font-size:24px}.canal-pastille, p.canal-pastille.canal-pastille{grid-column:2;justify-self:start;white-space:normal}}.pied-colonnes .reseaux-pied{max-width:none;flex-wrap:wrap;gap:6px}.pied-colonnes .reseaux-pied a{width:36px;height:36px}.pied-colonnes .reseaux-pied svg{width:17px;height:17px}
@media (min-width:1081px){.pied-colonnes{grid-template-columns:1fr 1.15fr 1.75fr 1fr 1fr}.pied-colonnes .reseaux-pied{flex-wrap:nowrap}}
@media (max-width:640px){.pied-colonnes .reseaux-pied{gap:8px}.pied-colonnes .reseaux-pied a{width:40px;height:40px}}/* WhatsApp sous « Écrire » (pied de page) */
.pied-colonnes a.lien-whatsapp{display:inline-flex;align-items:center;gap:10px;margin-top:14px;border-bottom:0;width:auto}.rond-wa{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(30,106,147,.45);color:var(--med);transition:background .3s,color .3s,border-color .3s}.rond-wa svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rond-wa svg .plein{fill:currentColor;stroke:none}.lien-whatsapp:hover .rond-wa{background:var(--med);border-color:var(--med);color:var(--lin)}

/* ====== Classes issues des styles en ligne de la maquette ====== */
.fond-blanc.fond-blanc{background:var(--blanc)}
.fond-ciel.fond-ciel{background:var(--ciel)}
.fond-encre.fond-encre{background:var(--encre)}
.fond-gris.fond-gris{background:var(--gris)}
.fond-lavoir.fond-lavoir{background:var(--lavoir)}
.fond-lin.fond-lin{background:var(--lin)}
.fond-med.fond-med{background:var(--med)}
.fond-med-fonce.fond-med-fonce{background:var(--med-fonce)}
.fond-peche.fond-peche{background:var(--peche)}
.fond-peche-pale.fond-peche-pale{background:var(--peche-pale)}
.fond-pierre.fond-pierre{background:var(--pierre)}
.fond-volet.fond-volet{background:var(--volet)}
.texte-blanc.texte-blanc{color:var(--blanc)}
.texte-ciel.texte-ciel{color:var(--ciel)}
.texte-encre.texte-encre{color:var(--encre)}
.texte-gris.texte-gris{color:var(--gris)}
.texte-lavoir.texte-lavoir{color:var(--lavoir)}
.texte-lin.texte-lin{color:var(--lin)}
.texte-med.texte-med{color:var(--med)}
.texte-med-fonce.texte-med-fonce{color:var(--med-fonce)}
.texte-peche.texte-peche{color:var(--peche)}
.texte-peche-pale.texte-peche-pale{color:var(--peche-pale)}
.texte-pierre.texte-pierre{color:var(--pierre)}
.texte-volet.texte-volet{color:var(--volet)}
.s-1386d5.s-1386d5.s-1386d5{margin:0}
.s-720529.s-720529.s-720529{font-size:42px}
.s-f17b50.s-f17b50.s-f17b50{font-size:36px}
.s-4e34d9.s-4e34d9.s-4e34d9{font-size:30px}
.s-5371db.s-5371db.s-5371db{margin-top:10px}
.s-fc364d.s-fc364d.s-fc364d{margin:26px 0}
.s-4a909e.s-4a909e.s-4a909e{margin-top:18px}
.s-bb62a1.s-bb62a1.s-bb62a1{opacity:.75;margin-bottom:30px}
.s-af8f50.s-af8f50.s-af8f50{padding-top:130px}
.s-36618d.s-36618d.s-36618d{font-size:clamp(44px,5vw,76px)}
.s-5c36f1.s-5c36f1.s-5c36f1{margin-top:24px;max-width:380px}
.s-3ae1f6.s-3ae1f6.s-3ae1f6{margin-top:20px}
.s-116e33.s-116e33.s-116e33{text-decoration:none}
.s-b89a77.s-b89a77.s-b89a77{margin-top:22px}
.s-ad459d.s-ad459d.s-ad459d{opacity:.75;margin-bottom:20px}
.s-be2540.s-be2540.s-be2540{margin-bottom:18px}
.s-f4d20c.s-f4d20c.s-f4d20c{margin-top:24px;max-width:420px;opacity:.92}
.s-11f87e.s-11f87e.s-11f87e{margin-top:34px}

/* ==========================================================================
   Adaptations WordPress — tout ce qui précède est le CSS de la maquette, tel quel.
   ========================================================================== */

/* Espacement automatique de Gutenberg : coupé dans theme.json (blockGap 0px),
   filet de sécurité à spécificité nulle — jamais en .wp-block-group > * */
:where(.wp-block-group)>:where(*),:where(.wp-block-buttons){margin-block:0}
:where(.wp-block-post-content)>:where(*){margin-block:0}
figure.wp-block-image{margin:0}
img{height:auto}
.img-auto{margin:0}
.visuel>figure.wp-block-image{width:100%;height:100%}
.principal{overflow-x:clip}

/* Les titres utilisent <em> (format natif) à la place de span.accent */
:is(h1,h2,h3,h4,p,summary,li) em{font-style:normal}

/* Boutons : la pastille est le conteneur (classe .bouton posée par className),
   le lien en hérite et couvre toute la surface. Le groupe .wp-block-buttons
   s'efface pour que la mise en page reste celle de la maquette. */
body .wp-block-buttons.wp-block-buttons{display:contents}
.wp-block-buttons>.wp-block-button.bouton,.wp-block-button.bouton{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.wp-block-button.bouton>.wp-block-button__link{background:none;color:inherit;padding:0;border:0;border-radius:0;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;box-shadow:none;width:auto;display:inline;line-height:inherit}
.wp-block-button.bouton>.wp-block-button__link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.wp-block-button.bouton:focus-within{outline:3px solid var(--peche);outline-offset:3px}

/* Liens soulignés : la classe est sur le paragraphe */
p.lien-souligne{width:fit-content}
p.lien-souligne.lien-souligne{font-size:15px;font-weight:500;line-height:1.5;max-width:none}
p.lien-souligne a{color:inherit;text-decoration:none}
a{color:inherit}

/* Filtres en paragraphes (bouton = élément non natif) */
.filtres .filtre{cursor:pointer;user-select:none}

/* En-tête : template-part <header class="entete"> */
.admin-bar .entete{top:32px}
@media (max-width:782px){.admin-bar .entete{top:46px}}
.entete .logo{margin:0;line-height:0}
.entete .logo img{height:58px;width:auto}
.navigation-haut{display:flex;align-items:center;gap:30px}
.wp-block-navigation.menu .wp-block-navigation__container{gap:30px}
.wp-block-navigation.menu .wp-block-navigation-item__content{padding:0}
.wp-block-navigation.menu .wp-block-navigation-item__content{color:var(--med)}
.wp-block-navigation.menu .wp-block-navigation-item__content:hover{color:var(--encre)}
.wp-block-navigation.menu a.actif{color:var(--encre);box-shadow:inset 0 -2px 0 var(--peche);padding-bottom:4px}
.nav-bouton .bouton{padding:0 22px;min-height:44px}
.nav-bouton .bouton.actif{background:var(--encre)}
@media (max-width:1080px){.wp-block-navigation.menu{display:none}.nav-bouton .bouton{min-height:44px;padding:0 18px;font-size:11px}}
@media (max-width:640px){.entete .logo img{height:46px}}
@media (max-width:420px){.nav-bouton{display:none}}

/* Réseaux : bloc natif core/social-links habillé comme la maquette */
.wp-block-social-links.reseaux{display:flex;gap:8px;margin:0;padding:0;font-size:inherit}
.wp-block-social-links.reseaux .wp-social-link.wp-social-link{background:none;color:var(--med);margin:0;padding:0;border-radius:0;transform:none}
.wp-block-social-links.reseaux .wp-social-link a{padding:0;display:flex;align-items:center;justify-content:center}
.wp-block-social-links.reseaux .wp-social-link svg{width:16px;height:16px;fill:currentColor;stroke:none}
.pied-colonnes .wp-block-social-links.reseaux-pied .wp-social-link svg{width:17px;height:17px}
.menu-mobile .wp-block-social-links.reseaux-mobile .wp-social-link svg{width:18px;height:18px}

/* WhatsApp sous « Écrire » */
p.lien-whatsapp{margin-top:14px}
.pied-colonnes p.lien-whatsapp a{display:inline-flex;align-items:center;gap:10px;border-bottom:0;width:auto}
p.lien-whatsapp a::before{content:"";width:36px;height:36px;border-radius:50%;border:1px solid rgba(30,106,147,.45);flex:none;
  background:center/17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E6A93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 19.8l1.1-3.9A8.3 8.3 0 1 1 8.4 19z'/%3E%3Cpath fill='%231E6A93' stroke='none' d='M9 8.3c.2-.5.5-.6.8-.6h.5c.2 0 .4.1.5.4l.7 1.6c.1.2 0 .4-.1.6l-.5.6c-.1.1-.1.3 0 .5.6 1 1.4 1.8 2.5 2.4.2.1.4.1.5 0l.6-.7c.2-.2.4-.2.6-.1l1.5.7c.3.1.4.3.4.5 0 .5-.2 1.1-.6 1.4-.5.4-1.2.6-2 .4-2.6-.6-5-3-5.6-5.6-.1-.6 0-1.2.2-1.7z'/%3E%3C/svg%3E");transition:background-color .3s}
p.lien-whatsapp a:hover::before{background-color:var(--peche-pale)}

/* Contact Form 7 aux couleurs de la maquette */
.wpcf7 .champ .wpcf7-form-control-wrap{display:block}
.wpcf7 .champ input,.wpcf7 .champ select,.wpcf7 .champ textarea{width:100%;display:block}
.wpcf7 .champ textarea{height:110px}
.wpcf7 .bouton{display:inline-flex}
.wpcf7-spinner{display:none}
.wpcf7-not-valid-tip{font-size:13px;color:#A8452B;margin-top:6px}
.wpcf7 form .wpcf7-response-output{margin:24px 0 0;border:1px solid var(--med);border-radius:16px;padding:14px 18px;font-size:15px;color:var(--med)}
.lettre-info .wpcf7 form{display:flex;gap:12px;flex-wrap:wrap}
.lettre-info .wpcf7 .wpcf7-form-control-wrap{flex:1;min-width:220px}
.lettre-info .wpcf7 input[type=email]{width:100%}
.lettre-info .wpcf7 form .wpcf7-response-output{border-color:var(--lin);color:var(--lin)}

/* Pages WordPress sans maquette (article seul, liste, 404) */
.article-seul,.liste-articles,.page-404{padding:90px 0 120px}
.article-seul h1,.page-404 h1{font-size:clamp(44px,6vw,90px);margin-bottom:34px}
.page-404 p{margin-bottom:34px}
.liste-articles .wp-block-post-title{font-size:36px;margin:40px 0 10px}
/* Les Éclatantes : les trois photos superposées se placent par rapport au visuel, pas à leur figure */
.cercle .visuel>figure.wp-block-image{display:contents}
.lettre-info .wpcf7 input.bouton.peche{flex:none;min-width:0;height:auto;min-height:52px;padding:0 28px;border:0;background:var(--peche);color:var(--encre);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.lettre-info .wpcf7 small{display:block;width:100%}
@media (max-width:1080px){.entete .wp-block-social-links.reseaux-entete{display:none}}
.etape .age sup{vertical-align:baseline;line-height:1}
@media (max-width:420px){body .nav-bouton.nav-bouton{display:none}}