/* Layout : en-tête sobre, hero texte + parcours en 3 étapes, sections aérées alternant blanc et navy, une seule touche d'or par bloc */
:root{
  --navy:#002049;
  --navy-2:#0b2f63;
  --gold:#DAA041;
  --gold-dark:#BB7C11;
  --gold-light:#FBCF82;
  --bg:#ffffff;
  --bg-soft:#f4f6fa;
  --fg:#0f1d33;
  --muted:#4a5a73;
  --line:#dfe4ec;
  --card:#ffffff;
  --on-navy:#ffffff;
  --on-navy-muted:#c4cfdf;
  --accent-text:#9a650c;
  --font-display:"Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:"Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;
  --radius:10px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#071629; --bg-soft:#0c1f3a; --fg:#eef2f8; --muted:#a9b6ca; --line:#1f3456;
    --card:#0f2442; --navy:#001633; --navy-2:#0b2f63; --on-navy:#ffffff; --on-navy-muted:#c4cfdf;
    --accent-text:#F0BE6A; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#071629; --bg-soft:#0c1f3a; --fg:#eef2f8; --muted:#a9b6ca; --line:#1f3456;
  --card:#0f2442; --navy:#001633; --navy-2:#0b2f63; --on-navy:#ffffff; --on-navy-muted:#c4cfdf;
  --accent-text:#F0BE6A; color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.65;margin:0}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;text-wrap:balance;margin:0}
h1{font-size:clamp(2rem,4.4vw,3.2rem)}
h2{font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-size:1.25rem}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}

.banner{background:var(--gold-light);color:#3b2a05;font-size:.8rem;text-align:center;padding:6px 16px;font-weight:500}

header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand svg{width:44px;height:44px;flex:none}
.brand span{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.04em}
nav.main{display:flex;gap:22px;font-size:.9rem;font-weight:500}
nav.main a{text-decoration:none;color:var(--muted)}
nav.main a:hover{color:var(--fg)}
.btn{display:inline-block;background:var(--navy);color:var(--on-navy);text-decoration:none;font-weight:600;font-size:.95rem;padding:12px 22px;border-radius:999px;border:2px solid var(--navy);cursor:pointer;font-family:var(--font-body)}
.btn:hover{background:var(--navy-2)}
.btn-gold{background:linear-gradient(135deg,var(--gold-dark),var(--gold) 55%,var(--gold-light));color:#1d1403;border-color:transparent}
.btn-gold:hover{filter:brightness(1.05);background:linear-gradient(135deg,var(--gold-dark),var(--gold) 55%,var(--gold-light))}
:root[data-theme="dark"] header.site .btn{background:var(--gold);color:#1d1403;border-color:var(--gold)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) header.site .btn{background:var(--gold);color:#1d1403;border-color:var(--gold)}}
@media (max-width:1240px){nav.main{display:none}}
@media (max-width:480px){header.site .btn{padding:9px 14px;font-size:.85rem}}

section{padding-block:72px}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:12px}

.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero p.lead{font-size:1.15rem;color:var(--muted);margin-top:20px;max-width:34em}
.hero .actions{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hero .note{font-size:.85rem;color:var(--muted)}
.path{background:var(--navy);color:var(--on-navy);border-radius:16px;padding:30px 28px;position:relative;overflow:hidden}
.path::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(218,160,65,.35)}
.path h3{font-size:1.05rem;font-family:var(--font-body);font-weight:600;color:var(--on-navy-muted);letter-spacing:.02em}
.path ol{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:22px;position:relative}
.path ol::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--gold-light),var(--gold-dark))}
.path li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start;position:relative}
.path .dot{width:32px;height:32px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);display:grid;place-items:center;font-weight:700;font-size:.85rem;color:var(--gold-light)}
.path strong{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:600}
.path span.d{font-size:.88rem;color:var(--on-navy-muted)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:36px}}

.problem{background:var(--bg-soft)}
.problem .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.problem p.txt{margin-top:18px;color:var(--muted);font-size:1.05rem;max-width:36em}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.stat b{display:block;font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--accent-text);font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:8px;font-size:.9rem;color:var(--muted)}
.source{grid-column:1/-1;font-size:.78rem;color:var(--muted)}
.punch{margin-top:18px;font-weight:600}
@media (max-width:860px){.problem .wrap{grid-template-columns:1fr;gap:32px}}

.steps-head{max-width:40em}
.steps-head p{color:var(--muted);margin-top:14px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;counter-reset:s}
.step{border-top:2px solid var(--gold);padding-top:20px}
.step .n{font-family:var(--font-display);font-style:italic;color:var(--accent-text);font-size:1rem}
.step h3{margin-top:6px}
.step p{margin-top:10px;color:var(--muted)}
.goal{margin-top:40px;padding:18px 22px;border-left:3px solid var(--gold);background:var(--bg-soft);border-radius:0 var(--radius) var(--radius) 0;font-weight:500}
@media (max-width:780px){.steps{grid-template-columns:1fr}}

.offers{background:var(--bg-soft)}
.offer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;margin-top:36px}
.offer{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.offer.main{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}
.offer.main p{color:var(--on-navy-muted)}
.offer .tag{align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--gold);color:#1d1403}
.offer p{color:var(--muted);font-size:.95rem}
.offer a.more{margin-top:auto;font-weight:600;font-size:.9rem;text-decoration:none;color:var(--accent-text)}
.offer.main a.more{color:var(--gold-light)}
.offer a.more::after{content:" →"}
@media (max-width:900px){.offer-grid{grid-template-columns:1fr}}

.about .wrap{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center}
.portrait{aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--bg-soft);border:2px dashed var(--gold);display:grid;place-items:center;text-align:center;color:var(--muted);font-size:.85rem;padding:20px}
.portrait b{display:block;font-family:var(--font-display);font-size:2.4rem;color:var(--accent-text)}
.about p{margin-top:16px;color:var(--muted);font-size:1.05rem;max-width:38em}
.about p.first{color:var(--fg);font-weight:500}
.proof{margin-top:24px;border:1px dashed var(--line);border-radius:var(--radius);padding:14px 18px;font-size:.85rem;color:var(--muted)}
@media (max-width:760px){.about .wrap{grid-template-columns:1fr;gap:28px}.portrait{width:200px}}

.faq{background:var(--bg-soft)}
.faq .list{margin-top:32px;display:grid;gap:12px;max-width:780px}
details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent-text);font-size:1.3rem;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:12px;color:var(--muted)}

.cta{background:var(--navy);color:var(--on-navy)}
.cta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.cta p{color:var(--on-navy-muted);margin-top:16px;max-width:30em}
.cta .zone{margin-top:20px;font-size:.9rem;color:var(--gold-light);font-weight:500}
form{display:grid;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:24px}
label{font-size:.82rem;font-weight:600;color:var(--on-navy-muted);display:grid;gap:6px}
input,textarea{font:inherit;font-size:.95rem;padding:11px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:var(--on-navy);width:100%}
textarea{min-height:90px;resize:vertical}
input::placeholder,textarea::placeholder{color:#93a3bd}
.form-msg{font-size:.85rem;color:var(--gold-light)}
@media (max-width:860px){.cta .wrap{grid-template-columns:1fr;gap:32px}}

footer{background:var(--navy);color:var(--on-navy-muted);border-top:1px solid rgba(255,255,255,.12);font-size:.85rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:24px}
footer a{color:var(--on-navy-muted)}
@media (prefers-reduced-motion:no-preference){.btn{transition:background .2s,filter .2s}}

/* --- Page Accompagnement --- */
.crumb{font-size:.85rem;color:var(--muted);margin-bottom:18px}
.crumb a{color:var(--muted)}
.signs{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.signs li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 16px 48px;position:relative}
.signs li::before{content:"";position:absolute;left:18px;top:21px;width:14px;height:14px;border-radius:50%;border:2px solid var(--gold)}
@media (max-width:700px){.signs{grid-template-columns:1fr}}
.deliv{margin-top:14px;font-size:.85rem;font-weight:600;color:var(--fg)}
.deliv em{font-style:normal;color:var(--accent-text);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;margin-right:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.split p{color:var(--muted);margin-top:14px}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}}
.facts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.facts li{border-left:3px solid var(--gold);padding:12px 16px;background:var(--card);border-radius:0 var(--radius) var(--radius) 0}
.facts b{display:block}
.facts span{color:var(--muted);font-size:.92rem}

/* --- Accueil v2 (inspiration : hero photo plein écran, page courte, touche manuscrite) --- */
.btn-outline{background:transparent;color:var(--fg);border:2px solid var(--gold)}
.btn-outline:hover{background:var(--gold);color:#1d1403}
.hero2{position:relative;overflow:hidden;color:#fff;text-align:center;padding-block:96px 104px;
  background:
    linear-gradient(rgba(0,32,73,.80),rgba(0,32,73,.90)),
    radial-gradient(120% 90% at 20% 10%,#28508f 0%,#0b2f63 45%,#001633 100%)}
.hero2 .photo-note{position:absolute;left:16px;bottom:12px;font-size:.72rem;color:rgba(255,255,255,.55)}
.hero2 .ring{position:absolute;border-radius:50%;pointer-events:none}
.hero2 .ring.r1{width:520px;height:520px;right:-180px;top:-200px;border:2px solid rgba(218,160,65,.55)}
.hero2 .ring.r2{width:520px;height:520px;right:-200px;top:-180px;border:1px solid rgba(251,207,130,.30)}
.hero2 .ring.r3{width:380px;height:380px;left:-170px;bottom:-190px;border:2px solid rgba(218,160,65,.45)}
.hero2 .inner{position:relative;max-width:820px;margin:0 auto;padding-inline:20px;display:grid;justify-items:center;gap:18px}
.hero2 svg{width:84px;height:84px}
.hero2 h1{color:#fff;font-size:clamp(2.1rem,5vw,3.6rem)}
.hero2 p.lead{font-size:1.12rem;color:#d6deea;max-width:36em}
.script{font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--gold-light);line-height:1.2;transform:rotate(-2deg);margin-top:6px}
.hero2 .actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px}
.hero2 .note{font-size:.85rem;color:#c4cfdf}

.acc{display:grid;gap:14px;margin-top:32px}
.acc details{padding:0;border-radius:var(--radius);overflow:hidden}
.acc summary{padding:22px 24px;align-items:center}
.acc summary h3{font-size:1.3rem}
.acc summary small{display:block;font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:4px}
.acc summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;font-size:1.3rem;color:var(--accent-text)}
.acc details[open] summary::after{content:"–"}
.acc .body{padding:0 24px 24px;display:grid;gap:12px}
.acc .body p{margin:0;color:var(--muted)}
.acc .body ul{margin:0;padding-left:1.1em;color:var(--muted)}
.acc .body a{font-weight:600;color:var(--accent-text);text-decoration:none}
.acc .body a::after{content:" →"}

.proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.proofs div{border-top:2px solid var(--gold);padding-top:16px}
.proofs b{display:block;font-family:var(--font-display);font-size:2.2rem;line-height:1.1;color:var(--accent-text);font-variant-numeric:tabular-nums}
.proofs span{display:block;margin-top:6px;color:var(--muted);font-size:.95rem}
@media (max-width:700px){.proofs{grid-template-columns:1fr}}

.band{background:var(--navy);color:var(--on-navy)}
.band .wrap{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;padding-block:56px}
.band svg{width:110px;height:110px}
.band h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.band p{color:var(--on-navy-muted);margin-top:10px}
.band .actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
@media (max-width:700px){.band .wrap{grid-template-columns:1fr;gap:24px;justify-items:start}}

/* --- Offres en feuilles (apparition au défilement) --- */
.leaves-sec{background:var(--bg-soft);text-align:center}
.leaves-sec .intro{max-width:40em;margin:0 auto}
.leaves-sec .intro p{color:var(--muted);margin-top:12px}
.leaves{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:48px;flex-wrap:wrap}
.leaf-wrap{position:relative;display:grid;justify-items:center;gap:14px}
.leaf{width:250px;max-width:100%;aspect-ratio:1;border-radius:0 50%;background:var(--navy);border:2px solid var(--gold);display:grid;place-items:center;position:relative;box-shadow:0 18px 40px -22px rgba(0,32,73,.55)}
.leaf.main{width:300px;background:linear-gradient(135deg,var(--gold-dark),var(--gold) 55%,var(--gold-light));border-color:transparent}
.leaf .in{width:76%;aspect-ratio:1;border-radius:50%;background:#ffffff;display:grid;place-content:center;justify-items:center;gap:6px;padding:14px;text-align:center;color:#0f1d33}
.leaf .in svg{width:30px;height:30px;stroke:#BB7C11;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.leaf .in small{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9a650c}
.leaf .in h3{font-size:1.02rem;line-height:1.2;color:#002049}
.leaf.main .in h3{font-size:1.15rem}
.leaf .in span{font-size:.74rem;color:#4a5a73;line-height:1.35}
.plus{width:38px;height:38px;border-radius:50%;background:var(--gold);color:#1d1403;display:grid;place-items:center;font-size:1.4rem;font-weight:600;text-decoration:none;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.plus:hover{background:var(--gold-light)}
@media (max-width:760px){.leaves{flex-direction:column}.leaf,.leaf.main{width:min(270px,78vw)}}
/* Animation : la feuille pousse quand elle arrive à l'écran (visible par défaut sans JavaScript) */
@media (prefers-reduced-motion:no-preference){
  .leaf-wrap.grow-ready .leaf{transform:scale(.35) rotate(-35deg);opacity:0}
  .leaf-wrap.grow-ready .plus{transform:scale(0)}
  .leaf-wrap .leaf{transition:transform .9s cubic-bezier(.2,.9,.25,1.15),opacity .6s ease}
  .leaf-wrap .plus{transition:transform .5s ease .5s}
  .leaf-wrap:nth-child(2) .leaf{transition-delay:.18s}
  .leaf-wrap:nth-child(3) .leaf{transition-delay:.36s}
}

/* --- Effet « page qui se tourne » : les offres arrivent par-dessus l'ouverture, comme une page de livre --- */
.turn{overflow-x:clip}
@media (min-width:761px) and (prefers-reduced-motion:no-preference){
  .turn{perspective:1800px;perspective-origin:0% 40%}
  .turn .hero2{position:sticky;top:var(--hdr,72px);z-index:0}
  .turn .leaves-sec{position:relative;z-index:1;transform-origin:left center;
    border-radius:18px 18px 0 0;box-shadow:0 -24px 60px -20px rgba(0,16,40,.55);will-change:transform}
  .turn .leaves-sec::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(90deg,rgba(0,16,40,.45),rgba(0,16,40,0) 70%);opacity:0}
  .turn .leaves-sec::after{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;border-radius:18px 0 0 0;
    background:linear-gradient(90deg,rgba(187,124,17,.55),rgba(187,124,17,0))}
}

/* Page tournée automatiquement dès le premier défilement (activé par JavaScript uniquement) */
@media (min-width:761px) and (prefers-reduced-motion:no-preference){
  .js-turn .turn .leaves-sec{transform:rotateY(-100deg);transition:transform 1.1s cubic-bezier(.3,.75,.2,1)}
  .js-turn .turn .leaves-sec::before{opacity:1;transition:opacity 1.1s ease}
  .js-turn .turn .leaves-sec.turned{transform:none}
  .js-turn .turn .leaves-sec.turned::before{opacity:0}
  .js-turn .turn .leaves-sec.instant,.js-turn .turn .leaves-sec.instant::before{transition:none}
  .js-turn .leaf-wrap:nth-child(1) .leaf{transition-delay:.7s}
  .js-turn .leaf-wrap:nth-child(2) .leaf{transition-delay:.88s}
  .js-turn .leaf-wrap:nth-child(3) .leaf{transition-delay:1.06s}
}

/* --- Ouverture avec portrait --- */
.hero2.with-photo{text-align:left;padding-bottom:0}
.hero2.with-photo .inner{max-width:1120px;grid-template-columns:1.1fr .9fr;align-items:end;justify-items:stretch;gap:32px}
.hero2.with-photo .txt{display:grid;gap:18px;justify-items:start;padding-bottom:88px;align-self:center}
.hero2.with-photo .actions{justify-content:flex-start}
.hero2 .me{margin:0;position:relative;justify-self:end;width:100%;max-width:470px}
.hero2 .me img{display:block;width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 82%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 28%);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 82%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 28%);
          mask-composite:intersect}
.hero2 .me figcaption{position:absolute;left:8%;bottom:28px;background:rgba(0,22,51,.78);border-left:3px solid var(--gold);padding:8px 14px;border-radius:0 8px 8px 0;font-size:.8rem;color:#c4cfdf;text-align:left}
.hero2 .me figcaption b{display:block;color:#fff;font-family:var(--font-display);font-size:1rem}
@media (max-width:860px){
  .hero2.with-photo{text-align:center}
  .hero2.with-photo .inner{grid-template-columns:1fr;justify-items:center}
  .hero2.with-photo .txt{justify-items:center;padding-bottom:12px}
  .hero2.with-photo .actions{justify-content:center}
  .hero2 .me{justify-self:center;max-width:330px}
}
.round-me{width:240px;max-width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 14px 30px -16px rgba(0,32,73,.6)}
@media (max-width:760px){.round-me{width:180px}}

/* --- Ouverture avec vidéo en filigrane --- */
.hero2.with-video{text-align:left;padding-block:110px 120px;background:#001633}
.hero2 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.55;z-index:0;pointer-events:none}
.hero2 .shade{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,22,51,.94) 0%,rgba(0,22,51,.82) 42%,rgba(0,32,73,.45) 75%,rgba(0,32,73,.35) 100%),
             linear-gradient(0deg,rgba(0,22,51,.55),rgba(0,22,51,0) 35%)}
.hero2.with-video .ring{z-index:0}
.hero2.with-video .inner{max-width:1120px;justify-items:start;z-index:1}
.hero2.with-video .txt{display:grid;gap:18px;justify-items:start;max-width:640px}
.hero2.with-video .actions{justify-content:flex-start}
.hero2 .ai-note{position:absolute;right:16px;bottom:12px;z-index:1;font-size:.7rem;color:rgba(255,255,255,.6)}
@media (max-width:860px){
  .hero2.with-video{text-align:center;padding-block:80px 90px}
  .hero2.with-video .inner,.hero2.with-video .txt{justify-items:center}
  .hero2.with-video .actions{justify-content:center}
  .hero2 .shade{background:linear-gradient(0deg,rgba(0,22,51,.92),rgba(0,22,51,.72))}
}

/* Titre d'accueil court : plus grand */
.hero2.with-video h1{font-size:clamp(2.6rem,6.4vw,4.8rem);line-height:1.08}
.hero2.with-video p.lead{font-size:1.18rem;max-width:34em}

/* --- Image en filigrane derrière les offres --- */
.leaves-sec{position:relative;overflow:hidden}
.leaves-sec .filigrane{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url("offres-filigrane.jpg") center 30%/cover no-repeat;opacity:.16;filter:saturate(.7)}
.leaves-sec .filigrane::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,var(--bg-soft) 0%,transparent 22%,transparent 78%,var(--bg-soft) 100%)}
.leaves-sec > .wrap{position:relative;z-index:1}
.ai-note-light{position:absolute;right:16px;bottom:10px;z-index:1;font-size:.7rem;color:var(--muted);opacity:.8}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .leaves-sec .filigrane{opacity:.12}}
:root[data-theme="dark"] .leaves-sec .filigrane{opacity:.12}
.round-me{height:auto}

/* ===== Codes couleur par offre (déclinaisons du navy et de l'or) =====
   Accompagnement = Or · Formation & Coaching = Bleu pétrole · Stratégie & Développement = Vert sauge profond */
:root{
  --c-acc:#DAA041; --c-acc-text:#9a650c;
  --c-form:#1F6F86; --c-form-text:#1F6F86;
  --c-strat:#3F7A62; --c-strat-text:#3F7A62;
  --offer:var(--c-acc); --offer-text:var(--c-acc-text);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--c-acc-text:#F0BE6A;--c-form-text:#79B9CC;--c-strat-text:#86C2A8}}
:root[data-theme="dark"]{--c-acc-text:#F0BE6A;--c-form-text:#79B9CC;--c-strat-text:#86C2A8}
body.theme-acc{--offer:var(--c-acc);--offer-text:var(--c-acc-text)}
body.theme-form{--offer:var(--c-form);--offer-text:var(--c-form-text)}
body.theme-strat{--offer:var(--c-strat);--offer-text:var(--c-strat-text)}

/* Pages d'offre : la couleur de l'offre guide l'œil */
body[class*="theme-"] .hero{border-top:5px solid var(--offer)}
body[class*="theme-"] .eyebrow{color:var(--offer-text)}
body[class*="theme-"] .path{border-top:4px solid var(--offer)}
body[class*="theme-"] .path::after{border-color:var(--offer);opacity:.6}
body[class*="theme-"] .path .dot{border-color:var(--offer)}
body[class*="theme-"] .path ol::before{background:var(--offer)}
body[class*="theme-"] .step{border-top-color:var(--offer)}
body[class*="theme-"] .step .n,body[class*="theme-"] .deliv em{color:var(--offer-text)}
body[class*="theme-"] .signs li::before{border-color:var(--offer)}
body[class*="theme-"] .facts li{border-left-color:var(--offer)}
body[class*="theme-"] .round-me{border-color:var(--offer)}
body[class*="theme-"] details summary::after{color:var(--offer-text)}
body[class*="theme-"] .problem{background:linear-gradient(0deg,color-mix(in srgb,var(--offer) 7%,var(--bg-soft)),color-mix(in srgb,var(--offer) 7%,var(--bg-soft)))}
.offer-pill{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--offer-text);margin-bottom:12px}
.offer-pill::before{content:"";width:12px;height:12px;border-radius:0 50%;background:var(--offer)}

/* Accueil : chaque feuille prend la couleur de son offre */
.leaf.f-form{background:var(--c-form);border-color:#8cc3d2}
.leaf.f-strat{background:var(--c-strat);border-color:#a3d0bc}
.leaf.f-form .in svg{stroke:var(--c-form)}
.leaf.f-strat .in svg{stroke:var(--c-strat)}
.leaf.f-form .in small{color:var(--c-form)}
.leaf.f-strat .in small{color:var(--c-strat)}
.plus.p-form{background:var(--c-form);color:#fff}
.plus.p-strat{background:var(--c-strat);color:#fff}
.plus.p-form:hover,.plus.p-strat:hover{filter:brightness(1.12)}

/* ===== Codes couleur renforcés (v2) ===== */
body.theme-acc{--offer-deep:#5E3F0A;--offer-mid:#9A650C}
body.theme-form{--offer-deep:#0E3B48;--offer-mid:#1F6F86}
body.theme-strat{--offer-deep:#1E4134;--offer-mid:#3F7A62}
/* Ouverture pleine couleur */
body[class*="theme-"] .hero{border-top:0;color:#fff;
  background:radial-gradient(90% 120% at 85% 10%,color-mix(in srgb,var(--offer-mid) 85%,#fff 15%) 0%,var(--offer-mid) 35%,var(--offer-deep) 100%)}
body[class*="theme-"] .hero h1{color:#fff}
body[class*="theme-"] .hero p.lead{color:rgba(255,255,255,.88)}
body[class*="theme-"] .hero .note,body[class*="theme-"] .hero .crumb,body[class*="theme-"] .hero .crumb a{color:rgba(255,255,255,.78)}
body[class*="theme-"] .hero .eyebrow{color:rgba(255,255,255,.85)}
body[class*="theme-"] .hero .offer-pill{color:#fff}
body[class*="theme-"] .hero .offer-pill::before{background:#fff}
body[class*="theme-"] .hero .path{background:rgba(0,16,40,.42);border:1px solid rgba(255,255,255,.22);border-top:4px solid #fff;backdrop-filter:blur(2px)}
body[class*="theme-"] .hero .path .dot{background:transparent;border-color:#fff;color:#fff}
body[class*="theme-"] .hero .path ol::before{background:rgba(255,255,255,.6)}
body[class*="theme-"] .hero .path::after{border-color:rgba(255,255,255,.35)}
/* Fonds de section teintés */
body[class*="theme-"] main > section:not(.hero):not(.cta){background:color-mix(in srgb,var(--offer) 6%,var(--bg))}
body[class*="theme-"] main > section.problem{background:color-mix(in srgb,var(--offer) 18%,var(--bg-soft))}
body[class*="theme-"] main > section.faq,body[class*="theme-"] main > section.offers{background:color-mix(in srgb,var(--offer) 13%,var(--bg-soft))}
body[class*="theme-"] .signs li,body[class*="theme-"] details,body[class*="theme-"] .facts li{border-color:color-mix(in srgb,var(--offer) 35%,var(--line))}
body[class*="theme-"] .step{border-top-width:3px}
body[class*="theme-"] h2{color:color-mix(in srgb,var(--offer-deep) 55%,var(--fg))}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body[class*="theme-"] h2{color:var(--fg)}}
:root[data-theme="dark"] body[class*="theme-"] h2{color:var(--fg)}
/* Bandeau de contact aux couleurs de l'offre */
body[class*="theme-"] .cta{background:linear-gradient(135deg,var(--navy) 0%,var(--navy) 45%,var(--offer-deep) 100%)}
/* ajustements v2 */
body[class*="theme-"] main > section:not(.hero):not(.cta){background:color-mix(in srgb,var(--offer) 10%,var(--bg))}
body[class*="theme-"] main > section.problem{background:color-mix(in srgb,var(--offer) 26%,var(--bg-soft))}
body[class*="theme-"] main > section.faq,body[class*="theme-"] main > section.offers{background:color-mix(in srgb,var(--offer) 19%,var(--bg-soft))}
body[class*="theme-"] .cta h2{color:#fff}
body[class*="theme-"] .cta .eyebrow{color:color-mix(in srgb,var(--offer) 45%,#fff)}
body[class*="theme-"] main > section:not(.hero):not(.cta){background:color-mix(in srgb,var(--offer) 12%,var(--bg))}
body[class*="theme-"] main > section.problem{background:color-mix(in srgb,var(--offer) 34%,var(--bg-soft))}
body[class*="theme-"] main > section.faq,body[class*="theme-"] main > section.offers{background:color-mix(in srgb,var(--offer) 24%,var(--bg-soft))}

/* ===== Codes couleur v3 : navy, or et bleu acier · fonds pastel ===== */
:root{--c-form:#002049;--c-form-text:#002049;--c-strat:#5B7FA3;--c-strat-text:#41658A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--c-form:#3A5F95;--c-form-text:#A9C0E0;--c-strat-text:#A7C1DC}}
:root[data-theme="dark"]{--c-form:#3A5F95;--c-form-text:#A9C0E0;--c-strat-text:#A7C1DC}
/* Ouverture pastel, texte foncé */
body[class*="theme-"] .hero{color:var(--fg);border-top:5px solid var(--offer);
  background:linear-gradient(135deg,color-mix(in srgb,var(--offer) 20%,var(--bg)) 0%,color-mix(in srgb,var(--offer) 9%,var(--bg)) 100%)}
body[class*="theme-"] .hero h1{color:var(--fg)}
body[class*="theme-"] .hero p.lead{color:var(--muted)}
body[class*="theme-"] .hero .note,body[class*="theme-"] .hero .crumb,body[class*="theme-"] .hero .crumb a{color:var(--muted)}
body[class*="theme-"] .hero .eyebrow,body[class*="theme-"] .hero .offer-pill{color:var(--offer-text)}
body[class*="theme-"] .hero .offer-pill::before{background:var(--offer)}
body[class*="theme-"] .hero .path{background:var(--navy);border:0;border-top:4px solid var(--offer);backdrop-filter:none}
body[class*="theme-"] .hero .path .dot{background:var(--navy);border-color:var(--offer);color:var(--gold-light)}
body[class*="theme-"].theme-form .hero .path{border-top-color:var(--gold)}
body[class*="theme-"].theme-form .hero .path .dot{border-color:var(--gold)}
body[class*="theme-"] .hero .path ol::before{background:var(--offer)}
body[class*="theme-"].theme-form .hero .path ol::before{background:var(--gold)}
body[class*="theme-"] .hero .path::after{border-color:var(--offer);opacity:.5}
/* Fonds de section pastel */
body[class*="theme-"] main > section:not(.hero):not(.cta){background:color-mix(in srgb,var(--offer) 5%,var(--bg))}
body[class*="theme-"] main > section.problem{background:color-mix(in srgb,var(--offer) 13%,var(--bg))}
body[class*="theme-"] main > section.faq,body[class*="theme-"] main > section.offers{background:color-mix(in srgb,var(--offer) 9%,var(--bg))}
body[class*="theme-"] h2{color:var(--fg)}
body[class*="theme-"] .cta{background:var(--navy)}
/* Feuilles de l'accueil */
.leaf.f-form{background:var(--navy);border-color:var(--gold)}
.leaf.f-strat{background:var(--c-strat);border-color:#c9d8e7}
.leaf.f-form .in svg{stroke:#BB7C11}
.leaf.f-form .in small{color:#9a650c}
.leaf.f-strat .in svg,.leaf.f-strat .in small{stroke:#41658A;color:#41658A}
.plus.p-form{background:var(--navy);color:#fff}
.plus.p-strat{background:var(--c-strat);color:#fff}

/* En-tête : logo seul, un peu plus grand */
.brand svg{width:58px;height:58px}

/* Logo moyen en bas à droite de l'ouverture */
.hero2 .hero-logo{position:absolute;right:32px;bottom:32px;width:104px;height:104px;z-index:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.hero2 .ai-note{right:auto;left:16px}
@media (max-width:860px){.hero2 .hero-logo{width:64px;height:64px;right:16px;bottom:22px}}
.hero2 .hero-logo{right:clamp(48px,9vw,150px);bottom:clamp(90px,13vh,140px)}
@media (max-width:860px){.hero2 .hero-logo{right:20px;bottom:40px}}

/* Bouton LinkedIn dans l'en-tête */
.h-actions{display:flex;align-items:center;gap:12px}
.li-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);color:var(--navy);text-decoration:none;flex:none}
.li-btn svg{width:22px;height:22px}
.li-btn svg rect{fill:var(--navy)}
.li-btn svg path{stroke:#fff;stroke-width:2;stroke-linecap:round}
.li-btn:hover{background:var(--gold)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .li-btn svg rect{fill:#fff}:root:not([data-theme="light"]) .li-btn svg path{stroke:#001633}}
:root[data-theme="dark"] .li-btn svg rect{fill:#fff}
:root[data-theme="dark"] .li-btn svg path{stroke:#001633}
@media (max-width:480px){.li-btn{width:36px;height:36px}.li-btn svg{width:18px;height:18px}.h-actions{gap:8px}}

/* Stratégie & Développement : bleu ciel (choix du 06/10/2026) */
:root{--c-strat:#2F8FC4;--c-strat-text:#1F6F9E}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--c-strat-text:#8CC7E8}}
:root[data-theme="dark"]{--c-strat-text:#8CC7E8}
.leaf.f-strat{border-color:#cfe6f3}
.leaf.f-strat .in svg,.leaf.f-strat .in small{stroke:#1F6F9E;color:#1F6F9E}

/* Cohérence : encadré « Ce que vous visez » identique sur les 3 pages (navy + or) */
body[class*="theme-"] .hero .path,body[class*="theme-"].theme-form .hero .path{background:var(--navy);border:0;border-top:4px solid var(--gold)}
body[class*="theme-"] .hero .path .dot,body[class*="theme-"].theme-form .hero .path .dot{background:var(--navy);border-color:var(--gold);color:var(--gold-light)}
body[class*="theme-"] .hero .path ol::before,body[class*="theme-"].theme-form .hero .path ol::before{background:linear-gradient(var(--gold-light),var(--gold-dark))}
body[class*="theme-"] .hero .path::after{border-color:rgba(218,160,65,.35);opacity:1}

/* Cohérence des feuilles de l'accueil : chaque feuille dans sa couleur, sans liseré parasite */
.leaf,.leaf.main,.leaf.f-form,.leaf.f-strat{border:0}
.leaf.f-form .in svg{stroke:#002049}
.leaf.f-form .in small{color:#002049}
.leaf.f-strat .in svg{stroke:#1F6F9E}
.leaf.f-strat .in small{color:#1F6F9E}
.leaf.main .in svg{stroke:#BB7C11}
.leaf.main .in small{color:#9a650c}

/* --- Page Qui suis-je ? --- */
.me-big{width:min(340px,80vw);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:4px solid var(--gold);justify-self:center;box-shadow:0 24px 50px -26px rgba(0,32,73,.6)}
.timeline{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0;position:relative}
.timeline::before{content:"";position:absolute;left:118px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--gold-light),var(--gold-dark))}
.timeline li{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:0 0 28px;position:relative}
.timeline li::before{content:"";position:absolute;left:111px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--gold)}
.timeline li.now::before{background:var(--gold)}
.timeline .when{font-weight:700;font-size:.85rem;color:var(--offer-text);padding-top:2px;font-variant-numeric:tabular-nums}
.timeline h3{font-size:1.15rem}
.timeline p{color:var(--muted);margin-top:6px;max-width:44em}
@media (max-width:640px){.timeline::before{left:7px}.timeline li{grid-template-columns:1fr;gap:4px;padding-left:30px}.timeline li::before{left:0}}
.conviction{margin:0;padding:34px 38px;background:var(--navy);color:#fff;border-radius:16px;border-left:6px solid var(--gold)}
.conviction p{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.35;margin:0}
.conviction footer{margin-top:14px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}

.more-link{font-weight:600;color:var(--accent-text);text-decoration:none}

/* --- Qui suis-je ? : codes du thème général (navy + or), sans couleur d'offre --- */
body.theme-me{--offer:var(--gold);--offer-text:var(--c-acc-text)}
body.theme-me .hero{border-top:0;color:#fff;background:radial-gradient(120% 90% at 20% 10%,#28508f 0%,#0b2f63 45%,#001633 100%)}
body.theme-me .hero h1{color:#fff}
body.theme-me .hero p.lead{color:#d6deea}
body.theme-me .hero .note,body.theme-me .hero .crumb,body.theme-me .hero .crumb a{color:#c4cfdf}
body.theme-me .hero .offer-pill{color:var(--gold-light)}
body.theme-me .hero .offer-pill::before{background:var(--gold)}
body.theme-me main > section:not(.hero):not(.cta){background:var(--bg)}
body.theme-me main > section.problem,body.theme-me main > section.faq{background:var(--bg-soft)}
body.theme-me .signs li,body.theme-me details,body.theme-me .facts li{border-color:var(--line)}
.me-big{width:min(280px,70vw);border-width:3px}
@media (max-width:860px){.me-big{width:200px}}
.me-big{width:min(225px,60vw)}
@media (max-width:860px){.me-big{width:170px}}

/* --- Pages juridiques --- */
.legal-page{padding-block:56px 80px}
.legal-page .wrap{max-width:820px}
.legal-page h1{font-size:clamp(2rem,4vw,2.8rem);margin:8px 0 12px}
.legal-page h2{font-size:1.3rem;margin:34px 0 8px}
.legal-page p{color:var(--muted);margin:6px 0}
.legal-page .draft{background:color-mix(in srgb,var(--gold) 16%,var(--bg));border-left:4px solid var(--gold);padding:10px 14px;border-radius:0 8px 8px 0;color:var(--fg);font-weight:500}
.legal-page mark{background:color-mix(in srgb,var(--gold) 25%,transparent);color:inherit;padding:0 3px;border-radius:3px}

/* ===== Dynamisme : apparitions, survols, frise ===== */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
  .timeline.js-draw::before{transform:scaleY(0);transform-origin:top;transition:transform 1.8s cubic-bezier(.3,.6,.2,1)}
  .timeline.js-draw.drawn::before{transform:scaleY(1)}
  /* survols */
  .step,.signs li,.facts li,.faq details,.proofs > div,.offer{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .signs li:hover,.facts li:hover,.faq details:hover,.offer:hover{transform:translateY(-3px);box-shadow:0 12px 28px -18px rgba(0,32,73,.45)}
  .step:hover{transform:translateY(-3px)}
  .proofs > div:hover{transform:translateY(-2px)}
  .plus{transition:transform .35s ease,background .2s,filter .2s}
  .plus:hover{transform:rotate(90deg) scale(1.08)}
  .leaf-wrap .leaf{will-change:transform}
  .leaf-wrap:hover .leaf{transform:scale(1.03) rotate(-1.5deg)}
  .li-btn{transition:background .2s,transform .2s}
  .li-btn:hover{transform:translateY(-2px)}
  .btn-gold{position:relative;overflow:hidden}
  .btn-gold::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s ease}
  .btn-gold:hover::after{left:120%}
  .btn-outline{transition:background .2s,color .2s,transform .2s}
  .btn-outline:hover{transform:translateY(-1px)}
}
@media (prefers-reduced-motion:no-preference){
  .leaf-wrap:hover .leaf{transition-delay:0s}
  .js-turn .leaf-wrap:hover:not(.grow-ready) .leaf{transition-delay:0s}
}

/* Encadré « Ce que vous visez » animé (pages d'offres) */
@media (prefers-reduced-motion:no-preference){
  .path.path-anim{opacity:0;transform:translateX(40px)}
  .path.path-anim.play{opacity:1;transform:none;transition:opacity .8s ease .2s,transform .9s cubic-bezier(.2,.7,.2,1) .2s}
  .path.path-anim h3{opacity:0}
  .path.path-anim.play h3{opacity:1;transition:opacity .6s ease .6s}
  .path.path-anim ol::before{transform:scaleY(0);transform-origin:top}
  .path.path-anim.play ol::before{transform:scaleY(1);transition:transform 1.8s cubic-bezier(.3,.6,.2,1) .9s}
  .path.path-anim li{opacity:0;transform:translateX(18px)}
  .path.path-anim .dot{transform:scale(0)}
  .path.path-anim.play li{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
  .path.path-anim.play .dot{transform:scale(1);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
  .path.path-anim.play li:nth-child(1),.path.path-anim.play li:nth-child(1) .dot{transition-delay:1s}
  .path.path-anim.play li:nth-child(2),.path.path-anim.play li:nth-child(2) .dot{transition-delay:1.6s}
  .path.path-anim.play li:nth-child(3),.path.path-anim.play li:nth-child(3) .dot{transition-delay:2.2s}
}

/* Encadré « Ce que vous visez » : rythme ralenti */
@media (prefers-reduced-motion:no-preference){
  .path.path-anim.play{transition:opacity 1.2s ease .3s,transform 1.3s cubic-bezier(.2,.7,.2,1) .3s}
  .path.path-anim.play h3{transition:opacity .9s ease .9s}
  .path.path-anim.play ol::before{transition:transform 2.8s cubic-bezier(.3,.6,.2,1) 1.3s}
  .path.path-anim.play li{transition:opacity .9s ease,transform .9s ease}
  .path.path-anim.play .dot{transition:transform .7s cubic-bezier(.3,1.6,.5,1)}
  .path.path-anim.play li:nth-child(1),.path.path-anim.play li:nth-child(1) .dot{transition-delay:1.5s}
  .path.path-anim.play li:nth-child(2),.path.path-anim.play li:nth-child(2) .dot{transition-delay:2.4s}
  .path.path-anim.play li:nth-child(3),.path.path-anim.play li:nth-child(3) .dot{transition-delay:3.3s}
}

/* Cadres « Pour qui » / « Situations » : apparition un par un, lente */
@media (prefers-reduced-motion:no-preference){
  .rv.rv-slow{transform:translateY(26px) scale(.97);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
  .rv.rv-slow.in{transform:none}
}

/* ===== Navigation : burger mobile, page en cours, en-tête qui s'affine ===== */
.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--bg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;order:3}
.burger span{display:block;width:20px;height:2px;background:var(--fg);border-radius:2px;transition:transform .25s,opacity .25s}
header.site.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.site.open .burger span:nth-child(2){opacity:0}
header.site.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-cta{display:none}
nav.main a[aria-current="page"]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--gold);padding-bottom:4px}
header.site .wrap,header.site .brand svg{transition:padding .25s ease,width .25s ease,height .25s ease}
header.site.scrolled{box-shadow:0 6px 20px -14px rgba(0,32,73,.35)}
header.site.scrolled .wrap{padding-block:8px}
header.site.scrolled .brand svg{width:46px;height:46px}
@media (max-width:1240px){
  header.site .wrap{position:relative}
  .burger{display:flex}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);flex-direction:column;gap:0;padding:8px 20px 18px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px -20px rgba(0,32,73,.4)}
  header.site.open nav.main{display:flex}
  nav.main a{padding:13px 0;border-bottom:1px solid var(--line);font-size:1rem;color:var(--fg)}
  nav.main a[aria-current="page"]{box-shadow:none;color:var(--accent-text)}
  .nav-cta{display:block;margin-top:12px;border:0!important;text-align:center;background:var(--navy);color:#fff!important;border-radius:999px;font-weight:600}
}
@media (max-width:560px){ header.site .h-actions .btn{display:none} }

/* ===== Passerelles « Découvrez aussi » ===== */
.others{padding-block:56px}
.others-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px}
.other-card{display:flex;gap:18px;align-items:center;padding:22px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--fg);transition:transform .25s,box-shadow .25s}
.other-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(0,32,73,.45)}
.o-leaf{width:58px;height:58px;flex:none;border-radius:0 50%}
.o-acc .o-leaf{background:linear-gradient(135deg,#BB7C11,#DAA041 55%,#FBCF82)}
.o-form .o-leaf{background:var(--navy)}
.o-strat .o-leaf{background:var(--c-strat)}
.o-txt{display:grid;gap:4px;min-width:0}
.o-txt b{font-family:var(--font-display);font-size:1.12rem}
.o-txt span{color:var(--muted);font-size:.92rem}
.o-txt em{font-style:normal;font-weight:600;font-size:.88rem;color:var(--accent-text)}
@media (max-width:700px){.others-grid{grid-template-columns:1fr}}

/* ===== Réservation ===== */
.book{margin-top:22px;display:grid;gap:8px;justify-items:start}
.book span{font-size:.82rem;color:var(--on-navy-muted)}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.band .actions .btn-ghost{margin-left:0}
.btn-ghost-dark{background:transparent;color:var(--fg);border:2px solid var(--navy)}
.btn-ghost-dark:hover{background:var(--navy);color:#fff}

/* ===== Accroche autodiagnostic ===== */
.diag-teaser{padding-block:44px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 22%,var(--bg)),color-mix(in srgb,var(--gold) 8%,var(--bg)))}
.diag-teaser .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.diag-teaser h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.diag-teaser p{color:var(--muted);margin-top:6px}
body[class*="theme-"] main > section.diag-teaser{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 22%,var(--bg)),color-mix(in srgb,var(--gold) 8%,var(--bg)))}

/* ===== Page autodiagnostic ===== */
.diag-hero{padding-block:56px 40px}
.diag{padding-block:40px 80px}
.diag-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:40px;align-items:start}
.questions{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:q}
.q{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:12px;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.q:hover{transform:translateX(3px)}
.q input{position:absolute;opacity:0;pointer-events:none}
.q .box{width:26px;height:26px;border-radius:0 50%;border:2px solid var(--gold);display:grid;place-items:center;transition:background .2s}
.q input:checked + .box{background:var(--gold)}
.q input:checked + .box::after{content:"✓";color:#1d1403;font-weight:700;font-size:.9rem}
.q input:focus-visible + .box{outline:3px solid var(--gold);outline-offset:3px}
.q:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card))}
.qt{font-size:.98rem}
.result{position:sticky;top:110px;background:var(--navy);color:#fff;border-radius:16px;padding:28px;border-top:4px solid var(--gold);display:grid;gap:12px}
.result .eyebrow{color:var(--gold-light);margin:0}
.gauge{height:10px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}
.gauge-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-dark));border-radius:999px;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.score{margin:0;color:#c4cfdf}
.score b{font-family:var(--font-display);font-size:2.4rem;color:#fff;font-variant-numeric:tabular-nums}
.result h3{color:#fff;font-size:1.3rem}
.result #r-text{color:#d6deea;margin:0}
.r-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.result .btn-ghost-dark{color:#fff;border-color:rgba(255,255,255,.6)}
.get-list{display:grid;gap:8px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15);background:none;border-left:0;border-right:0;border-bottom:0;border-radius:0;padding-left:0;padding-right:0}
.get-list label{color:#fff;font-size:.9rem}
.get-list .row{display:flex;gap:8px}
.get-list input{flex:1;min-width:0}
.get-list .btn-outline{color:#fff;border-color:var(--gold);padding:10px 16px}
.result .fine{font-size:.75rem;color:#93a3bd;margin:0}
.result .fine a{color:#c4cfdf}
@media (max-width:900px){.diag-grid{grid-template-columns:1fr}.result{position:static}}
.q{color:var(--fg);font-size:1rem;font-weight:400}
@media (max-width:1240px){header.site .h-actions{margin-left:auto;margin-right:10px}}

/* Contact : deux chemins au choix */
.cta p.route{display:flex;align-items:center;gap:10px;margin:0;color:#fff;font-weight:600;font-size:1rem;max-width:none}
.route .num{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold-light);display:grid;place-items:center;font-size:.8rem;font-weight:700;flex:none}
.cta .book{margin-top:26px;padding:22px 24px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);gap:12px}
.cta p.route-sub{margin:-4px 0 4px;font-size:.88rem}
form .btn-ghost{justify-self:start}

/* Offres de l'accueil : même taille, zoom au survol, feuille cliquable */
.leaf,.leaf.main{width:min(270px,78vw)}
.leaf.main .in h3{font-size:1.08rem}
.leaf{cursor:pointer}
@media (hover:hover){
  .leaves .leaf-wrap.zoomable .leaf{transition:transform .35s ease,box-shadow .35s ease;transition-delay:0s}
  .leaves .leaf-wrap.zoomable:hover .leaf,.leaves .leaf-wrap.zoomable:focus-within .leaf{transform:scale(1.08);box-shadow:0 28px 50px -24px rgba(0,32,73,.6)}
}
.leaf .in{padding:16px 22px}


/* Accueil : accroche complémentaire dans le premier écran */
.hero2 .hook{margin-top:14px;max-width:36em;padding-left:14px;border-left:3px solid var(--gold);color:rgba(255,255,255,.88);font-size:.98rem;line-height:1.5}
.hero2 .hook b{color:#fff;font-weight:700}
@media (max-width:760px){
  .hero2 .hook{border-left:0;padding-left:0;margin-inline:auto;font-size:.92rem}
  .hero2 .hook::before{content:"";display:block;width:44px;height:2px;background:var(--gold);margin:0 auto 10px}
}

/* Premier écran : occupe la hauteur de l'écran, tout reste visible sans défiler */
@media (min-width:861px){
  .hero2.with-video{min-height:calc(100svh - 124px);display:flex;align-items:center;padding-block:clamp(32px,5vh,64px)}
  .hero2.with-video .inner{width:100%}
  .hero2.with-video .txt{max-width:720px;gap:clamp(10px,1.8vh,18px)}
  .hero2.with-video h1{font-size:clamp(2.6rem,min(5vw,8.5vh),4.4rem);line-height:1.06}
  .hero2.with-video p.lead{font-size:clamp(1rem,.55rem + .6vw,1.15rem);max-width:36em}
  .hero2 .hook{margin-top:0;font-size:.95rem;max-width:40em}
  .hero2.with-video .script{font-size:clamp(1.5rem,min(2.6vw,4.4vh),2.2rem);margin-top:0}
  .hero2.with-video .actions{margin-top:0}
  .hero2 .hero-logo{bottom:clamp(120px,22vh,200px);width:clamp(76px,10vh,104px);height:clamp(76px,10vh,104px)}
}

/* Autodiagnostic : indice façon « nutri-score », aux couleurs AVM */
.nscore{background:#fff;border-radius:14px;padding:10px 12px 12px;box-shadow:0 10px 26px -16px rgba(0,0,0,.5)}
.ns-head{display:flex;align-items:center;gap:8px;margin:0 2px 8px;color:var(--navy);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.ns-head .ns-logo{width:26px;height:26px}
.ns-head .ns-logo circle{stroke:#BB7C11}
.ns-head .ns-logo tspan[fill="#ffffff"]{fill:var(--navy)}
.ns-scale{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#eef1f6;border-radius:999px;padding:4px}
.ns-scale span{display:grid;place-items:center;height:40px;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:#fff;transition:transform .35s cubic-bezier(.2,.9,.25,1.2),opacity .3s,box-shadow .3s;opacity:.35}
.ns-scale span:first-child{border-radius:999px 0 0 999px}
.ns-scale span:last-child{border-radius:0 999px 999px 0}
.ns-scale .g-a{background:#1F6F9E}
.ns-scale .g-b{background:#2F8FC4}
.ns-scale .g-c{background:#FBCF82;color:#5a3c06}
.ns-scale .g-d{background:#DAA041;color:#3d2804}
.ns-scale .g-e{background:#9A650C}
.nscore:not(.ready) .ns-scale span{opacity:.55}
.ns-scale span.on{opacity:1;transform:scale(1.32);border-radius:12px!important;box-shadow:0 0 0 3px #fff,0 8px 18px -6px rgba(0,32,73,.55);position:relative;z-index:1;font-size:1.5rem}
.result .ns-sub{margin:-4px 0 4px}
.result .ns-later{margin:0;color:var(--gold-light);font-family:var(--font-display);font-style:italic;font-size:1.05rem}

/* Autodiagnostic : bilan à télécharger */
.result .gl-title{margin:0;color:#fff;font-weight:700;font-size:1rem}
.get-list label{color:#c4cfdf}
.get-list > .btn-outline{justify-self:start;margin-top:4px}
.gl-ready{display:grid;gap:8px;justify-items:start;padding:14px;border:1px solid rgba(218,160,65,.55);border-radius:12px;background:rgba(255,255,255,.05)}
.gl-ready p{margin:0;color:#fff}
.gl-ready .fine{color:#93a3bd}

/* Nouveau logo (validé le 08/10/2026) : sommet + soleil, barre d'or, VM en DM Serif Display italique */
.brand svg{width:auto;height:58px}
header.site.scrolled .brand svg{width:auto;height:46px}
.hero2 .hero-logo{width:auto!important;height:clamp(54px,8vh,78px)!important;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
@media (max-width:860px){.hero2 .hero-logo{height:46px!important}}
.band svg{width:auto;height:118px}
@media (max-width:700px){.band svg{height:72px}}
.result .direct{margin:4px 0 0;font-size:.85rem;color:#c4cfdf}
.result .direct a{color:var(--gold-light);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.result .get-list{border-top:1px solid rgba(255,255,255,.15)}
.get-list > .btn-gold{justify-self:start;margin-top:4px}

/* Lien Autodiagnostic dans le menu, téléphone */
nav.main a.nav-diag{color:#9A650C;font-weight:600}
nav.main a.nav-diag::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:0 50%;background:var(--gold);vertical-align:1px}
.nav-tel{display:none}
@media (max-width:1240px){.nav-tel{display:block;font-weight:600;color:var(--navy)!important}}
.cta .call{margin-top:14px;font-size:.92rem;color:var(--on-navy-muted)}
.cta .call a,.band p a[href^="tel"]{color:var(--gold-light);font-weight:600;text-decoration:none;white-space:nowrap}
footer a[href^="tel"],footer a[href^="mailto"]{white-space:nowrap}
@media (min-width:1241px){
  nav.main{gap:18px;font-size:.88rem;white-space:nowrap}
  header.site .h-actions .btn-outline{padding:10px 18px;font-size:.88rem}
}
header.site .h-actions .btn-outline{white-space:nowrap}
header.site .wrap{max-width:1280px}

/* Logo de l'en-tête : léger zoom au survol */
header.site .brand svg{transition:transform .3s cubic-bezier(.2,.8,.2,1.2),height .25s ease,width .25s ease}
header.site .brand:hover svg,header.site .brand:focus-visible svg{transform:scale(1.08)}

/* Logo du premier écran : plus grand, et animé (le sommet se dessine, l'horizon s'étire, le soleil se lève) */
.hero2 .hero-logo{height:clamp(100px,16vh,160px)!important}
@media (max-width:860px){.hero2 .hero-logo{height:58px!important}}
@media (prefers-reduced-motion:no-preference){
  .hero-logo .hl-peak{stroke-dasharray:100;stroke-dashoffset:100;animation:hlDraw 1.1s cubic-bezier(.6,.1,.3,1) .3s forwards}
  .hero-logo .hl-bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:hlBar .9s cubic-bezier(.3,.7,.2,1) 1.1s forwards}
  .hero-logo .hl-sun{transform:translateY(26px);animation:hlRise 1.6s cubic-bezier(.2,.7,.2,1) 1.6s forwards,hlGlow 4s ease-in-out 3.4s infinite alternate}
  .hero-logo .hl-vm{opacity:0;transform:translateX(-6px);animation:hlIn .8s ease 2.2s forwards}
}
@keyframes hlDraw{to{stroke-dashoffset:0}}
@keyframes hlBar{to{transform:scaleX(1)}}
@keyframes hlRise{to{transform:translateY(0)}}
@keyframes hlIn{to{opacity:1;transform:none}}
@keyframes hlGlow{from{filter:drop-shadow(0 0 0 rgba(251,207,130,0))}to{filter:drop-shadow(0 0 6px rgba(251,207,130,.85))}}
.hero2 .hero-logo{transition:transform .3s ease}
.hero2 .hero-logo:hover{transform:scale(1.06)}
.result .direct a[href^="tel"]{text-decoration:none;white-space:nowrap}

/* Qui suis-je : personnalité */
.perso{background:var(--bg)}
.perso .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:24px 56px;align-items:start}
.perso-intro p:not(.eyebrow){color:var(--muted);margin-top:16px;max-width:32em;line-height:1.7}
.traits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.traits li{position:relative;padding:18px 18px 18px 46px;background:#fff;border:1px solid color-mix(in srgb,var(--navy) 10%,transparent);border-radius:14px;box-shadow:0 10px 24px -22px rgba(0,32,73,.5)}
.traits .leaf-dot{position:absolute;left:18px;top:21px;width:14px;height:14px;border-radius:0 50%;background:linear-gradient(135deg,var(--gold-dark),var(--gold) 55%,var(--gold-light))}
.traits b{display:block;color:var(--navy);font-size:1rem;margin-bottom:4px}
.traits li span:not(.leaf-dot){display:block;color:var(--muted);font-size:.92rem;line-height:1.55}
.said{grid-column:1/-1;margin:12px 0 0;padding:26px 30px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 18%,#fff),color-mix(in srgb,var(--gold) 6%,#fff));border-left:6px solid var(--gold);text-align:center}
.said p{margin:0;font-family:"Caveat","Segoe Print",cursive;font-size:clamp(1.6rem,3vw,2.2rem);color:#7a4f06;line-height:1.25}
.said footer{margin-top:8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark,#9A650C);font-weight:700}
@media (max-width:900px){.perso .wrap{grid-template-columns:1fr}.traits{grid-template-columns:1fr}}
.said footer{background:none!important;padding:0!important;border:0!important;display:block}
.perso .wrap{grid-template-columns:.8fr 1.2fr;align-items:center}
.perso-text p{margin:0 0 14px;font-size:1.08rem;line-height:1.75;color:var(--fg)}
.perso-text p:last-child{margin-bottom:0}
.perso-text{padding-left:28px;border-left:3px solid var(--gold)}
@media (max-width:900px){.perso-text{padding-left:18px}}
.timeline li p + p{margin-top:8px}
.timeline .where{font-size:.88rem;color:var(--accent-text,#9A650C);font-style:italic}
/* Portrait : ton de lettre personnelle, signé à la main */
.perso-text p{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.18rem;line-height:1.7;color:#1c2a3f}
.perso-text p.perso-sign{font-family:"Caveat","Segoe Print",cursive;font-style:normal;font-weight:600;font-size:2.2rem;line-height:1;color:#9A650C;margin-top:14px;transform:rotate(-3deg);transform-origin:left center}
/* Portrait en écriture manuscrite (Satisfy), entre guillemets dorés */
.perso-text{position:relative;border-left:0;padding:22px 0 0 58px}
.perso-text::before{content:"“";position:absolute;left:0;top:-14px;font-family:var(--font-display);font-weight:700;font-size:5.2rem;line-height:1;color:var(--gold)}
.perso-text p{font-family:"Satisfy","Segoe Script",cursive;font-style:normal;font-weight:400;font-size:1.45rem;line-height:1.6;color:#1c2a3f}
.perso-text .q-close{font-family:var(--font-display);font-weight:700;font-size:3rem;line-height:0;color:var(--gold);vertical-align:-.45em;margin-left:6px}
@media (max-width:900px){.perso-text{padding-left:44px}.perso-text::before{font-size:4rem}.perso-text p{font-size:1.3rem}}
@media (max-width:900px){.perso .wrap{grid-template-columns:1fr;gap:18px}}
/* Portrait : Cormorant Garamond italique (remplace Satisfy) */
.perso-text p{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:1.42rem;line-height:1.6;color:#1c2a3f}
@media (max-width:900px){.perso-text p{font-size:1.28rem}}
/* Portrait : sans guillemets, filet doré à gauche */
.perso-text::before{content:none}
.perso-text{padding:0 0 0 28px;border-left:3px solid var(--gold)}
@media (max-width:900px){.perso-text{padding-left:18px}}
.perso-text .q2{color:var(--gold);font-size:1.35em;line-height:0;vertical-align:-.12em;padding:0 2px}
.conviction p{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35}
body.theme-me .hero p.lead{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1.3rem,1.9vw,1.55rem);line-height:1.55}

/* Accueil : plus d'air entre l'accroche « Un accompagnement sur mesure… » et le bouton */
.hero2 .hook{margin-bottom:10px}
.hero2 .actions{margin-top:18px}
@media (min-width:861px){
  .hero2.with-video .hook{margin-bottom:clamp(6px,1.6vh,16px)}
  .hero2.with-video .actions{margin-top:clamp(10px,2.4vh,24px)}
}

/* Décryptages : veille commentée */
.news-hero h1{max-width:20em}
.news{padding-top:24px}
.news-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.news-list{display:flex;flex-direction:column;gap:22px;min-width:0}
.news-note{margin:0;font-size:.8rem;color:var(--muted,#55657d);font-style:italic}
.news-card{background:#fff;border:1px solid rgba(0,32,73,.1);border-radius:16px;padding:24px 28px;box-shadow:0 12px 30px -26px rgba(0,32,73,.55)}
.news-meta{margin:0 0 8px;font-size:.78rem;color:var(--muted,#55657d);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.news-tag{background:rgba(218,160,65,.16);color:#9A650C;font-weight:700;border-radius:999px;padding:2px 10px;font-size:.72rem;letter-spacing:.04em}
.news-card h2{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.3;margin:0 0 12px}
.news-card h2 a{color:var(--navy,#002049);text-decoration:none}
.news-card h2 a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.news-said,.news-you{margin:0 0 12px;line-height:1.65;color:#2b3a52}
.news-take{border-left:3px solid var(--gold,#DAA041);padding:4px 0 4px 18px;margin:0 0 12px}
.news-take p{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:1.22rem;line-height:1.5;color:#14233F}
.news-take .news-label{font-family:'Caveat',cursive;font-style:normal;font-size:1.35rem;color:#9A650C;margin-bottom:2px}
.news-links{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px}
.news-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}
.news-sub{background:var(--navy,#002049);color:#fff;border-radius:16px;padding:22px 24px}
.news .news-sub h2{color:#fff!important;font-size:1.3rem;margin:4px 0 8px}
.news-sub p{color:rgba(255,255,255,.85);line-height:1.55;margin:0 0 12px}
.news-sub label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:rgba(255,255,255,.85);margin-bottom:10px}
.news-sub input{border-radius:10px;border:0;padding:10px 12px;font:inherit}
.news-sub.alt{background:#fff;color:inherit;border:1px solid rgba(0,32,73,.12)}
.news-sub.alt p{color:#2b3a52}
.news-sub .form-msg{font-size:.8rem;margin-top:10px}
@media (max-width:960px){.news-grid{grid-template-columns:1fr}.news-side{position:static}}
@media (max-width:560px){.news-card{padding:18px}}

/* Onglet « Le regard d'Aurélie » : signature manuscrite */
nav.main a.nav-regard{font-family:"Caveat","Segoe Print",cursive;font-weight:600;font-size:1.32rem;line-height:1;color:var(--gold-dark,#9A650C);letter-spacing:.01em}
nav.main a.nav-regard:hover{color:#7a4f06}
/* Le regard d'Aurélie : touche journal */
.masthead{margin:6px 0 18px;max-width:760px}
.mh-name{font-family:"Caveat","Segoe Print",cursive;font-weight:600;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--gold-light,#FBCF82);margin:0;transform:rotate(-1.5deg);transform-origin:left}
.mh-line{display:flex;flex-wrap:wrap;gap:6px 0;margin:12px 0 0;padding:7px 0;border-top:1px solid rgba(218,160,65,.7);border-bottom:1px solid rgba(218,160,65,.7);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.mh-line span+span::before{content:"·";margin:0 12px;color:var(--gold,#DAA041)}
.news-hero h1{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.news-filters{display:flex;flex-wrap:wrap;gap:8px}
.news-filters .chip{font:inherit;font-size:.8rem;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid rgba(0,32,73,.18);background:#fff;color:#002049;cursor:pointer}
.news-filters .chip:hover{border-color:var(--gold,#DAA041)}
.news-filters .chip[aria-pressed="true"]{background:#002049;border-color:#002049;color:#fff}
.news-filters .chip:focus-visible{outline:2px solid var(--gold,#DAA041);outline-offset:2px}
.news-kicker{margin:0 0 10px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#002049;padding:4px 10px;border-radius:4px}
.news-src{font-variant:small-caps;letter-spacing:.04em;font-weight:600;color:#002049}
.news-date{color:var(--muted,#55657d)}
.news-meta .news-src::before,.news-meta .news-date::before{content:"·";margin-right:8px;color:var(--gold,#DAA041)}
.news-une{border-top:4px solid var(--gold,#DAA041);padding:28px 32px}
.news-une h2{font-size:clamp(1.35rem,2.2vw,1.7rem)}
.news-drop::first-letter{float:left;font-family:"Playfair Display",Georgia,serif;font-style:normal;font-weight:700;font-size:3.1em;line-height:.82;margin:.08em .1em 0 0;color:var(--gold,#DAA041)}
@media (min-width:1241px) and (max-width:1440px){
  nav.main{gap:12px;font-size:.8rem}
  nav.main a.nav-regard{font-size:1.18rem}
  header.site .h-actions .btn-outline{padding:8px 13px;font-size:.8rem}
}

/* Le regard d'Aurélie : filigrane colonnes de journal + papier journal */
.news-hero{position:relative;overflow:hidden}
.news-hero::after{content:"";position:absolute;top:40px;bottom:40px;right:4%;width:38%;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.10) 0 2px,transparent 2px 13px) 0 0/30% 100% no-repeat,repeating-linear-gradient(to bottom,rgba(255,255,255,.10) 0 2px,transparent 2px 13px) 50% 0/30% 100% no-repeat,repeating-linear-gradient(to bottom,rgba(255,255,255,.10) 0 2px,transparent 2px 13px) 100% 0/30% 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.news-hero .wrap{position:relative;z-index:1}
main section.news{background-color:#f7f3ea!important;background-image:radial-gradient(rgba(0,32,73,.05) .6px,transparent .7px);background-size:4px 4px}
main section.news .news-card{background:#ffffff;border-color:rgba(0,32,73,.08);box-shadow:0 14px 34px -26px rgba(0,32,73,.45)}
@media (max-width:760px){.news-hero::after{width:60%;right:-10%;opacity:.6}}
/* Le regard d'Aurélie : « Ils l'ont fait » */
.news-ex{background:#f3f6fb;border-radius:12px;padding:14px 18px;margin:0 0 14px;border-left:3px solid #002049}
.news-ex p{margin:0;line-height:1.6;color:#2b3a52;font-size:.95rem}
.news-ex .news-ex-label{font-family:"Caveat","Segoe Print",cursive;font-weight:600;font-size:1.3rem;color:#002049;margin-bottom:2px}
.news-ex .news-ex-src{margin-top:6px;font-size:.78rem;color:var(--muted,#55657d)}
.news-ex .news-ex-src a{color:inherit}
/* Le regard d'Aurélie : accroche vers la newsletter */
.news-hook{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0;padding:12px 16px;border-radius:12px;background:rgba(218,160,65,.12);color:#5e3f0a;font-size:.92rem;line-height:1.5}
.news-hook svg{width:20px;height:20px;flex:none;fill:none;stroke:#9A650C;stroke-width:1.7}
.news-hook span{flex:1 1 260px;min-width:0}
.news-hook .news-hook-link{font-weight:700;color:#002049;text-decoration:none;white-space:nowrap}
.news-hook .news-hook-link:hover{text-decoration:underline;text-decoration-color:var(--gold,#DAA041)}
.news-sub .news-sub-fine{font-size:.8rem;color:rgba(255,255,255,.7)}
#newsletter{scroll-margin-top:110px}