/* polices hébergées sur le site (aucun appel à Google, RGPD) */
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/lora-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/lora-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/lora-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/lora-latin-500-italic.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/lora-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:600;font-display:swap;src:url(/assets/fonts/lora-latin-600-italic.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/poppins-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-latin-500-normal.woff2) format('woff2')}

/* Layout : bandes noir pur / ivoire, contenu centré. Univers BFWM : terrain en lignes d'or, courbe de pesée, vidéo terrain en couleur */
:root{
  --ink:#0A0A0A; --ink-2:#111110; --ink-3:#1A1916;
  --ivory:#F1EBDF; --ivory-2:#E8E0D0;
  --gold:#C9A84C; --gold-soft:#E2C27E; --gold-deep:#8C6A22;
  --text:#ECE6DA; --muted:#A39B8C; --text-iv:#2A251E; --muted-iv:#6E6556;
  --line:rgba(201,168,76,.22);
  --serif:"Lora", Georgia, "Times New Roman", serif;
  --sans:"Poppins", "Helvetica Neue", Arial, sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
section{position:relative}
.dark{background:
  radial-gradient(1200px 600px at 85% 110%, rgba(201,168,76,.10), transparent 60%),
  radial-gradient(900px 500px at 10% -10%, rgba(201,168,76,.07), transparent 60%),
  repeating-linear-gradient(115deg, transparent 0 140px, rgba(201,168,76,.035) 140px 141px),
  var(--ink-2);}
.ivory{background:
  radial-gradient(900px 500px at 50% 0%, rgba(255,255,255,.5), transparent 70%),
  repeating-linear-gradient(115deg, transparent 0 160px, rgba(140,106,34,.05) 160px 161px),
  var(--ivory);color:var(--text-iv)}
.pad{padding-block:clamp(72px,10vw,120px)}
.center{text-align:center}
.eyebrow{font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.ivory .eyebrow{color:var(--gold-deep)}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;text-wrap:balance;line-height:1.15}
h2{font-size:clamp(30px,4.6vw,46px);margin-top:14px}
h2 em,h1 em{color:var(--gold-soft);font-style:italic;position:relative}
.ivory h2 em{color:var(--gold-deep)}
.swash{display:inline-block;position:relative}
.swash::after{content:"";position:absolute;left:4%;right:4%;bottom:-.08em;height:1px;background:linear-gradient(90deg,transparent,currentColor 20%,currentColor 70%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .2s;opacity:.7}
.in .swash::after,.swash.in::after{transform:scaleX(1)}
.lead{max-width:640px;margin:22px auto 0;font-size:16px;color:var(--muted)}
.ivory .lead{color:var(--muted-iv)}
.rule{width:64px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(.2);transition:transform 1.2s ease}
.in .rule,.rule.in{transform:scaleX(1)}

/* boutons */
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--gold);position:relative;overflow:hidden;transition:color .4s,background .4s,transform .3s}
.btn-gold{background:linear-gradient(100deg,#B99540,#E6C98A 55%,#C9A84C);color:#15110A;border-color:transparent}
.btn-gold::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s}
.btn-gold:hover::before{transform:translateX(120%)}
.btn-ghost{color:var(--text);background:rgba(10,10,10,.35)}
.btn-ghost:hover{background:var(--gold);color:#15110A}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}
.btn .arr{transition:transform .3s}
.btn:hover .arr{transform:translateX(4px)}
.link{font-weight:500;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:6px;transition:border-color .3s}
.link:hover{border-color:var(--gold)}
.ivory .link{color:var(--gold-deep)}

/* en-tête */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
.progress{position:fixed;top:env(safe-area-inset-top,0px);left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));z-index:55}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(14,13,12,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,.12);transition:padding .35s}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px;transition:padding .35s}
header.top.slim .wrap{padding-block:9px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:42px;height:42px;transition:width .35s,height .35s}
header.top.slim .brand img{width:34px;height:34px}
.brand b{display:block;font-family:var(--serif);font-weight:500;font-size:16px;letter-spacing:.06em;color:var(--text)}
.brand small{display:block;white-space:nowrap;font-size:9px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase}
nav.main{display:flex;align-items:center;gap:clamp(14px,1.4vw,22px);margin-left:auto;font-size:11.5px!important;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
nav.main a{color:var(--muted);transition:color .3s;position:relative}
nav.main a:hover{color:var(--text)}
nav.main .lang{color:var(--gold);border:1px solid var(--line);padding:4px 9px;font-size:10.5px}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:1px;background:var(--text);margin:6px 0;transition:transform .3s,opacity .3s}
.drawer{position:fixed;inset:0;z-index:70;background:rgba(10,9,8,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;font-family:var(--serif);font-size:26px;padding:max(24px,env(safe-area-inset-top,0px)) 24px}
.drawer a:hover{color:var(--gold-soft)}
.drawer .close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));background:none;border:1px solid var(--line);color:var(--text);font-size:12px;letter-spacing:.2em;padding:10px 14px;cursor:pointer;font-family:var(--sans)}
header .wrap{max-width:1400px}
.brand{flex:none}
@media (max-width:1380px){nav.main{display:none}.burger{display:block}}

/* hero */
.hero{height:calc(100svh - 62px);min-height:560px;max-height:980px;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.hero .ph{position:absolute;inset:0;background:#000}
.hero .hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,.05) 22%,rgba(10,10,10,.15) 45%,rgba(10,10,10,.82) 74%,var(--ink) 100%)}
#dust{position:absolute;inset:0;z-index:2;pointer-events:none;width:100%;height:100%}
.frame{position:absolute;inset:clamp(10px,2.6vw,26px);border:1px solid rgba(201,168,76,.38);z-index:2;pointer-events:none}
.hero .content{position:relative;z-index:3;padding-block:0 clamp(40px,7vw,90px);text-align:center;width:100%}
.hero .kick{display:flex;align-items:center;justify-content:center;gap:14px}
.hero .kick::before,.hero .kick::after{content:"";width:34px;height:1px;background:var(--gold);flex:none}
.hero h1{font-size:clamp(38px,7vw,82px);margin-top:18px;color:#F7F2E7;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.hero h1 em{display:block}
.hero .lead{color:#DAD2C3;font-size:16px;max-width:560px;text-shadow:0 1px 14px rgba(0,0,0,.6)}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.hero .meta{margin-top:22px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#A39B8C}
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(24px);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{to{opacity:1;transform:none}}
.sound{position:absolute;z-index:4;right:calc(clamp(10px,2.6vw,26px) + 14px + env(safe-area-inset-right,0px));top:calc(clamp(10px,2.6vw,26px) + 14px);display:inline-flex;align-items:center;gap:9px;background:rgba(10,10,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(201,168,76,.45);color:var(--gold-soft);font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;padding:10px 14px;cursor:pointer}
.sound .eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}
.sound .eq i{width:2px;height:3px;background:var(--gold);display:block}
.sound.on .eq i{animation:eq .9s ease-in-out infinite}
.sound.on .eq i:nth-child(2){animation-delay:.2s}.sound.on .eq i:nth-child(3){animation-delay:.4s}
@keyframes eq{50%{height:12px}}
@media (max-width:600px){
  .hero{height:auto;min-height:0;max-height:none;display:block}
  .hero::after{display:none}
  .hero .ph{position:relative;inset:auto;height:64svh;min-height:400px;overflow:hidden}
  .hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.45) 0%,rgba(10,10,10,0) 18%,rgba(10,10,10,0) 55%,rgba(10,10,10,.7) 82%,var(--ink) 100%)}
  .hero .hv{object-position:50% 42%}
  #dust{height:64svh}
  .hero .content{margin-top:-64px;padding-block:0 44px}
  .hero .kick{font-size:9.5px;letter-spacing:.26em;gap:10px}
  .hero .kick::before,.hero .kick::after{width:18px}
  .hero h1{font-size:clamp(36px,10.5vw,46px)}
  .hero .lead{font-size:14.5px;margin-top:14px}
  .hero .ctas .btn{width:100%;justify-content:center}
  .hero .meta{display:none}
}
/* or qui scintille */
.shine{background:linear-gradient(100deg,var(--gold) 0%,var(--gold-soft) 30%,#FFF1CC 45%,var(--gold-soft) 60%,var(--gold) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:shine 7s ease-in-out infinite}
@keyframes shine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.swash.shine::after{background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 70%,transparent)}
.ivory .shine{background-image:linear-gradient(100deg,#7A5A1A 0%,#B38A35 45%,#7A5A1A 100%)}
/* bouton qui respire */
.breath{animation:breath 3.2s ease-in-out infinite}
@keyframes breath{50%{box-shadow:0 0 0 6px rgba(201,168,76,.12),0 0 34px rgba(201,168,76,.35)}}
/* terrain en lignes d'or */
.pitch{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5}
.pitch path,.pitch circle,.pitch rect,.pitch line{fill:none;stroke:rgba(201,168,76,.28);stroke-width:1.2;stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200);animation:draw 14s ease-in-out infinite alternate}
.pitch .d2{animation-delay:1.2s}.pitch .d3{animation-delay:2.4s}.pitch .d4{animation-delay:3.6s}
@keyframes draw{0%,8%{stroke-dashoffset:var(--len,1200)}70%,100%{stroke-dashoffset:0}}
.dark > .wrap{position:relative;z-index:1}
/* courbe de pesée */
.curve{margin:60px auto 0;max-width:820px;text-align:left}
.curve svg{width:100%;height:auto;display:block;overflow:visible}
.curve .ttl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.curve .ttl b{font-family:var(--serif);font-weight:400;font-size:20px;color:#F3EEE3}
.curve .ttl span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.curve .cap2{font-size:12px;color:#8E8676;margin-top:10px}
.curve .line{fill:none;stroke:url(#gl);stroke-width:2.2;stroke-dasharray:900;stroke-dashoffset:900}
.in .curve .line{animation:trace 2.6s cubic-bezier(.4,.1,.2,1) forwards}
@keyframes trace{to{stroke-dashoffset:0}}
.curve .area{fill:url(#ga);opacity:0;transition:opacity 1.2s 1.6s}
.in .curve .area{opacity:1}
.curve text{font-family:var(--sans);font-size:11px;fill:#A39B8C}
.curve .big{font-family:var(--serif);font-size:20px;fill:#F3EEE3}
.curve .tick{stroke:rgba(201,168,76,.25);stroke-width:1}
.curve .wk{opacity:.25;transition:opacity .3s}
.curve .runner{fill:var(--gold-soft);filter:drop-shadow(0 0 6px rgba(226,194,126,.9))}

/* bande citation */
.band{padding-block:34px;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,24px);color:#D9D1C2;border-block:1px solid rgba(201,168,76,.12);background:var(--ink)}
.band em{color:var(--gold-soft)}

/* marquee */
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;width:max-content;gap:var(--gap,28px);animation:slide var(--dur,40s) linear infinite}
.track.rev{animation-direction:reverse}
.marquee:hover .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.crest{width:96px;height:96px;display:grid;place-items:center;border:0;background:none;font-family:var(--serif);font-size:15px;letter-spacing:.06em;color:var(--gold-soft);transition:transform .4s,border-color .4s,box-shadow .4s;flex:none}
.crest img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.crest:hover{transform:translateY(-4px) scale(1.06)}

/* chiffres */
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(201,168,76,.18);margin-top:56px}
.stat{padding:44px 22px;text-align:center;border-right:1px solid rgba(201,168,76,.14)}
.stat:last-child{border-right:0}
.stat .num{font-family:var(--serif);font-size:clamp(46px,6vw,68px);line-height:1;color:#F3EEE3;font-variant-numeric:tabular-nums}
.stat .num small{font-size:.36em;font-style:italic;color:var(--gold-soft);margin-left:4px}
.stat .bar{width:110px;height:1px;background:var(--gold);margin:26px auto 18px;transform:scaleX(0);transition:transform 1.2s ease .3s}
.in .stat .bar{transform:scaleX(1)}
.stat .who{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:500}
.stat p{margin:8px auto 0;max-width:250px;font-size:13.5px;color:var(--muted)}
.note{margin:28px auto 0;max-width:720px;font-size:12.5px;color:#8E8676;text-align:center}
@media (max-width:760px){.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(201,168,76,.14)}.stat:last-child{border-bottom:0}}

/* avant / après */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:640px;margin:52px auto 0}
.ph-box{aspect-ratio:3/4;max-width:100%;position:relative;overflow:hidden;background:linear-gradient(160deg,#2A251E,#16130F);border:1px solid rgba(201,168,76,.18)}
.ph-box .tag{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;background:rgba(14,13,12,.75);color:var(--gold-soft);padding:5px 10px;z-index:2}
.ph-box .ph-label{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(218,185,120,.35);text-align:center;padding:12px}
.ph-box img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}
.ph-box:hover img{transform:scale(1.06);filter:brightness(1.08)}
.ph-box::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(201,168,76,0);transition:box-shadow .5s}
.ph-box:hover::after{box-shadow:inset 0 0 0 1px rgba(201,168,76,.8),inset 0 0 60px rgba(201,168,76,.15)}
.ba1{grid-template-columns:1fr;max-width:760px}
.ba1 .ph-box{aspect-ratio:1100/696}
.cap{margin-top:16px;text-align:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.cap b{color:var(--gold-soft);font-weight:500}

/* piliers */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);margin-top:64px}
.col{text-align:center}
.col .rule{margin-bottom:24px}
.col h3{font-size:21px;font-weight:500}
.col p{margin:12px auto 0;max-width:300px;font-size:14.5px;color:var(--muted-iv)}
@media (max-width:820px){.cols{grid-template-columns:1fr}}

.wide{margin:48px auto 0;max-width:900px;aspect-ratio:16/9}
.wide img{object-position:50% 35%}
/* étapes */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;border-top:1px solid rgba(201,168,76,.18)}
.step{padding:34px 22px 10px;border-right:1px solid rgba(201,168,76,.12);position:relative}
.step:last-child{border-right:0}
.step .n{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:15px}
.step h3{font-size:20px;margin-top:10px;color:#F3EEE3}
.step p{font-size:14px;color:var(--muted);margin:10px 0 0}
.step::before{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--gold);transition:width 1s ease}
.in .step::before{width:100%}
.in .step:nth-child(2)::before{transition-delay:.25s}.in .step:nth-child(3)::before{transition-delay:.5s}.in .step:nth-child(4)::before{transition-delay:.75s}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}}
@media (max-width:560px){.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid rgba(201,168,76,.12);padding-bottom:28px}}

/* cartes joueurs */
.players{padding-block:56px 10px}
.pcard{width:214px;height:320px;perspective:900px;flex:none;cursor:pointer;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left}
.pcard .in3d{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}
.pcard:hover .in3d,.pcard.flip .in3d{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(201,168,76,.2);overflow:hidden}
.front{background:linear-gradient(170deg,#2A251E,#120F0C)}
.front .ini{position:absolute;inset:0 0 70px;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:64px;color:rgba(218,185,120,.25)}
.front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.front .meta{position:absolute;left:0;right:0;bottom:0;padding:70px 14px 14px;background:linear-gradient(180deg,transparent,rgba(10,9,8,.55) 35%,rgba(10,9,8,.96))}
.front .nm{font-family:var(--serif);font-style:italic;font-size:19px;color:#F3EEE3;line-height:1.2}
.front .cl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);margin-top:4px}
.sbadges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-bottom:10px}
.badge{font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;padding:4px 7px;background:linear-gradient(100deg,#B99540,#E6C98A);color:#15110A}
.badge.o{background:rgba(14,13,12,.8);color:var(--gold-soft);border:1px solid var(--line)}
.back{transform:rotateY(180deg);background:#0E0D0B;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 16px;gap:8px}
.back > *{position:relative;z-index:1}
.back .bbg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;filter:blur(14px) brightness(.28) saturate(.8);transform:scale(1.2)}
.back::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 0%,rgba(201,168,76,.25),transparent 60%)}
.back .bcrest{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6));margin-bottom:4px}
.back .ini2{display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font-family:var(--serif);font-style:italic;color:var(--gold-soft)}
.back .bb{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.back .bb span{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line);color:var(--gold-soft);padding:3px 6px}
.back .res{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.35;color:#F3EEE3;max-width:170px}
.back .res span{display:block;font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.back .res.soft{font-size:13.5px;color:#D8D0C1}
.back .sig2{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8E8676;margin-top:4px}
.back .nm{font-family:var(--serif);font-size:18px;line-height:1.2;color:#F3EEE3}
.back .cl{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft)}
.back .ln{width:40px;height:1px;background:var(--gold)}
.back .tx{font-size:12.5px;color:var(--muted)}
.hint{text-align:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#7F7768;margin-top:22px}

/* formules */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.plan{border:1px solid rgba(140,106,34,.28);padding:34px 26px;text-align:center;background:rgba(255,255,255,.35);transition:transform .4s,box-shadow .4s,border-color .4s}
.plan:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(60,40,10,.12);border-color:var(--gold-deep)}
.plan .dur{font-family:var(--serif);font-size:56px;line-height:1;color:var(--text-iv)}
.plan .dur small{font-size:13px;letter-spacing:.24em;text-transform:uppercase;font-family:var(--sans);display:block;margin-top:8px;color:var(--gold-deep)}
.plan h3{font-size:21px;margin-top:20px;font-style:italic}
.plan p{font-size:14px;color:var(--muted-iv);margin:10px 0 0}
.elite{margin-top:18px;border:1px solid var(--gold-deep);padding:38px clamp(20px,4vw,48px);display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px;align-items:center;background:linear-gradient(120deg,#17140F,#221C13);color:var(--text)}
.elite .eyebrow{color:var(--gold)}
.elite h3{font-size:clamp(24px,3vw,30px);margin-top:10px}
.elite p{color:var(--muted);font-size:14.5px;margin:10px auto 0;max-width:620px}
.price-note{margin-top:26px;text-align:center;font-size:13px;color:var(--muted-iv)}
@media (max-width:860px){.plans{grid-template-columns:1fr}.elite{grid-template-columns:1fr;text-align:center}.elite .btn{justify-self:center}}

/* semaine */
.week{margin-top:56px;border-top:1px solid rgba(201,168,76,.14)}
.day{display:grid;grid-template-columns:1.1fr 1fr 1.4fr;gap:20px;align-items:center;padding:26px 6px;border-bottom:1px solid rgba(201,168,76,.14);transition:background .4s}
.day:hover{background:rgba(201,168,76,.05)}
.day h3{font-style:italic;font-size:21px;color:#F3EEE3}
.day .obj{color:var(--gold-soft);font-size:14px}
.day .tx{color:var(--muted);font-size:14px}
.day .tx a{color:var(--gold);border-bottom:1px solid var(--line)}
@media (max-width:720px){.day{grid-template-columns:1fr;gap:6px;text-align:center}}

/* app + à propos */
.about{max-width:760px}
.about .portrait{max-width:380px;margin-bottom:36px}
.about .creds{justify-content:center}
.about .bio{max-width:620px;margin-left:auto;margin-right:auto}

.phones{display:flex;justify-content:center;align-items:center;gap:clamp(18px,5vw,56px);margin:48px auto 0;position:relative}
.phones::before{content:"";position:absolute;inset:10% 18%;background:radial-gradient(closest-side,rgba(201,168,76,.22),transparent);filter:blur(40px);z-index:0}
.phone{position:relative;z-index:1;width:min(300px,40vw);aspect-ratio:720/1200;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));animation:pfloat 6s ease-in-out infinite}
.phone+.phone{animation-delay:-3s}
@media (max-width:600px){.phones{gap:12px;margin-left:-8px;margin-right:-8px}.phone{width:46vw}}
.phone .stage{position:absolute;left:0;top:0;width:720px;height:1200px;transform-origin:0 0;transform:scale(var(--k,.4))}
.phone video{position:absolute;left:0;top:0;width:540px;height:1170px;transform-origin:0 0;border-radius:50px;object-fit:cover;background:#121212}
.phone .pframe{position:absolute;left:0;top:0;width:720px;height:1200px;max-width:none;pointer-events:none}
@keyframes pfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.phone{animation:none}}
.badges{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:40px}
[hidden]{display:none!important}
.langs{display:flex;align-items:center;gap:2px;margin-left:14px;flex:none;padding:4px;border:1px solid rgba(201,168,76,.28);border-radius:999px;background:rgba(255,255,255,.02)}
.langs a{display:flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:999px;font-size:10px;letter-spacing:.14em;color:var(--muted,#b9b0a0);transition:background .3s,color .3s}
.langs a svg,.dlangs svg{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.langs a svg{width:18px;height:18px}
.langs svg{preserveAspectRatio:xMidYMid slice}
.langs a:hover{color:var(--text)}
.langs a.on{background:rgba(201,168,76,.16);color:var(--gold-soft)}
@media (max-width:1380px){.langs{margin-left:auto;margin-right:10px}}
@media (max-width:600px){.langs{margin-right:8px;padding:3px;gap:2px}.langs a{padding:3px}.langs a span{display:none}}
.dlangs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.dlangs a{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px 9px 9px;border:1px solid rgba(201,168,76,.28);border-radius:999px}
.dlangs a.on{background:rgba(201,168,76,.16);color:var(--gold-soft)}
.socials{display:flex;gap:8px;flex-wrap:nowrap;margin-top:4px}
.fgrid .socials a{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border-radius:50%;border:1px solid rgba(201,168,76,.32);color:var(--gold-soft);transition:background .3s,color .3s,transform .3s,border-color .3s}
.fgrid .socials a:hover{background:var(--gold);color:#14110C;border-color:var(--gold);transform:translateY(-2px)}
.socials svg{width:19px;height:19px;fill:currentColor}
.fgrid .more{margin-top:18px}

.dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:8px;width:min(560px,calc(100% - 24px));padding:7px;border-radius:999px;background:rgba(14,12,10,.78);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(201,168,76,.32);box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);transform:translate(-50%,140%);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}
.dock.on{transform:translate(-50%,0);opacity:1}
.dock a{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:999px;text-decoration:none;font-family:var(--sans);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:transform .3s,background .3s,color .3s}
.dock .d-audit{flex:1;color:#14110C;font-weight:600;background:linear-gradient(110deg,#B8923E 0%,#E8CF8E 45%,#C9A84C 60%,#B8923E 100%);background-size:220% 100%;animation:dockshine 5s linear infinite}
.dock .d-audit .arr{transition:transform .3s}
.dock .d-audit:hover .arr{transform:translateX(4px)}
.dock .d-wa{width:52px;flex:none;color:var(--gold-soft);border:1px solid rgba(201,168,76,.4)}
.dock .d-wa:hover{background:rgba(201,168,76,.12)}
.dock .d-top{width:44px;height:44px;flex:none;color:var(--text);opacity:.7;border:1px solid rgba(255,255,255,.14)}
.dock .d-top:hover{opacity:1}
.dock svg{width:20px;height:20px;fill:currentColor}
.dock .d-wa small{display:none}
.dock .sm{display:none}
@media (max-width:480px){.dock .lg{display:none}.dock .sm{display:inline}.dock a{letter-spacing:.14em}}
@media (min-width:700px){.dock .d-wa{width:auto;padding:0 20px}.dock .d-wa small{display:inline;font-size:.7rem;letter-spacing:.16em}}
@keyframes dockshine{to{background-position:-220% 0}}
@media (prefers-reduced-motion:reduce){.dock .d-audit{animation:none}.dock{transition:none}}
footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}

header nav a{white-space:nowrap}
.sbadge{text-transform:none;display:inline-flex;align-items:center;gap:10px;min-width:176px;padding:9px 18px 9px 14px;background:#000;border:1px solid rgba(255,255,255,.45);border-radius:10px;color:#fff;text-decoration:none;text-align:left;transition:border-color .3s,transform .3s}
.sbadge:hover{border-color:var(--gold);transform:translateY(-2px)}
.sbadge svg{width:26px;height:26px;fill:#fff;flex:none}
.sbadge span{display:block;font-size:.62rem;letter-spacing:.02em;line-height:1.2;opacity:.9}
.sbadge b{display:block;font-size:1.18rem;font-weight:600;line-height:1.1;letter-spacing:-.01em}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.split > *{min-width:0}
@media (max-width:860px){.split{grid-template-columns:1fr}}
@keyframes float{50%{transform:translateY(-12px)}}
.phone .scr{position:absolute;inset:12px;border-radius:18px;background:repeating-linear-gradient(180deg,rgba(201,168,76,.08) 0 34px,transparent 34px 46px);}
.phone .scr::before{content:"";position:absolute;left:14px;right:14px;top:18px;height:70px;border-radius:10px;background:linear-gradient(120deg,rgba(201,168,76,.35),rgba(201,168,76,.08))}
.stores{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.store{border:1px solid var(--line);padding:10px 18px;font-size:12px;color:var(--text);transition:border-color .3s,background .3s}
.store:hover{border-color:var(--gold);background:rgba(201,168,76,.08)}
.store b{display:block;font-weight:500}
.store span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.portrait{aspect-ratio:4/5;max-width:460px;width:100%;margin:0 auto}
.quote{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.8vw,30px);line-height:1.4;color:var(--text-iv);margin:22px 0 0}
.quote::before{content:"\201C";color:var(--gold-deep)}
.quote::after{content:"\201D";color:var(--gold-deep)}
.sig{margin-top:22px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted-iv)}
.bio{margin-top:18px;color:var(--muted-iv);font-size:15px}
.creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{border:1px solid rgba(140,106,34,.4);border-radius:999px;padding:6px 14px;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--gold-deep)}

/* témoignages */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.tcard{border:1px solid rgba(201,168,76,.16);background:rgba(255,255,255,.02);transition:border-color .4s,transform .4s}
.tcard:hover{border-color:rgba(201,168,76,.55);transform:translateY(-4px)}
.tcard .ph-box.lukas{aspect-ratio:1/1}
.tcard .ph-box.lukas img{object-position:50% 100%}
.tcard .ph-box{aspect-ratio:4/3;border:0;border-bottom:1px solid rgba(201,168,76,.14)}
.tcard .body{padding:24px}
.stars{color:var(--gold);letter-spacing:.2em;font-size:12px}
.tcard blockquote{margin:12px 0 0;font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.6;color:#E6DFD2}
.tcard .who{margin-top:16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft)}
.tcard .who span{display:block;color:#8E8676;margin-top:3px;letter-spacing:.14em}
.greviews{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.greviews .score{font-family:var(--serif);font-size:30px;color:#F3EEE3}
@media (max-width:900px){.tgrid{grid-template-columns:1fr}}

/* blog */
.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.post{border-top:1px solid rgba(140,106,34,.35);padding-top:20px;transition:transform .4s}
.post:hover{transform:translateY(-4px)}
.post .k{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep);font-weight:500}
.post h3{font-size:19px;margin-top:10px;color:var(--text-iv)}
.post p{font-size:13.5px;color:var(--muted-iv);margin:8px 0 0}
.post .go{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.posts{grid-template-columns:1fr}}

/* faq */
.faq{max-width:860px;margin:50px auto 0;border-top:1px solid rgba(201,168,76,.14)}
.qa{border-bottom:1px solid rgba(201,168,76,.14)}
.qa button{width:100%;display:grid;grid-template-columns:44px 1fr 20px;gap:10px;align-items:center;padding:22px 4px;background:none;border:0;color:#F3EEE3;font-family:var(--serif);font-size:17px;text-align:left;cursor:pointer}
.qa .n{font-style:italic;color:var(--gold);font-size:14px}
.qa .pm{color:var(--gold);font-family:var(--sans);font-size:18px;transition:transform .35s}
.qa.open .pm{transform:rotate(45deg)}
.qa .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}
.qa.open .a{grid-template-rows:1fr}
.qa .a > div{overflow:hidden}
.qa .a p{margin:0;padding:0 24px 24px 58px;color:var(--muted);font-size:14.5px}
@media (max-width:560px){.qa .a p{padding-left:4px}}

/* final */
.final h2{font-size:clamp(32px,5vw,54px)}
.contact-line{margin-top:28px;display:flex;justify-content:center;gap:26px;flex-wrap:wrap;font-family:var(--serif);font-style:italic;color:var(--gold-soft);font-size:17px}
footer{background:#0A0908;color:var(--muted);font-size:13.5px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1.15fr;gap:32px;padding-block:64px 40px}
.fgrid h4{margin:0 0 14px;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:500}
.fgrid a{display:block;padding:3px 0;transition:color .3s}
.fgrid a:hover{color:var(--text)}
.fbrand .sign{font-family:var(--serif);font-style:italic;color:var(--gold-soft);font-size:18px;margin-top:14px}
.legal{border-top:1px solid rgba(201,168,76,.12);padding-block:22px;font-size:11.5px;color:#7D7567;text-align:center}
.legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

/* révélation douce : le contenu reste visible, seul un léger glissement */
.rv{transform:translateY(18px);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero h1 .w{opacity:1;transform:none}
  .rv{transform:none}
  .shine{color:var(--gold-soft)!important;background:none}
  .pitch *{stroke-dashoffset:0!important}
  .curve .line{stroke-dashoffset:0!important}
  #dust{display:none}
  .track{flex-wrap:wrap;justify-content:center;width:auto}
}


@media (max-width:600px){.brand{gap:9px}.brand img{width:36px;height:36px}.brand b{font-size:15px}.brand small{font-size:7.5px;letter-spacing:.16em}.langs{margin-right:2px}.langs a svg{width:17px;height:17px}.burger{padding:6px}}
@media (max-width:360px){.brand small{display:none}}
@media (max-width:600px){header.top .wrap{gap:8px}.brand{flex:1 1 auto;min-width:0}.brand span{min-width:0}.brand small{overflow:hidden;text-overflow:clip}}
/* ===== Pages intérieures ===== */
.phero{position:relative;overflow:hidden;padding:clamp(130px,18vw,190px) 0 clamp(60px,9vw,96px);background:radial-gradient(120% 80% at 50% 0%,rgba(201,168,76,.10),transparent 60%),var(--ink);text-align:center;border-bottom:1px solid rgba(201,168,76,.12)}
.phero .pitch{opacity:.5}
.phero .wrap{position:relative;z-index:1}
.phero h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,6.4vw,74px);line-height:1.04;letter-spacing:-.01em;margin:18px auto 22px;max-width:16ch}
.phero h1 em{font-style:italic;color:var(--gold)}
.phero .lead{max-width:640px;margin-inline:auto}
.crumbs{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--gold-soft)}
.crumbs span{margin:0 8px;opacity:.5}
.phero .ctas{justify-content:center;margin-top:30px}
.phero .meta{margin-top:18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:46px;text-align:center}
.card{padding:34px 26px;border:1px solid rgba(201,168,76,.22);background:linear-gradient(180deg,rgba(201,168,76,.05),transparent);transition:border-color .4s,transform .4s}
.card:hover{border-color:rgba(201,168,76,.55);transform:translateY(-3px)}
.card .n{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:30px;margin-bottom:10px}
.card h3{font-family:var(--serif);font-weight:500;font-size:22px;margin:0 0 10px}
.card p{margin:0;color:var(--muted)}
.ivory .card{border-color:rgba(120,95,40,.22);background:rgba(255,255,255,.35)}
.ivory .card p{color:inherit;opacity:.8}
.prose{max-width:720px;margin:0 auto;text-align:left;font-size:17px;line-height:1.8}
.prose h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.4vw,36px);line-height:1.2;margin:56px 0 16px;text-align:left}
.prose h3{font-family:var(--serif);font-weight:500;font-size:22px;margin:36px 0 10px}
.prose p,.prose ul,.prose ol{margin:0 0 18px}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:6px 0}
.prose li::marker{color:var(--gold)}
.prose a{color:var(--gold-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(201,168,76,.4)}
.prose strong{color:var(--text);font-weight:600}
.ivory .prose strong{color:inherit}
.prose blockquote{margin:30px 0;padding:6px 0 6px 22px;border-left:2px solid var(--gold);font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.5}
.prose figure{margin:34px 0}
.prose figure img{width:100%;height:auto;display:block}
.prose figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid rgba(201,168,76,.18);text-align:left;vertical-align:top}
.prose th{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:500}
.prose .note{padding:20px 22px;border:1px solid rgba(201,168,76,.28);background:rgba(201,168,76,.05);margin:28px 0}
.art{display:grid;grid-template-columns:220px minmax(0,720px);gap:56px;justify-content:center;align-items:start}
.toc{position:sticky;top:110px;text-align:left;font-size:13px;line-height:1.5}
.toc b{display:block;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:14px}
.toc a{display:block;padding:7px 0 7px 14px;border-left:1px solid rgba(201,168,76,.18);color:var(--muted);transition:color .3s,border-color .3s}
.toc a:hover,.toc a.on{color:var(--text);border-left-color:var(--gold)}
@media (max-width:980px){.art{grid-template-columns:1fr}.toc{display:none}}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:46px;text-align:left}
.post{display:flex;flex-direction:column;border:1px solid rgba(201,168,76,.18);background:rgba(255,255,255,.015);transition:border-color .4s,transform .4s;overflow:hidden}
.post:hover{border-color:rgba(201,168,76,.5);transform:translateY(-3px)}
.post .ph{aspect-ratio:16/10;overflow:hidden;background:#15130f}
.post .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.post:hover .ph img{transform:scale(1.04)}
.post .bd{padding:22px 22px 26px}
.post .tag{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.post h3{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.3;margin:10px 0 8px;color:var(--text)}
.post p{margin:0;color:var(--muted);font-size:15px}
.related{margin-top:70px}
.media-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;text-align:left;margin-top:46px}
.media-split .ph-box{aspect-ratio:4/5}
.media-split .ph-box img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.media-split{grid-template-columns:1fr;text-align:center}}
.formwrap{max-width:620px;margin:40px auto 0;text-align:left}
.formwrap label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:18px 0 8px}
.formwrap input,.formwrap select,.formwrap textarea{width:100%;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.28);color:var(--text);font:inherit;border-radius:0}
.formwrap input:focus,.formwrap select:focus,.formwrap textarea:focus{outline:none;border-color:var(--gold)}
.formwrap .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.formwrap .row{grid-template-columns:1fr}}
.result-box{margin-top:30px;padding:28px;border:1px solid rgba(201,168,76,.4);text-align:center}
.result-box .big{font-family:var(--serif);font-size:54px;color:var(--gold);line-height:1}

/* sous-menu Accompagnements */
nav.main .dd{position:relative}
nav.main .dd>a .car{font-size:9px;margin-left:4px;color:var(--gold);display:inline-block;transition:transform .3s}
nav.main .dd:hover>a .car,nav.main .dd:focus-within>a .car{transform:rotate(180deg)}
nav.main .ddm{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);min-width:250px;padding:8px 0;margin-top:14px;background:rgba(12,11,9,.98);border:1px solid rgba(201,168,76,.28);box-shadow:0 24px 50px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:80}
nav.main .ddm::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
nav.main .dd:hover .ddm,nav.main .dd:focus-within .ddm{opacity:1;visibility:visible;transform:translate(-50%,0)}
nav.main .ddm a{display:block;padding:12px 22px;font-size:11px;letter-spacing:.16em;color:var(--muted);white-space:nowrap}
nav.main .ddm a+a{border-top:1px solid rgba(201,168,76,.12)}
nav.main .ddm a:hover{color:var(--gold-soft);background:rgba(201,168,76,.06)}
.drawer .dsub{margin-top:-14px;font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.drawer .dsub span{margin-right:6px}
.drawer{overflow-y:auto;background:#0A0908}
@media (max-height:900px){.drawer{gap:15px;font-size:23px;padding-top:70px}.drawer .dsub{margin-top:-8px}}

/* cards 4 : grille 4 colonnes, 2x2 en dessous */
.cards:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.cards:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cards:has(> :nth-child(4):last-child){grid-template-columns:1fr}}

/* message d'information cookies (aucun cookie) */
.cnote{position:fixed;left:18px;bottom:96px;z-index:65;max-width:340px;background:rgba(14,13,11,.97);border:1px solid rgba(201,168,76,.35);padding:16px 18px;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;font-family:'Poppins',sans-serif}
.cnote.on{opacity:1;transform:none}
.cnote p{margin:0;font-size:12.5px;line-height:1.6;color:#B9B1A2}
.cnote p b{display:block;color:#F3EEE3;font-weight:500;margin-bottom:2px}
.cnote-a{display:flex;gap:16px;align-items:center;justify-content:flex-end;margin-top:12px}
.cnote-a a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C9A84C}
.cnote-a button{background:#C9A84C;color:#14110C;border:0;padding:9px 16px;font:500 11px/1 'Poppins',sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
@media (max-width:560px){.cnote{left:12px;right:12px;max-width:none;bottom:92px}}

/* le site est deja sombre : signale-le aux navigateurs (Samsung Internet, Chrome) pour qu'ils ne le recolorent pas */
:root{color-scheme:only dark}
@media (prefers-color-scheme:dark){:root{color-scheme:only dark}}
@media (max-width:700px){table:not(.acc-tbl){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}