/* ACCÉLÉREZ — langage visuel de la maquette J-14 Ligne (référence : pages/02-j14-ligne.html) */
:root{--paper:#F7F6F4;--paper-2:#EFEDE9;--ink:#111110;--ink-soft:#3C3A36;--muted:#75716A;--hair:#D8D4CD;--gold:#F26A2E;--gold-ink:#B0430F;--gold-soft:#F9D3BE;--pad:clamp(28px,6vw,120px);--fh:Archivo;/* @kind font */--fb:Manrope;/* @kind font */--glow:1;/* @kind other */--veilo:1;/* @kind other */--rad:20px;--hw:1px;--ctarad:999px;--secpad:1;/* @kind other */--planhalo:.28;/* @kind other */--aur:.5;/* @kind other */--plancols:3/* @kind other */}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:linear-gradient(160deg,#FBFAF9 0%,var(--paper) 38%,var(--paper-2) 100%);color:var(--ink);font-family:var(--fb),system-ui,sans-serif;font-size:17px;line-height:1.6;letter-spacing:.005em;text-wrap:pretty}
h1,h2,h3,h4,.dp{font-family:var(--fh),Helvetica,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:.94}
img,video{display:block;max-width:100%}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--gold-ink)}
.lab{font-family:var(--fh),sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-ink);display:inline-block}
.lab.k{color:var(--muted)}
.sec{padding:calc(clamp(30px,3.6vw,64px) * var(--secpad)) var(--pad)}
.hair{border-top:var(--hw) solid var(--hair)}
.gold{color:var(--gold-ink)}
.lede{font-size:19px;color:var(--ink-soft);max-width:56ch}
.small{font-size:15px;color:var(--muted)}
h2.big{font-size:clamp(2.1rem,4.6vw,3.9rem)}
/* CTA */
.cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:16px;min-height:56px;padding:16px 28px;border:var(--hw) solid rgba(255,255,255,.55);border-radius:var(--ctarad);font-family:var(--fh),sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.20));backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -10px 20px rgba(255,255,255,.30),inset 0 0 0 1px rgba(242,106,46,.10),0 14px 30px -18px rgba(35,29,22,.55);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s,color .28s,border-color .28s}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 24% -10%,rgba(255,255,255,.95),rgba(255,255,255,0) 58%),radial-gradient(80% 60% at 82% 120%,rgba(242,106,46,.35),rgba(242,106,46,0) 70%);opacity:.85;transition:opacity .28s}
.cta::after{content:"";position:absolute;left:-30%;top:-120%;width:44%;height:340%;z-index:-1;transform:rotate(18deg) translateX(-40%);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s}
.cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -12px 24px rgba(255,255,255,.4),0 22px 44px -20px rgba(35,29,22,.6)}
.cta:hover::after{opacity:1;transform:rotate(18deg) translateX(320%)}
.cta:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(35,29,22,.28),0 8px 18px -14px rgba(35,29,22,.5)}
.cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cta.gold{border-color:rgba(242,106,46,.55);color:var(--gold-ink);background:linear-gradient(180deg,rgba(255,240,231,.78),rgba(251,169,76,.22))}
.cta.gold::before{background:radial-gradient(120% 90% at 24% -10%,rgba(255,255,255,.9),rgba(255,255,255,0) 58%),radial-gradient(90% 70% at 80% 120%,rgba(242,106,46,.5),rgba(242,106,46,0) 72%)}
.cta.solid{color:#FFF4EC;border-color:var(--ink);background:linear-gradient(180deg,rgba(52,45,40,.94),rgba(17,17,16,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -12px 24px rgba(0,0,0,.35),0 16px 34px -18px rgba(17,17,16,.8)}
.cta.solid::before{background:radial-gradient(120% 90% at 24% -10%,rgba(255,255,255,.42),rgba(255,255,255,0) 58%),radial-gradient(90% 70% at 82% 120%,rgba(242,106,46,.55),rgba(242,106,46,0) 72%)}
.cta.solid:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -14px 28px rgba(0,0,0,.3),0 24px 48px -20px rgba(17,17,16,.85)}
.arrow{font-size:15px;letter-spacing:0}.link{display:inline-block;font-family:var(--fh),sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid var(--gold);color:var(--ink);align-self:flex-start;width:fit-content}
.link:hover{color:var(--gold-ink)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid rgba(242,106,46,.28);background:rgba(242,106,46,.08);font-family:var(--fh),sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.pill b{width:7px;height:7px;border-radius:50%;background:var(--gold);display:block}
.tag{align-self:flex-start;font:11px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.04em;border:1px solid var(--gold);color:var(--gold-ink);padding:5px 9px}
/* en-tête */
header.top{position:fixed;inset-inline:0;top:0;z-index:70;display:flex;align-items:center;gap:28px;height:68px;padding:0 var(--pad);transition:background .32s,box-shadow .32s,backdrop-filter .32s,border-color .32s;background:rgba(250,249,247,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair);box-shadow:0 18px 40px -38px rgba(35,29,22,.6)}
header.top[data-tone="over"]{background:transparent;border-bottom-color:transparent;box-shadow:none}
header.top[data-tone="over"] nav.n a{color:rgba(255,255,255,.92)}
header.top[data-tone="over"] nav.n a:hover{color:#fff}
header.top[data-tone="over"] img{filter:brightness(0) invert(1)}
header.top[data-tone="over"] .cta{color:#fff;border-color:rgba(255,255,255,.5);background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 34px -20px rgba(0,0,0,.7)}
header.top[data-tone="over"] .cta:hover{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.18))}
header.top img{height:30px;width:auto;transition:filter .32s}
header.top .brand{display:flex;flex-direction:column;gap:7px}
header.top .brand i{display:block;width:34px;height:3px;background:var(--gold)}
nav.n{display:flex;gap:26px;margin-left:auto}
nav.n a{font-family:var(--fh),sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
nav.n a:hover,nav.n a[aria-current="page"]{color:var(--ink)}
header.top .cta{min-height:44px;padding:12px 20px;font-size:11px;white-space:nowrap}
/* tête de page */
.phead{padding:calc(68px + clamp(56px,9vh,120px)) var(--pad) clamp(48px,6vw,90px);display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.phead h1{font-size:clamp(2.4rem,6.6vw,5.4rem);line-height:.98;letter-spacing:-.035em;max-width:22ch}
.phead .dp{font-size:clamp(3.4rem,9vw,7rem);line-height:.82;letter-spacing:-.045em;margin-left:-.05em;color:var(--gold-ink)}
/* grilles de contenu */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px)}
.two.wide{grid-template-columns:1.15fr .85fr}
.list{display:flex;flex-direction:column}
.item{display:grid;grid-template-columns:74px 1fr 1fr;gap:clamp(20px,3vw,48px);padding:34px 0;border-top:var(--hw) solid var(--hair);align-items:start}
.item:last-child{border-bottom:1px solid var(--hair)}
.item .no{font-family:var(--fh),sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--gold-ink);padding-top:6px}
.item h3{font-size:clamp(1.3rem,2.1vw,1.8rem);letter-spacing:-.02em}
.item p{color:var(--ink-soft);max-width:46ch}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:1px solid var(--hair)}
.steps>div{padding:32px clamp(18px,2.4vw,36px);border-left:1px solid var(--hair);display:flex;flex-direction:column;gap:10px}
.steps>div:first-child{border-left:0;padding-left:0}
.steps .n{font-family:var(--fh),sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--gold-ink)}
.steps h3{font-size:1.25rem}
.panel{border:var(--hw) solid var(--hair);border-radius:var(--rad);background:rgba(255,255,255,.6);padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;gap:16px}
.panel.gold{border-color:var(--gold);background:linear-gradient(180deg,#fff,#FDFBF6)}
.slot{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--hair);background:#fff;overflow:hidden}
.slot img{width:100%;height:100%;object-fit:cover}
/* formules */
.plans{display:grid;grid-template-columns:repeat(var(--plancols),minmax(0,1fr));gap:26px;margin-top:48px;text-align:left}
.plancar{position:relative;margin-top:48px}
.planrail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:18px 4px 26px;margin:-18px -4px -26px}
.planrail::-webkit-scrollbar{display:none}
.planrail .plans{display:flex;flex-wrap:nowrap;width:max-content;min-width:100%;grid-template-columns:none;margin-top:0}
.planrail .plan{flex:0 0 var(--cardw,320px);scroll-snap-align:start}
.pnav{position:absolute;top:50%;translate:0 -50%;width:54px;height:54px;border-radius:999px;border:var(--hw) solid var(--hair);background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:grid;place-items:center;font-size:1.15rem;line-height:1;color:var(--ink);cursor:pointer;z-index:6;box-shadow:0 18px 34px -20px rgba(35,29,22,.4);transition:background .3s,color .3s,opacity .3s,transform .3s}
.pnav:hover{background:var(--ink);color:#fff;transform:scale(1.06)}
.pnav.prev{left:-27px}.pnav.next{right:-27px}
.pnav[data-off]{opacity:0;pointer-events:none}
.plan{position:relative;overflow:hidden;border:var(--hw) solid var(--hair);border-radius:var(--rad);background:rgba(255,255,255,.62);backdrop-filter:blur(6px);padding:clamp(24px,2.6vw,38px);display:flex;flex-direction:column;gap:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.plan:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 34px 60px -34px rgba(35,29,22,.45)}
.plan .halo{position:absolute;inset:-30%;z-index:0;opacity:0;filter:blur(48px);background:linear-gradient(45deg,rgba(242,106,46,.55),rgba(251,169,76,.45));transition:opacity .5s}
.plan:hover .halo{opacity:var(--planhalo)}
.plan>*{position:relative;z-index:1}
.plan.star{background:#fff;border-color:transparent}
.plan .badge2{position:absolute;top:0;right:0;z-index:2;background:var(--gold);color:#141210;font-family:var(--fh),sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;border-radius:0 calc(var(--rad) - 4px) 0 12px}
.plan.star::after{content:"";position:absolute;inset:calc(-1 * var(--hw));z-index:3;pointer-events:none;border-radius:var(--rad);box-shadow:inset 0 0 0 4px var(--gold)}
.plan h3{font-size:clamp(1.5rem,2.2vw,1.9rem);letter-spacing:-.02em}
.plan .amt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px}
.plan .amt b{font-family:var(--fh),sans-serif;font-size:clamp(2.6rem,4.4vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.plan .amt em{font-style:normal;font-size:14px;color:var(--muted);white-space:nowrap}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:6px}
.plan li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink-soft)}
.plan li s{text-decoration:none;flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-ink);font-size:10px;line-height:16px;text-align:center;margin-top:2px}
.plan .cta{margin-top:auto;justify-content:center;width:100%}
.plan .cta u{text-decoration:none;font-size:1.45em;font-weight:800;letter-spacing:-.02em;margin:0 .06em;white-space:nowrap}
.ptop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.ptop .btag{margin:0}
.phrs{display:inline-flex;align-items:center;justify-content:center;font-family:var(--fh),sans-serif;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#fff;background:var(--gold);border-radius:999px;padding:10px 18px;line-height:1}
/* tableau de prix */
.tbl{display:flex;flex-direction:column;border-top:var(--hw) solid var(--hair)}
.tbl .r{display:grid;grid-template-columns:1fr auto;gap:clamp(18px,3vw,48px);align-items:center;padding:26px 0;border-bottom:var(--hw) solid var(--hair)}
.tbl h3{font-size:clamp(1.1rem,1.8vw,1.4rem)}
.tbl .pr{font-family:var(--fh),sans-serif;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.tbl .pr.free{color:var(--gold-ink)}
.ticks{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:18px}
.ticks li{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:var(--ink-soft);border-top:1px solid var(--hair);padding-top:12px}
.ticks li s{text-decoration:none;flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-ink);font-size:10px;line-height:16px;text-align:center;margin-top:3px}
.ticks.minus li s{border-color:var(--hair);color:var(--muted)}
/* bandes image / vidéo */
.bleed{position:relative;margin:clamp(28px,3.4vw,56px) calc(var(--pad) * -1) 0;aspect-ratio:21/9;overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:#fff}
.bleed.tall{aspect-ratio:16/9}
.bleed.flush{margin-left:0;margin-right:0;margin-top:0}
.bleed .bleedvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bleed .ov{position:absolute;inset:auto 0 0 0;pointer-events:none;padding:clamp(22px,3.4vw,54px);background:linear-gradient(180deg,transparent,rgba(10,10,10,.72) 55%,rgba(10,10,10,.86))}
.bleed .ov h3{color:#fff;font-size:clamp(1.5rem,3.4vw,3.2rem);max-width:24ch;letter-spacing:-.03em}
.bleed .ov .lab{color:#fff;opacity:.86;margin-bottom:10px;display:block}
/* champs */
.form{display:flex;flex-wrap:wrap;gap:14px;max-width:620px}
.form input,.form select{flex:1;min-width:220px;min-height:58px;background:#fff;border:var(--hw) solid var(--hair);border-radius:999px;padding:16px 24px;font:400 17px/1.4 var(--fb),sans-serif;color:var(--ink);appearance:none}
.form.col{flex-direction:column;max-width:460px}
.form.col input,.form.col select,.form.col .cta{width:100%;flex:0 0 auto}
.form input::placeholder{color:var(--muted)}
.form input:focus,.form select:focus{outline:0;border-color:var(--gold)}
.err{display:none;font-family:var(--fh),sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#C0261A}
.err.on{display:block}
/* pied */
footer.f{background:var(--ink);color:#A9A49B;padding:clamp(40px,5vw,72px) var(--pad) 28px;margin-top:0}
footer.f img{height:26px;width:auto;filter:brightness(0) invert(1);margin-bottom:20px}
footer.f .g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
footer.f h4{font-family:var(--fh),sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:16px}
footer.f ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
footer.f a{color:#A9A49B}footer.f a:hover{color:var(--gold-ink)}
footer.f .bot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2A2825;margin-top:52px;padding-top:20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.mbar{display:flex;position:fixed;right:20px;bottom:20px;z-index:50;gap:8px;padding:7px;border-radius:999px;background:rgba(250,249,247,.9);backdrop-filter:blur(12px);border:1px solid var(--hair);box-shadow:0 18px 40px -24px rgba(35,29,22,.45);transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1)}
body[data-scrolling] .mbar{opacity:0;transform:translateY(18px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.mbar{transition:none}body[data-scrolling] .mbar{opacity:1;transform:none;pointer-events:auto}}
.mbar .cta{flex:0 0 auto;min-height:38px;padding:9px 16px;font-size:10px;white-space:nowrap;justify-content:center}
.mbar .cta.solid{background:#FFFFFF;color:#111110;border-color:#FFFFFF}.mbar .cta.solid:hover{background:#FFFFFF;color:#111110}.mbar .cta.solid::before{background:none}
/* apparitions */
[data-rise]{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
[data-rise].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-rise]{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:960px){
h2.big{font-size:clamp(1.65rem,8vw,2.6rem)}
:root{--secpad:.82/* @kind other */}
.bleed,.bleed.tall{aspect-ratio:auto;height:min(58vh,420px)}
.bleed .ov{padding:20px 18px}
.link{min-height:44px;display:inline-flex;align-items:center;align-self:flex-start;width:fit-content}
footer.f ul{gap:2px}
footer.f ul a,footer.f ul li{display:inline-flex;align-items:center;min-height:44px}
.lede,.phead p{font-size:17px}
.tbl .pr{font-size:clamp(1.5rem,7vw,2rem)}
.ticks li{font-size:15px}
nav.n{display:none}
.phead{padding-top:calc(68px + 40px)}
.two,.two.wide,.steps,footer.f .g{grid-template-columns:1fr}
.steps>div{border-left:0;border-top:1px solid var(--hair);padding:20px 0}.steps>div:first-child{border-top:0}
.item{grid-template-columns:1fr;gap:12px}
.plans{grid-template-columns:minmax(0,1fr);gap:18px}
.plancar{margin-top:14px;padding-top:0}
.planrail{padding:10px 0 18px;margin:-10px 0 -18px}
.planrail .plans{gap:16px}

.pnav{display:none}
.pnav.prev{left:auto;right:58px}.pnav.next{right:0}
.plan{backdrop-filter:none;background:#fff}.plan .halo{display:none}
.plan:hover{transform:none;box-shadow:none}
.tbl .r{grid-template-columns:1fr;gap:10px}
.bleed .ov h3{font-size:clamp(1.15rem,5.6vw,1.6rem);max-width:none}
footer.f{padding-bottom:96px}footer.f .bot{flex-direction:column;gap:10px}
footer.f .g{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 18px;align-items:start}
footer.f .g>div:first-child,footer.f .g>div:last-child{grid-column:1/-1}
footer.f h4{margin-bottom:8px}
footer.f ul{gap:2px;font-size:14px}
footer.f ul li{min-height:0;padding:0;white-space:nowrap}
footer.f ul li a{min-height:0;display:block;padding:6px 0;white-space:nowrap}
footer.f ul li .soc{display:flex;padding-top:6px}
footer.f img{margin-bottom:14px}
footer.f .bot{margin-top:28px}
.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-radius:0;backdrop-filter:blur(14px);border:0;box-shadow:none;background:rgba(250,249,247,.94);border-top:1px solid var(--hair)}
body[data-scrolling] .mbar{opacity:1;transform:translateY(100%);pointer-events:none}
.mbar .cta{flex:1;justify-content:center;min-height:38px;padding:9px 8px;font-size:9px;letter-spacing:.12em;border-radius:999px;box-shadow:none;white-space:nowrap}
.mbar .cta::after{display:none;content:none}
.mbar .cta:hover{transform:none;box-shadow:none}
.mbar .cta.solid{background:#FFFFFF;color:#111110;border-color:#FFFFFF}
.mbar .cta.solid:hover{background:#FFFFFF;color:#111110}
.mbar .cta.solid::before{background:none}
.cta::after{display:none}
[data-rise]{transform:translateY(14px);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
}

/* ===== menu mobile (burger) ===== */
.burger{display:none;margin-left:auto;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;position:relative;z-index:81}
header.top[data-tone="over"] .burger{color:#fff}
.burger i{display:block;width:22px;height:2px;margin:5px auto;background:currentColor;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}
body[data-nav="open"] .burger{color:var(--ink)}
body[data-nav="open"] .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
body[data-nav="open"] .burger i:nth-child(2){opacity:0}
body[data-nav="open"] .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(78vw,330px);z-index:78;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:76px 22px 34px;background:rgba(250,249,247,.99);backdrop-filter:blur(12px);box-shadow:-18px 0 46px -24px rgba(17,17,16,.42);opacity:0;transform:translateX(102%);pointer-events:none;transition:opacity .34s cubic-bezier(.2,.8,.2,1),transform .34s cubic-bezier(.2,.8,.2,1)}
.mscrim{position:fixed;inset:0;z-index:74;background:rgba(17,17,16,.34);opacity:0;pointer-events:none;transition:opacity .34s ease}
body[data-nav="open"] .mscrim{opacity:1;pointer-events:auto}
body[data-nav="open"] .mnav{opacity:1;transform:none;pointer-events:auto}
.mnav a{font-family:var(--fh),sans-serif;font-size:clamp(17px,4.6vw,21px);font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);padding:16px 0;border-bottom:1px solid var(--hair)}
.mnav a[aria-current="page"]{color:var(--gold-ink)}
.mnav .tel{margin-top:24px;font-family:var(--fb),sans-serif;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;border:0;color:var(--muted);padding:0}
@media(max-width:960px){.burger{display:block}}
@media(min-width:961px){.mnav,.mscrim{display:none}}
@media(prefers-reduced-motion:reduce){.mnav,.mscrim,.burger i{transition:none}}

/* réserver (bandeau final) */
#rappel{background:var(--gold);border-top:0;padding-top:clamp(40px,5.5vh,76px);padding-bottom:clamp(40px,5.5vh,76px)}
.rp{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
#rappel .lab{color:var(--ink);opacity:.65}
#rappel h2{color:var(--ink);max-width:none;margin-top:14px;font-size:clamp(1.15rem,2.1vw,1.85rem);line-height:1.12}
#rappel .form{margin:0;justify-content:flex-end}
#rappel .form input{border-color:rgba(35,29,22,.2);background:#fffefb}
#rappel .form input::placeholder{color:#8B7F6F}
#rappel .cta.solid{background:var(--ink);color:#fffefb;border-color:var(--ink);box-shadow:none;white-space:nowrap}
#rappel .cta.solid:hover{background:#fffefb;color:var(--ink)}
#rappel .cta.solid::before,#rappel .cta.solid::after{display:none;content:none}
@media(max-width:860px){.rp{grid-template-columns:minmax(0,1fr);gap:26px}#rappel .form{justify-content:flex-start}}

/* faq */
.faq{border-top:var(--hw) solid var(--hair)}
.fq{border-bottom:var(--hw) solid var(--hair)}
.fq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(14px,2vw,28px);padding:18px 0}
.fq summary::-webkit-details-marker{display:none}
.fq summary .no{font-family:var(--fh),sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--gold-ink)}
.fq summary h3{font-size:clamp(1.15rem,2vw,1.6rem);letter-spacing:-.02em;transition:color .25s}
.fq summary:hover h3{color:var(--gold-ink)}
.fq summary i{position:relative;width:16px;height:16px;flex:0 0 auto}
.fq summary i::before,.fq summary i::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;border-radius:2px;background:var(--gold);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.fq summary i::after{transform:rotate(90deg)}
.fq[open] summary i::after{transform:rotate(0)}
.fq>p{max-width:64ch;color:var(--ink-soft);padding:0 0 24px;margin-left:calc(12px + clamp(14px,2vw,28px));animation:fqin .34s cubic-bezier(.2,.8,.2,1)}
@keyframes fqin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fq>p{animation:none}.fq summary i::before,.fq summary i::after{transition:none}}
@media(max-width:640px){.fq summary{grid-template-columns:1fr auto;gap:12px;padding:18px 0}.fq summary .no{display:none}.fq>p{margin-left:0}}

/* réseaux sociaux (pied de page) */
.soc{display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px}
.soc a{display:grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;flex:0 0 28px;padding:0;border-radius:50%;border:var(--hw) solid var(--hair);color:var(--muted);transition:color .25s,border-color .25s,background .25s,transform .25s}
.soc a:hover{color:var(--ink);border-color:var(--gold);background:var(--gold-soft);transform:translateY(-2px)}
.soc svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.soc svg .fx{fill:currentColor;stroke:none}
footer.f ul li .soc a{width:28px;height:28px;min-width:28px;min-height:28px;border-color:#3A3733;color:#A9A49B}
footer.f ul li .soc a:hover{color:#fffefb;border-color:var(--gold);background:transparent}
footer.f ul li:has(.soc){min-height:0;display:block}

/* titres de page */
.phead,.fq-head{padding:calc(68px + clamp(14px,2vh,24px)) var(--pad) clamp(12px,1.6vh,20px)!important}
.phead>.lab,.fq-head>.lab,.phead>.pill{display:none}
.phead h1,.fq-head h1,.ptitle{position:relative;font-family:var(--fh),sans-serif!important;font-size:clamp(1.75rem,5.6vw,3rem)!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.035em!important;line-height:1.06!important;max-width:24ch!important;white-space:normal!important;color:var(--ink)!important;margin-top:0!important}
.phead h1 em,.fq-head h1 em,.ptitle em{font-style:normal;color:var(--gold-ink)}
.phead h1::after,.fq-head h1::after,.ptitle::after{content:"";display:block;width:34px;height:4px;border-radius:2px;background:var(--gold);margin-top:clamp(12px,1.6vh,18px)}

html{overflow-x:hidden}
body{overflow-x:clip;max-width:100vw}
.mnav{will-change:transform;contain:layout paint}
body:not([data-nav="open"]) .mnav{visibility:hidden}
body[data-nav="open"] .mnav{visibility:visible}

/* alignement des cartes de formules */
.pnav{display:none!important}
.phrs{white-space:nowrap;flex:0 0 auto}
.plan .cta{white-space:nowrap}
.plan>h3{min-height:2.3em}
.plan>p.small{min-height:3.1em}
.plan .amt{margin-top:auto}
.plan ul{margin-top:18px}

.plan .badge2{color:#FFFFFF!important}

.fq-head h1{white-space:nowrap!important;max-width:none!important;font-size:min(3rem,4vw)!important}