:root{--night:#16080c;--wine:#2a1115;--rust:#803530;--coral:#d87659;--peach:#e89c80;--gold:#fbc886;--sun:#f0913c;--pink:#e4457f;--cream:#fff1e4;--mute:#d9bfb3;--grad:linear-gradient(100deg,#fbc886,#f0913c 50%,#e4457f);--ease:cubic-bezier(.2,.8,.2,1);--jag:polygon(0 55%,3% 15%,7% 60%,12% 10%,17% 50%,22% 20%,28% 65%,34% 15%,40% 55%,46% 10%,52% 60%,58% 20%,64% 55%,70% 10%,76% 50%,82% 20%,88% 60%,94% 15%,100% 50%,100% 100%,0 100%)}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:70px;overflow-x:clip}html.lock{overflow:hidden}
body{background:var(--night);color:var(--cream);font:400 17px/1.6 Barlow,system-ui,sans-serif;overflow-x:clip}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;line-height:.98}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
/* navbar */
nav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;gap:14px;padding:10px clamp(16px,4vw,56px);transition:background .3s}
nav.solid{background:rgba(22,8,12,.92);backdrop-filter:blur(10px)}
.logo{margin-right:auto;display:block}.logo img{height:46px;width:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55));transition:transform .3s var(--ease)}.logo:hover img{transform:scale(1.06) rotate(-2deg)}
.burger{background:none;border:0;color:var(--cream);width:44px;height:44px;cursor:pointer;display:grid;place-content:center;gap:6px}
.burger i{display:block;width:26px;height:3px;background:var(--cream);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}.burger i:nth-child(2){width:18px;justify-self:start}
.burger.x i:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger.x i:nth-child(2){opacity:0}.burger.x i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.btn{display:inline-block;padding:14px 30px;font:800 1.15rem 'Barlow Condensed',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;transform:skewX(-8deg);cursor:pointer;border:2px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;background:none;color:var(--cream)}
.btn span{display:inline-block;transform:skewX(8deg)}
.btn.main{background:var(--grad);color:#2a0f0a;animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 8px 26px rgba(240,145,60,.3)}50%{box-shadow:0 8px 40px rgba(228,69,127,.6)}}
.btn.main:hover{transform:skewX(-8deg) translateY(-3px)}.btn.ghost{border-color:var(--cream)}.btn.ghost:hover{background:var(--cream);color:var(--night)}
nav .btn{padding:9px 20px;font-size:1rem}@media(max-width:560px){nav .btn.ghost{display:none}}
/* menu */
.scrim{position:fixed;inset:0;z-index:64;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s}.scrim.on{opacity:1;pointer-events:auto}
.menu{position:fixed;top:0;left:0;bottom:0;width:min(440px,92vw);z-index:65;background:linear-gradient(180deg,#1b0a0f,#2a1115);border-right:3px solid;border-image:linear-gradient(180deg,var(--gold),var(--pink)) 1;padding:84px 0 28px;display:flex;flex-direction:column;overflow:hidden;transform:translateX(-102%);visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s}
.menu.open{transform:none;visibility:visible;transition:transform .45s var(--ease)}
.menu::before{content:"";position:absolute;inset:0;background:url(../assets/i2.webp) center/cover;opacity:.12}
.m-links{position:relative;display:flex;flex-direction:column}
.m-links a{display:flex;justify-content:space-between;align-items:center;padding:13px 36px;font:italic 800 clamp(1.7rem,4.4vw,2.1rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;border-bottom:1px solid rgba(255,241,228,.08);transition:padding .3s var(--ease),color .2s,background .3s}
.m-links a em{font-style:normal;color:var(--sun);opacity:0;transform:translateX(-10px);transition:.3s}
.m-links a:hover{padding-left:52px;color:var(--gold);background:linear-gradient(90deg,rgba(240,145,60,.18),transparent)}.m-links a:hover em{opacity:1;transform:none}
.menu.open .m-links a{animation:mIn .55s var(--ease) both;animation-delay:calc(.07s*var(--i) + .12s)}
@keyframes mIn{from{opacity:0;transform:translateX(-30px)}}
.m-foot{position:relative;margin-top:auto;padding:0 36px}.m-foot .online{font-size:.9rem;margin:0 0 12px}
.m-perso{position:absolute;right:-12px;bottom:-26px;width:150px;pointer-events:none;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px)}}
/* titres : bandeau en dégradé, bout biseauté */
.tag{display:inline-block;background:var(--grad);color:#2a0f0a;padding:.1em .95em .08em .4em;clip-path:polygon(0 0,100% 0,calc(100% - .32em) 100%,0 100%);font-size:clamp(2.2rem,5.6vw,4.6rem);margin-bottom:20px}
.copy{max-width:560px}.copy.r{justify-self:end}.copy p{font-size:1.15rem;margin-top:10px;text-shadow:0 2px 16px rgba(0,0,0,.75)}.copy .cta{margin-top:26px}
.word{font:italic 800 clamp(4rem,17vw,15rem)/.85 'Barlow Condensed',sans-serif;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(255,241,228,.85);display:block}
/* scènes : l'image reste, le contenu glisse dessus */
.scene{position:relative}
.scene-bg{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.scene-bg i{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(var(--s,1.06))}
.scene-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,8,12,.15),rgba(22,8,12,.5))}
.scene-content{position:relative;z-index:1;margin-top:-100vh;margin-top:-100svh}
.panel{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:110px clamp(18px,6vw,90px)}
.panel>*{position:relative}.panel.end{align-items:end;padding-bottom:10vh}
.panel.l::before,.panel.r::before,.panel.cards::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,8,12,.78),rgba(22,8,12,0) 70%)}
.panel.r::before{background:linear-gradient(270deg,rgba(22,8,12,.78),rgba(22,8,12,0) 70%)}.panel.cards::before{background:rgba(22,8,12,.6)}
.panel.gap{min-height:75vh;min-height:75svh;align-items:end;padding-bottom:6vh}
.hint{position:absolute;left:50%;bottom:2.5vh;width:2px;height:44px;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:hint 2s ease-in-out infinite}
@keyframes hint{0%,100%{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}
/* transitions entre les images : fondu + bord déchiré */
.scene+.scene::before,.mosaic-sec+.scene::before{content:"";position:absolute;left:0;right:0;top:20px;height:200px;z-index:2;background:linear-gradient(180deg,var(--night),rgba(22,8,12,0));pointer-events:none}
/* vagues : voir v9 */
.plain,.sec.alt{--jc:var(--wine);--wv:var(--wave-wine);position:relative}
/* images qui descendent */
.mosaic-sec{position:relative;background:var(--night);padding:90px 0 120px;overflow-x:clip}
.marquee{overflow:hidden;white-space:nowrap;background:var(--grad);color:#2a0f0a;transform:rotate(-1.4deg);width:104%;margin-left:-2%;font:italic 800 1.7rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;padding:12px 0}
.mq{display:inline-flex;gap:2.2rem;padding-right:2.2rem;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
.mosaic-sec .tag{display:block;width:fit-content;margin:80px auto 50px}
.mosaic{position:relative;height:clamp(520px,92vw,860px);max-width:1200px;margin:0 auto}
.mosaic i{position:absolute;background:center/cover;border:3px solid var(--cream);box-shadow:0 24px 60px rgba(0,0,0,.55);transition:transform .5s var(--ease),filter .5s;filter:saturate(1.05)}.mosaic i:hover{transform:rotate(0) scale(1.04);z-index:2}
.m1{left:2%;top:6%;width:36%;height:46%;transform:rotate(-3deg)}.m2{left:40%;top:0;width:28%;height:36%;transform:rotate(2deg)}.m3{left:62%;top:38%;width:34%;height:50%;transform:rotate(-2deg)}.m4{left:12%;top:56%;width:30%;height:40%;transform:rotate(3deg)}
.band{position:relative;min-height:60vh;display:grid;align-items:end;padding:40px clamp(18px,6vw,90px);background:center calc(50% + var(--py,0px))/cover no-repeat;overflow:hidden}
.band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--night),rgba(22,8,12,.2) 40%,rgba(22,8,12,.8))}.band .word{position:relative}
/* personnages en chevauchement */
.perso{position:absolute;z-index:4;width:clamp(170px,22vw,290px);pointer-events:none;filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}
/* contenu */
.cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.ip{padding:12px 18px;background:rgba(22,8,12,.7);border:1px solid rgba(255,241,228,.3);border-radius:4px;font:600 .95rem Barlow,sans-serif;cursor:pointer;color:var(--cream)}.ip b{color:var(--gold);font-weight:600}
.tagline{font:italic 800 clamp(1.8rem,4.4vw,3.4rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-bottom:22px;text-shadow:0 3px 24px #000}
.hi{animation:rise .9s var(--ease) both;animation-delay:calc(2.4s + var(--d,0s))}@keyframes rise{from{opacity:0;transform:translateY(36px)}}
.wide{max-width:1180px;margin:0 auto;width:100%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{min-height:340px;display:grid;align-content:end;padding:22px;border-radius:6px;background-size:cover;background-position:center;transition:transform .3s var(--ease),box-shadow .3s}
.card:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 20px 44px rgba(228,69,127,.35)}
.card h3{font-size:1.8rem;margin-bottom:4px}.card p{font-size:.95rem;color:var(--mute)}.slots{display:block;color:var(--gold);font-weight:600;margin-bottom:6px}
.gm{margin-top:20px;padding:6px 0 6px 22px;border-left:4px solid var(--pink);max-width:70ch}.gm h3{font-size:1.7rem;color:var(--gold);margin-bottom:4px}.gm p{color:var(--cream)}
.conds{list-style:none;padding:0;margin-top:22px;display:grid;gap:14px}.conds li{padding-left:16px;border-left:3px solid var(--coral);text-shadow:0 2px 12px rgba(0,0,0,.7)}
.conds b{font:800 1.5rem 'Barlow Condensed',sans-serif;font-style:italic;text-transform:uppercase;display:block}.conds span{color:var(--cream)}
.plain{background:var(--wine);padding:clamp(130px,14vw,170px) clamp(18px,5vw,72px) clamp(64px,9vw,110px)}
.dc{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.plain .perso{top:-170px;left:clamp(8px,5vw,80px)}
.dc iframe{width:100%;max-width:350px;height:500px;border:0;border-radius:6px;justify-self:center}.online{color:var(--gold);font-weight:600;margin:14px 0}
@media(max-width:820px){.dc{grid-template-columns:1fr}.plain .perso{top:-120px;width:180px}}
.top{position:relative;padding:clamp(130px,18vw,200px) clamp(18px,5vw,72px) 60px;background:linear-gradient(0deg,var(--night),rgba(22,8,12,.5)),url(../assets/i1.webp) center/cover;background-position:center calc(50% + var(--py,0px))}
.top h1{font-size:clamp(3rem,9vw,7rem);margin-bottom:14px}.top p{max-width:52ch;font-size:1.2rem}
@media(min-width:900px){.top.hp{padding-left:380px}}.top.hp .perso{left:clamp(10px,5vw,70px);bottom:-70px}.top.hp+.sec{padding-top:120px}
.rules{border-top:3px solid var(--sun)}.rule{display:grid;grid-template-columns:minmax(170px,1fr) 2.4fr;gap:24px;padding:30px 0;border-bottom:1px solid rgba(255,241,228,.14);transition:background .3s,padding .3s var(--ease)}
.rule:hover{background:linear-gradient(90deg,rgba(240,145,60,.12),transparent);padding-left:14px}.rule h3{font-size:1.9rem;color:var(--gold)}.rule p{max-width:62ch}.rule p+p{margin-top:10px;color:var(--mute)}
@media(max-width:760px){.rule{grid-template-columns:1fr;gap:8px}}
.sec{padding:clamp(56px,8vw,96px) clamp(18px,5vw,72px)}.sec.alt{background:var(--wine)}.sec .lead{color:var(--mute);max-width:60ch;margin-bottom:28px}.count{color:var(--gold);font-weight:600;margin-bottom:18px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.chip{padding:8px 18px;border:1px solid rgba(255,241,228,.35);background:none;color:var(--cream);font:600 .95rem Barlow,sans-serif;cursor:pointer;border-radius:999px;transition:.2s}
.chip:hover{border-color:var(--gold)}.chip[aria-pressed=true]{background:var(--grad);color:#2a0f0a;border-color:transparent}
.biz{min-height:310px;display:grid;align-content:end;gap:6px;padding:22px;border-radius:6px;background-size:cover;background-position:center;transition:transform .3s var(--ease),box-shadow .3s}
.biz:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(228,69,127,.35)}.biz h3,.local h3{font-size:1.7rem}
.kind{color:var(--gold);font-weight:600;font-size:.9rem}.meta{display:grid;gap:2px;font-size:.93rem;color:var(--mute)}.meta b{color:var(--cream);font-weight:600}
.pill{justify-self:start;padding:3px 12px;border-radius:999px;font-size:.82rem;font-weight:600;background:var(--gold);color:#2a0f0a}.pill.off{background:rgba(255,241,228,.18);color:var(--cream)}.ex{font-size:.75rem;color:var(--mute);font-style:italic}
.local{border:2px dashed rgba(251,200,134,.5);border-radius:6px;padding:24px;display:grid;gap:10px;align-content:start;background:rgba(22,8,12,.5);transition:border-color .3s,transform .3s var(--ease)}.local:hover{border-color:var(--gold);transform:translateY(-6px)}
.local .btn{justify-self:start;margin-top:8px;padding:10px 22px;font-size:1rem}
footer{position:relative;z-index:2;padding:44px clamp(18px,5vw,72px);border-top:1px solid rgba(255,241,228,.12);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;color:var(--mute);font-size:.9rem;background:var(--night)}
footer img{height:64px;width:auto}footer nav{position:static;padding:0;background:none;gap:22px}
/* intro */
#intro{position:fixed;inset:0;z-index:200;background:radial-gradient(70% 60% at 50% 50%,#3a1620,var(--night));display:grid;place-content:center;justify-items:center;animation:out .9s var(--ease) 2.3s forwards}

#intro img{width:min(330px,70vw);animation:pop 1.1s var(--ease) both,glow 1.4s ease-in-out .9s infinite alternate}
#intro .bar{width:min(260px,52vw);height:3px;background:rgba(255,241,228,.15);margin-top:28px;overflow:hidden}#intro .bar i{display:block;height:100%;background:var(--grad);transform-origin:left;animation:fill 1.7s ease-in-out .3s both}
@keyframes pop{from{opacity:0;transform:scale(.75)}}@keyframes glow{to{filter:drop-shadow(0 0 30px rgba(240,145,60,.75))}}@keyframes fill{from{transform:scaleX(0)}}@keyframes out{to{transform:translateY(-110%);visibility:hidden}}
/* apparitions au défilement */
.js .rv{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease) var(--d,0s),transform .8s var(--ease) var(--d,0s)}.js .rv.in{opacity:1;transform:none}
.js .tag.rv{opacity:1;transform:none;clip-path:polygon(0 0,3px 0,3px 100%,0 100%)}.js .tag.rv.in{clip-path:polygon(0 0,100% 0,calc(100% - .32em) 100%,0 100%);transition:clip-path .9s var(--ease) var(--d,0s)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}#intro{display:none}.js .rv{opacity:1;transform:none}.js .tag.rv{clip-path:polygon(0 0,100% 0,calc(100% - .32em) 100%,0 100%)}}

/* ===== finitions ===== */
::selection{background:var(--sun);color:#2a0f0a}html{scrollbar-color:var(--sun) var(--night)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--night)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold),var(--pink));border-radius:6px}
#prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;background:var(--grad);transform:scaleX(0);transform-origin:left;pointer-events:none}
#glow{position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;z-index:6;pointer-events:none;background:radial-gradient(circle,rgba(240,145,60,.16),transparent 62%);mix-blend-mode:screen;will-change:transform}
.scene-bg canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.live{display:inline-flex;align-items:center;gap:9px;background:rgba(22,8,12,.62);border:1px solid rgba(255,241,228,.25);backdrop-filter:blur(6px);padding:6px 15px;border-radius:999px;font-weight:600;font-size:.9rem;margin-bottom:16px}
.live i{width:9px;height:9px;border-radius:50%;background:#4be37b;animation:ping 1.8s infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(75,227,123,.7)}100%{box-shadow:0 0 0 12px rgba(75,227,123,0)}}
.live .online{margin:0;color:var(--cream)}
.perso{animation:float 7s ease-in-out infinite}.top .perso,.plain .perso{animation-delay:-2s}
/* repères de chapitres */
.dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:60;display:grid;gap:14px}
.dots a{position:relative;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,241,228,.7);transition:.3s var(--ease)}
.dots a.on{background:var(--grad);border-color:transparent;transform:scale(1.5)}
.dots a::before{content:attr(data-l);position:absolute;right:26px;top:50%;transform:translate(8px,-50%);white-space:nowrap;font:italic 800 1rem 'Barlow Condensed',sans-serif;text-transform:uppercase;background:var(--night);padding:3px 10px;opacity:0;transition:.25s;pointer-events:none}
.dots a:hover::before{opacity:1;transform:translate(0,-50%)}@media(max-width:900px){.dots{display:none}}
/* FAQ */
.faq{position:relative;padding-bottom:230px}

.qa{display:grid;gap:12px;max-width:860px}
details{border:1px solid rgba(255,241,228,.18);border-radius:6px;background:rgba(42,17,21,.6);transition:border-color .3s,background .3s}details[open]{border-color:var(--sun);background:rgba(42,17,21,.95)}
summary{cursor:pointer;list-style:none;padding:18px 22px;font:italic 800 1.35rem/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px;align-items:center}
summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--sun);font-size:1.8rem;line-height:1;transition:transform .3s var(--ease)}details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 22px 20px;color:var(--mute);max-width:70ch}
/* pied de page */
footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px 48px;align-items:start;padding:64px clamp(18px,5vw,72px) 36px}
footer img{height:78px}.f-brand p{margin-top:12px;color:var(--mute);max-width:34ch}
.f-col{display:grid;gap:8px;align-content:start}.f-col h4{font:italic 800 1.2rem 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.f-col a{color:var(--mute);transition:color .2s,transform .2s;width:fit-content}.f-col a:hover{color:var(--cream);transform:translateX(4px)}.f-col .online{margin:4px 0 0;font-size:.9rem}
.f-note{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(255,241,228,.12);font-size:.85rem;color:var(--mute)}
@media(max-width:700px){footer{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}
/* page entreprises */
.tools{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-bottom:26px}.tools .chips{margin:0}
#q{padding:10px 18px;min-width:240px;background:rgba(22,8,12,.6);border:1px solid rgba(255,241,228,.35);border-radius:999px;color:var(--cream);font:500 1rem Barlow,sans-serif}#q:focus{outline:none;border-color:var(--gold)}
/* transition de page */
#wipe{position:fixed;inset:0;z-index:150;background:linear-gradient(100deg,#2a1115,#803530 55%,#e4457f);transform:translateY(calc(100% + 100px));pointer-events:none;transition:transform .55s var(--ease)}

#wipe.go{transform:none;pointer-events:auto}.nav-in #wipe{transform:none;transition:none}.seen #intro{display:none}.seen .hi{animation-delay:.15s}
@media(prefers-reduced-motion:reduce){#wipe,#glow{display:none}}

/* ===== v2 : persos, menu, étapes ===== */
.panel>.perso{position:absolute;z-index:4}
.perso.big{width:clamp(230px,30vw,430px);right:clamp(4px,5vw,90px);bottom:-2vh;left:auto;top:auto}
@media(max-width:820px){.perso.big{width:190px;opacity:.92;right:0}}
.m-links a{padding:11px 36px}.m-links a span{display:grid;gap:3px}
.m-links small{font:400 .88rem/1.2 Barlow,sans-serif;font-style:normal;text-transform:none;color:var(--mute)}
.menu::before{background:var(--mi,url(../assets/i2.webp)) center/cover;opacity:.2;transition:opacity .3s}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 36px;border-top:3px solid var(--sun);counter-reset:s;margin-top:6px}
.steps li{counter-increment:s;padding:22px 0 8px;display:grid;gap:6px;align-content:start}
.steps li::before{content:counter(s);font:italic 800 3.4rem/1 'Barlow Condensed',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps b{font:italic 800 1.6rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold)}.steps span{color:var(--mute);max-width:34ch}
#legal .scene-bg::after{background:linear-gradient(90deg,rgba(22,8,12,.82),rgba(22,8,12,.35) 60%,rgba(22,8,12,.55))}

/* ===== v3 ===== */
.nf{position:relative;min-height:100svh;display:grid;align-items:center;padding:130px clamp(18px,6vw,90px) 80px;background:radial-gradient(60% 50% at 70% 40%,#5a1f2a,var(--night));overflow:hidden}
.nf .word{font-size:clamp(7rem,26vw,22rem);animation:flick 4s steps(1) infinite}
.nf h1{font-size:clamp(2rem,5vw,3.8rem);margin:6px 0 14px;max-width:16ch}.nf p{max-width:46ch;margin-bottom:26px;color:var(--mute)}
@keyframes flick{0%,92%,96%,100%{opacity:1}94%,98%{opacity:.35}}
.btn.main{position:relative;overflow:hidden}.btn.main::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s var(--ease)}.btn.main:hover::after{left:130%}
#up{position:fixed;right:18px;bottom:18px;z-index:60;width:48px;height:48px;border:0;border-radius:50%;background:var(--grad);color:#2a0f0a;font:800 1.4rem/1 sans-serif;cursor:pointer;opacity:0;transform:translateY(20px);pointer-events:none;transition:.35s var(--ease)}#up.on{opacity:1;transform:none;pointer-events:auto}#up:hover{transform:translateY(-4px)}
.card,.biz,.local,.mosaic i{will-change:transform}
.marquee:hover .mq{animation-play-state:paused}

/* ===== v4 : plateaux ===== */
.tldr{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:40px}
.tldr div{padding:18px 20px;border-left:4px solid var(--gold);background:rgba(255,241,228,.06);color:var(--mute)}
.tldr b{display:block;font:italic 800 1.5rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.lnk{color:var(--gold);font-weight:600;text-decoration:none}.lnk:hover{text-decoration:underline}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}
.two>div{padding:24px;background:rgba(255,241,228,.06);border-top:3px solid var(--pink)}
.two h3{font:italic 800 1.7rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.two p{color:var(--mute)}
.srow{display:grid;grid-template-columns:1fr 1fr;min-height:320px;margin-bottom:22px;background:#2a1115;overflow:hidden;scroll-margin-top:80px}
.srow:nth-child(even){direction:rtl}.srow>*{direction:ltr}
.srow .pic{background-size:cover;background-position:center;min-height:240px;transition:transform .8s var(--ease)}.srow:hover .pic{transform:scale(1.05)}
.srow{position:relative}.srow .pic{will-change:transform}
.srow .txt{padding:34px clamp(20px,4vw,48px);display:grid;align-content:center;gap:8px;position:relative;z-index:1;background:#2a1115}
.srow h3{font:italic 800 clamp(2rem,4vw,3rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.srow .slots{position:static;display:inline-block;justify-self:start}.srow p{color:var(--mute)}.srow p b{color:var(--cream)}
@media(max-width:760px){.srow{grid-template-columns:1fr}.srow:nth-child(even){direction:ltr}}

/* ===== v5 : vie & mouvement ===== */
#spot{position:fixed;inset:0;pointer-events:none;z-index:55;mix-blend-mode:screen;background:radial-gradient(520px circle at var(--sx,50%) var(--sy,40%),rgba(255,170,100,.11),transparent 62%)}
#nav{transition:translate .4s var(--ease,ease)}#nav.hide{translate:0 -115%}
.tag{background-size:220% 100%;animation:gshift 7s ease-in-out infinite alternate}
@keyframes gshift{from{background-position:0 0}to{background-position:100% 0}}
.top h1 .w{display:inline-block;animation:wIn .9s var(--ease,ease) both;animation-delay:calc(var(--k)*.13s + .15s);margin-right:.22em}
@keyframes wIn{from{opacity:0;transform:translateY(55%) skewY(6deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
.top p{animation:wIn 1s var(--ease,ease) .6s both}
.embers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.embers i{position:absolute;bottom:-12px;left:var(--x);width:var(--z);height:var(--z);border-radius:50%;background:radial-gradient(circle,#ffe0a3,#ff7a45 60%,transparent 72%);opacity:0;animation:ember var(--t) linear var(--d) infinite}
@keyframes ember{0%{transform:translate(0,0) scale(.6);opacity:0}15%{opacity:.95}100%{transform:translate(var(--dx),-62vh) scale(1.15);opacity:0}}
.card,.biz,.local{position:relative}
.gl{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;z-index:2;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,205,130,.22),transparent 65%)}
.card:hover>.gl,.biz:hover>.gl,.local:hover>.gl,.srow:hover>.gl{opacity:1}
.perso{filter:drop-shadow(0 14px 24px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(255,150,90,.28))}
.btn{transition:translate .25s var(--ease,ease),filter .25s}.btn:hover{filter:brightness(1.08)}
@media(hover:none){#spot{display:none}}

/* ===== v6 : intro, bandeau, finitions ===== */
#intro{animation:out .9s var(--ease) 6s forwards;overflow:hidden}
#intro.leave{animation:out .9s var(--ease) 0s forwards}
#intro .core{position:relative;z-index:2;display:grid;justify-items:center}
#intro img{animation:pop 1.1s var(--ease) both,glow 1.4s ease-in-out .9s infinite alternate}
#intro .sun{position:absolute;left:50%;bottom:-34vmin;width:92vmin;height:92vmin;margin-left:-46vmin;border-radius:50%;background:linear-gradient(180deg,#ffd089,#f0913c 38%,#e4457f 78%,#7a2b5c);opacity:.9;animation:sunUp 2.3s var(--ease) both}
#intro .sun::after{content:"";position:absolute;inset:50% 0 0;border-radius:0 0 50% 50%;background:repeating-linear-gradient(180deg,transparent 0 9px,#2a1115 9px 14px)}
@keyframes sunUp{from{transform:translateY(45%) scale(.8);opacity:0}}
#intro .tagline{display:flex;gap:.8rem;margin-top:16px;font:italic 800 1.15rem/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
#intro .tagline span{animation:tIn .8s var(--ease) both;animation-delay:calc(.8s + var(--k)*.25s)}
@keyframes tIn{from{opacity:0;transform:translateY(12px);filter:blur(6px)}}
#intro .bar i{animation:none;transform:scaleX(0)}
#intro .pct{margin-top:12px;font:italic 800 1rem/1 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--cream)}
#intro .embers{z-index:1}
.mq-wrap{position:relative;padding:20px 0 30px}
.marquee{font-size:clamp(1.4rem,3vw,2.2rem);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.marquee .st{display:inline-block;animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.marquee.rev{margin-top:-12px;transform:rotate(1.2deg);background:#2a1115;color:transparent;-webkit-text-stroke:1.5px var(--gold);box-shadow:none}
.marquee.rev .mq{animation-direction:reverse;animation-duration:38s}.marquee.rev .st{-webkit-text-stroke:0;color:var(--pink)}
.marquee:not(.rev) .mq span:not(.st):hover{color:#fff}
::selection{background:var(--pink);color:#fff}
html{scrollbar-color:var(--pink) var(--night)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#nav .btn.main{animation:jp 2.8s ease-in-out infinite}
@keyframes jp{0%{box-shadow:0 0 0 0 rgba(240,145,60,.55)}70%,100%{box-shadow:0 0 0 12px rgba(240,145,60,0)}}
.marquee.rev{margin-top:6px}
#intro .tagline{color:var(--cream);text-shadow:0 2px 12px rgba(22,8,12,.8)}

/* ===== v7 : business ===== */
.bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:26px}
.bz{position:relative;padding:22px 22px 24px;background:linear-gradient(160deg,#35161e,#241014);border:1px solid rgba(255,241,228,.12);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.bz::before{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(240,145,60,.28),transparent 70%)}
.bz:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(228,69,127,.3)}
.bz .ico{position:relative;display:flex;align-items:flex-end;gap:2px;height:104px;margin-bottom:12px}
.bz .ico img{height:96px;width:auto;max-width:112px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5));transition:transform .4s var(--ease)}
.bz .ico img:first-child:nth-last-child(1){height:100px}
.bz:hover .ico img{transform:translateY(-6px) rotate(-4deg)}.bz:hover .ico img:nth-child(2){transform:translateY(-9px) rotate(5deg)}.bz:hover .ico img:nth-child(3){transform:translateY(-5px) rotate(-3deg)}
.bz .k{position:relative;display:inline-block;font:600 .8rem/1 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin-bottom:8px}
.bz h3{position:relative;font:italic 800 1.7rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.bz p{position:relative;color:var(--mute)}
a.chip{text-decoration:none;display:inline-block}

.bz .ico img:first-child:nth-last-child(3),.bz .ico img:nth-child(2):nth-last-child(2),.bz .ico img:nth-child(2):nth-last-child(2)~img,.bz .ico img:first-child:nth-last-child(3)~img{height:78px;max-width:84px}

/* ===== v8 : règlement ===== */
.reg-layout{display:grid;grid-template-columns:230px 1fr;gap:48px;align-items:start}
.toc{position:sticky;top:96px}.toc p{font:italic 800 1.2rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.toc ol{list-style:none;padding:0;margin:0;display:grid;border-left:2px solid rgba(255,241,228,.14)}
.toc a{display:block;padding:6px 12px;margin-left:-2px;border-left:3px solid transparent;color:var(--mute);text-decoration:none;font-size:.95rem;transition:.2s}
.toc a:hover,.toc a.on{color:var(--cream);border-left-color:var(--pink);background:linear-gradient(90deg,rgba(228,69,127,.16),transparent)}
.rtools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:30px;position:sticky;top:70px;z-index:6;padding:10px 0;background:var(--night)}
.rtools input{flex:1;min-width:220px;padding:14px 16px;background:#2a1115;border:1px solid rgba(255,241,228,.2);color:var(--cream);font:inherit}
.rtools input:focus{outline:2px solid var(--gold)}#rcount{color:var(--mute);font-size:.9rem}
.rsec{margin-bottom:56px;scroll-margin-top:120px}
.rsec>h2{display:flex;align-items:baseline;gap:14px;font:italic 800 clamp(2rem,4vw,3rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-bottom:18px}
.rsec>h2 .n{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.3em}
.rb0 p,.rb p{color:var(--mute);margin-bottom:12px;max-width:72ch}
.rb0 ul,.rb ul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:7px;max-width:72ch}
.rb li{position:relative;padding-left:24px;color:var(--mute)}.rb li::before{content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;background:var(--pink);transform:rotate(45deg)}
.rb0 .callout,.rb .callout{padding:16px 20px;border-left:4px solid var(--gold);background:rgba(255,241,228,.07);color:var(--cream)}
.rule2{border:1px solid rgba(255,241,228,.12);background:linear-gradient(160deg,#2f1319,#221014);margin-bottom:10px;scroll-margin-top:130px;transition:border-color .3s,box-shadow .3s}
.rule2[open]{border-color:rgba(240,145,60,.55);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.rule2 summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:baseline;padding:16px 20px;font:italic 800 1.35rem/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.rule2 summary::-webkit-details-marker{display:none}.rule2 summary b{color:var(--pink);min-width:2.6em}
.rule2 summary::after{content:"+";margin-left:auto;font-size:1.7rem;color:var(--gold);transition:transform .3s}.rule2[open] summary::after{transform:rotate(45deg)}
.rule2 summary:hover span{color:var(--gold)}.rb{padding:2px 22px 14px 22px}
.rule2.hide,.rsec.hide{display:none}.rnone{color:var(--mute)}
@media(max-width:900px){.reg-layout{grid-template-columns:1fr;gap:20px}.toc{position:static}.toc ol{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:0}.rtools{top:60px}}
.toc{top:150px;max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:thin}
@media(max-width:900px){.toc{max-height:none;overflow:visible}}

/* ===== v9 ===== */
.m-links a{padding:9px 36px}
.ph{display:grid;place-items:center;position:relative;background:repeating-linear-gradient(135deg,#3a1822 0 14px,#2d1219 14px 28px)}
.ph span{font:italic 800 clamp(3.4rem,9vw,7rem)/1 'Barlow Condensed',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph small{position:absolute;left:14px;bottom:12px;color:var(--mute);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.js .srow.rv{transform:translateX(-50px)}.js .srow.rv:nth-child(even){transform:translateX(50px)}.js .srow.rv.in{transform:none}
.bz::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--grad);transition:width .5s var(--ease)}.bz:hover::after{width:100%}
.bz:hover>.gl{opacity:1}

/* --- Catalogue butin & matériel / double job --- */
.callout{border-left:4px solid var(--gold);background:var(--wine);padding:18px 22px;margin-top:26px;color:var(--mute)}
.callout b{color:var(--cream)}
.cat-tools{margin:26px 0 12px}
.cat-count{color:var(--mute);margin-bottom:18px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.it{position:relative;margin:0;padding:18px 12px 14px;text-align:center;background:linear-gradient(160deg,#35161e,#241014);border:1px solid rgba(255,241,228,.12);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.it::before{content:"";position:absolute;left:50%;top:-40px;width:150px;height:150px;margin-left:-75px;border-radius:50%;background:radial-gradient(circle,rgba(240,145,60,.22),transparent 70%)}
.it img{position:relative;display:block;margin:0 auto 10px;height:88px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5));transition:transform .4s var(--ease)}
.it:hover{transform:translateY(-5px);border-color:rgba(251,200,134,.5);box-shadow:0 14px 30px rgba(228,69,127,.25)}
.it:hover img{transform:scale(1.12) rotate(-4deg)}
.it figcaption{position:relative}
.it b{display:block;font:600 .95rem/1.2 Barlow,sans-serif;color:var(--cream)}
.it span{display:block;margin-top:5px;font:600 .72rem/1 Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
.it[hidden]{display:none}
.itemstrip{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}
.itemstrip figure{margin:0;width:84px;text-align:center}
.itemstrip img{height:62px;width:auto;max-width:84px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.itemstrip figcaption{margin-top:4px;font:600 .72rem/1.2 Barlow,sans-serif;color:var(--mute)}
@media(max-width:520px){.cat-grid{grid-template-columns:repeat(2,1fr)}}

/* --- Photos de lieux, lightbox, règlement --- */
[data-zoom]{cursor:zoom-in}
.pic[data-zoom]:focus-visible,.lpic:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.local.has-pic{padding:0;overflow:hidden;border-style:solid;border-width:1px;border-color:rgba(255,241,228,.18);gap:0}
.local .lpic{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;transition:transform .6s var(--ease)}
.local.has-pic:hover .lpic{transform:scale(1.04)}
.local .lwrap{overflow:hidden}
.local .lbody{position:relative;display:grid;gap:10px;align-content:start;padding:20px 24px 24px;background:rgba(22,8,12,.92)}
.local .lpic::after{content:"Agrandir";position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(22,8,12,.75);color:var(--cream);font:600 .72rem/1 Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .25s}
.local.has-pic:hover .lpic::after,.lpic:focus-visible::after{opacity:1}
#lb{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(10,4,6,.94);opacity:0;pointer-events:none;transition:opacity .25s}
#lb.on{opacity:1;pointer-events:auto}
#lb figure{margin:0;max-width:min(1200px,94vw);text-align:center}
#lb img{display:block;max-width:100%;max-height:82vh;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,.6)}
#lb figcaption{margin-top:12px;color:var(--mute)}
.lb-x{position:absolute;top:14px;right:18px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,241,228,.12);color:var(--cream);font-size:2rem;line-height:1;cursor:pointer}
.lb-x:hover{background:var(--grad);color:#2a0f0a}
.rlink{margin-top:4px;padding:6px 14px;border:1px solid rgba(255,241,228,.3);border-radius:999px;background:none;color:var(--mute);font:600 .8rem Barlow,sans-serif;cursor:pointer;transition:.2s}
.rlink:hover{border-color:var(--gold);color:var(--gold)}
.rb a.lnk{white-space:nowrap}
.local .btn{white-space:nowrap;padding:10px 18px;font-size:.95rem}

/* ===== v9 : vagues, cartes, accueil, règlement ===== */
:root{--wave-night:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fbc886'/%3E%3Cstop offset='.5' stop-color='%23f0913c'/%3E%3Cstop offset='1' stop-color='%23e4457f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,27.9 C20,28.0 40,28.1 60,28.0 C80,28.0 100,27.8 120,27.5 C140,27.2 160,26.8 180,26.3 C200,25.8 220,25.1 240,24.5 C260,23.9 280,23.2 300,22.7 C320,22.2 340,21.8 360,21.7 C380,21.6 400,21.6 420,22.1 C440,22.5 460,23.2 480,24.3 C500,25.4 520,26.8 540,28.4 C560,30.0 580,32.0 600,33.9 C620,35.8 640,38.1 660,40.1 C680,42.0 700,44.1 720,45.8 C740,47.5 760,49.1 780,50.2 C800,51.3 820,52.1 840,52.5 C860,52.8 880,52.7 900,52.3 C920,51.8 940,50.9 960,49.8 C980,48.7 1000,47.1 1020,45.6 C1040,44.0 1060,42.2 1080,40.6 C1100,38.9 1120,37.2 1140,35.7 C1160,34.2 1180,32.8 1200,31.7 C1220,30.6 1240,29.7 1260,29.1 C1280,28.4 1300,28.1 1320,27.9 C1340,27.6 1360,27.7 1380,27.7 C1400,27.7 1420,27.9 1440,27.9 V80 H0Z' fill='%2316080c' fill-opacity='.45'/%3E%3Cpath d='M0,56.0 C20,56.7 40,57.2 60,57.3 C80,57.4 100,57.2 120,56.6 C140,56.1 160,55.1 180,54.1 C200,53.1 220,51.7 240,50.7 C260,49.6 280,48.5 300,47.8 C320,47.1 340,46.6 360,46.5 C380,46.4 400,46.7 420,47.0 C440,47.3 460,48.1 480,48.4 C500,48.8 520,49.3 540,49.3 C560,49.2 580,48.9 600,48.1 C620,47.3 640,45.9 660,44.4 C680,42.8 700,40.7 720,38.8 C740,36.8 760,34.6 780,32.8 C800,31.1 820,29.4 840,28.4 C860,27.3 880,26.7 900,26.5 C920,26.4 940,26.9 960,27.6 C980,28.3 1000,29.5 1020,30.7 C1040,31.9 1060,33.4 1080,34.8 C1100,36.1 1120,37.5 1140,38.8 C1160,40.1 1180,41.4 1200,42.6 C1220,43.8 1240,44.9 1260,46.1 C1280,47.3 1300,48.5 1320,49.7 C1340,50.8 1360,52.1 1380,53.2 C1400,54.2 1420,55.3 1440,56.0 V80 H0Z' fill='%2316080c'/%3E%3Cpath d='M0,56.0 C20,56.7 40,57.2 60,57.3 C80,57.4 100,57.2 120,56.6 C140,56.1 160,55.1 180,54.1 C200,53.1 220,51.7 240,50.7 C260,49.6 280,48.5 300,47.8 C320,47.1 340,46.6 360,46.5 C380,46.4 400,46.7 420,47.0 C440,47.3 460,48.1 480,48.4 C500,48.8 520,49.3 540,49.3 C560,49.2 580,48.9 600,48.1 C620,47.3 640,45.9 660,44.4 C680,42.8 700,40.7 720,38.8 C740,36.8 760,34.6 780,32.8 C800,31.1 820,29.4 840,28.4 C860,27.3 880,26.7 900,26.5 C920,26.4 940,26.9 960,27.6 C980,28.3 1000,29.5 1020,30.7 C1040,31.9 1060,33.4 1080,34.8 C1100,36.1 1120,37.5 1140,38.8 C1160,40.1 1180,41.4 1200,42.6 C1220,43.8 1240,44.9 1260,46.1 C1280,47.3 1300,48.5 1320,49.7 C1340,50.8 1360,52.1 1380,53.2 C1400,54.2 1420,55.3 1440,56.0' fill='none' stroke='url(%23g)' stroke-width='1.6' stroke-opacity='.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--wave-wine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23fbc886'/%3E%3Cstop offset='.5' stop-color='%23f0913c'/%3E%3Cstop offset='1' stop-color='%23e4457f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,27.9 C20,28.0 40,28.1 60,28.0 C80,28.0 100,27.8 120,27.5 C140,27.2 160,26.8 180,26.3 C200,25.8 220,25.1 240,24.5 C260,23.9 280,23.2 300,22.7 C320,22.2 340,21.8 360,21.7 C380,21.6 400,21.6 420,22.1 C440,22.5 460,23.2 480,24.3 C500,25.4 520,26.8 540,28.4 C560,30.0 580,32.0 600,33.9 C620,35.8 640,38.1 660,40.1 C680,42.0 700,44.1 720,45.8 C740,47.5 760,49.1 780,50.2 C800,51.3 820,52.1 840,52.5 C860,52.8 880,52.7 900,52.3 C920,51.8 940,50.9 960,49.8 C980,48.7 1000,47.1 1020,45.6 C1040,44.0 1060,42.2 1080,40.6 C1100,38.9 1120,37.2 1140,35.7 C1160,34.2 1180,32.8 1200,31.7 C1220,30.6 1240,29.7 1260,29.1 C1280,28.4 1300,28.1 1320,27.9 C1340,27.6 1360,27.7 1380,27.7 C1400,27.7 1420,27.9 1440,27.9 V80 H0Z' fill='%232a1115' fill-opacity='.45'/%3E%3Cpath d='M0,56.0 C20,56.7 40,57.2 60,57.3 C80,57.4 100,57.2 120,56.6 C140,56.1 160,55.1 180,54.1 C200,53.1 220,51.7 240,50.7 C260,49.6 280,48.5 300,47.8 C320,47.1 340,46.6 360,46.5 C380,46.4 400,46.7 420,47.0 C440,47.3 460,48.1 480,48.4 C500,48.8 520,49.3 540,49.3 C560,49.2 580,48.9 600,48.1 C620,47.3 640,45.9 660,44.4 C680,42.8 700,40.7 720,38.8 C740,36.8 760,34.6 780,32.8 C800,31.1 820,29.4 840,28.4 C860,27.3 880,26.7 900,26.5 C920,26.4 940,26.9 960,27.6 C980,28.3 1000,29.5 1020,30.7 C1040,31.9 1060,33.4 1080,34.8 C1100,36.1 1120,37.5 1140,38.8 C1160,40.1 1180,41.4 1200,42.6 C1220,43.8 1240,44.9 1260,46.1 C1280,47.3 1300,48.5 1320,49.7 C1340,50.8 1360,52.1 1380,53.2 C1400,54.2 1420,55.3 1440,56.0 V80 H0Z' fill='%232a1115'/%3E%3Cpath d='M0,56.0 C20,56.7 40,57.2 60,57.3 C80,57.4 100,57.2 120,56.6 C140,56.1 160,55.1 180,54.1 C200,53.1 220,51.7 240,50.7 C260,49.6 280,48.5 300,47.8 C320,47.1 340,46.6 360,46.5 C380,46.4 400,46.7 420,47.0 C440,47.3 460,48.1 480,48.4 C500,48.8 520,49.3 540,49.3 C560,49.2 580,48.9 600,48.1 C620,47.3 640,45.9 660,44.4 C680,42.8 700,40.7 720,38.8 C740,36.8 760,34.6 780,32.8 C800,31.1 820,29.4 840,28.4 C860,27.3 880,26.7 900,26.5 C920,26.4 940,26.9 960,27.6 C980,28.3 1000,29.5 1020,30.7 C1040,31.9 1060,33.4 1080,34.8 C1100,36.1 1120,37.5 1140,38.8 C1160,40.1 1180,41.4 1200,42.6 C1220,43.8 1240,44.9 1260,46.1 C1280,47.3 1300,48.5 1320,49.7 C1340,50.8 1360,52.1 1380,53.2 C1400,54.2 1420,55.3 1440,56.0' fill='none' stroke='url(%23g)' stroke-width='1.6' stroke-opacity='.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--wave-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,56.0 C20,56.7 40,57.2 60,57.3 C80,57.4 100,57.2 120,56.6 C140,56.1 160,55.1 180,54.1 C200,53.1 220,51.7 240,50.7 C260,49.6 280,48.5 300,47.8 C320,47.1 340,46.6 360,46.5 C380,46.4 400,46.7 420,47.0 C440,47.3 460,48.1 480,48.4 C500,48.8 520,49.3 540,49.3 C560,49.2 580,48.9 600,48.1 C620,47.3 640,45.9 660,44.4 C680,42.8 700,40.7 720,38.8 C740,36.8 760,34.6 780,32.8 C800,31.1 820,29.4 840,28.4 C860,27.3 880,26.7 900,26.5 C920,26.4 940,26.9 960,27.6 C980,28.3 1000,29.5 1020,30.7 C1040,31.9 1060,33.4 1080,34.8 C1100,36.1 1120,37.5 1140,38.8 C1160,40.1 1180,41.4 1200,42.6 C1220,43.8 1240,44.9 1260,46.1 C1280,47.3 1300,48.5 1320,49.7 C1340,50.8 1360,52.1 1380,53.2 C1400,54.2 1420,55.3 1440,56.0 V80 H0Z' fill='%23000'/%3E%3C/svg%3E");--ww:max(900px,100vw)}
@keyframes wdrift{to{transform:translate3d(calc(var(--ww)*-1),0,0)}}
.sec{position:relative}
.scene+.scene::after,.scene+.mosaic-sec::after,.mosaic-sec+.scene::after,.scene+.plain::after,.sec.alt::after,.sec.alt+.sec::after,.scene+.gal::after,.faq+.plain::after,footer::before{content:"";position:absolute;left:0;width:calc(100% + var(--ww));top:-62px;height:84px;z-index:3;pointer-events:none;background:var(--wv,var(--wave-night)) 0 100%/var(--ww) 100% repeat-x;animation:wdrift 90s linear infinite;will-change:transform}
#wipe::before{content:"";position:absolute;left:0;right:0;top:-83px;height:84px;background:linear-gradient(100deg,#2a1115,#803530 55%,#e4457f);-webkit-mask:var(--wave-mask) 0 100%/var(--ww) 100% repeat-x;mask:var(--wave-mask) 0 100%/var(--ww) 100% repeat-x}
#intro::after{content:"";position:absolute;left:0;width:calc(100% + var(--ww));bottom:0;height:84px;z-index:3;pointer-events:none;background:var(--wave-night) 0 100%/var(--ww) 100% repeat-x;animation:wdrift 24s linear infinite;will-change:transform}
footer{border-top:0;background:radial-gradient(70% 140% at 0 100%,rgba(228,69,127,.11),transparent 60%),radial-gradient(60% 120% at 100% 100%,rgba(240,145,60,.09),transparent 60%),var(--night)}
.bz:hover>.gl,.it:hover>.gl,.gcard:hover>.gl{opacity:1}
/* icônes de secteurs */
.sico{position:relative;width:54px;height:54px;display:grid;place-items:center;margin-bottom:14px;border-radius:14px;color:var(--gold);background:linear-gradient(135deg,rgba(251,200,134,.2),rgba(228,69,127,.16));border:1px solid rgba(251,200,134,.35);transition:transform .4s var(--ease),background .3s}
.sico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bz:hover .sico{transform:translateY(-4px) rotate(-6deg);background:linear-gradient(135deg,rgba(251,200,134,.34),rgba(228,69,127,.3))}
/* menu : page en cours */
.m-links a.cur{color:var(--gold);background:linear-gradient(90deg,rgba(240,145,60,.16),transparent);box-shadow:inset 3px 0 0 var(--pink)}
/* accueil : chiffres + galerie */
.gal{padding-top:clamp(70px,9vw,120px)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin:0 0 clamp(56px,8vw,90px)}
.stat{padding:22px 22px 18px;border-top:3px solid var(--pink);background:linear-gradient(180deg,rgba(255,241,228,.07),transparent)}
.stat b{display:block;font:italic 800 clamp(3rem,6vw,4.6rem)/1 'Barlow Condensed',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{color:var(--mute)}
.gnav{display:flex;gap:10px;margin:0 0 16px}
.gnav button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,241,228,.35);background:none;color:var(--cream);font-size:1.4rem;line-height:1;cursor:pointer;transition:.2s}
.gnav button:hover{background:var(--grad);color:#2a0f0a;border-color:transparent}
.gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 2px 26px;scrollbar-width:none}
.gallery::-webkit-scrollbar{display:none}
.gcard{position:relative;flex:0 0 min(82vw,430px);aspect-ratio:16/10;margin:0;overflow:hidden;border-radius:6px;scroll-snap-align:start;background:#2a1115;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gcard:hover img{transform:scale(1.07)}
.gcard figcaption{position:absolute;inset:auto 0 0;padding:52px 18px 16px;display:grid;gap:2px;background:linear-gradient(0deg,rgba(22,8,12,.94),transparent);pointer-events:none}
.gcard b{font:italic 800 1.5rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.gcard span{color:var(--gold);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.gcard:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
/* règlement : parties, essentiel, annexes allégées */
.part{margin:62px 0 22px;padding-left:20px;border-left:4px solid var(--pink)}
.part:first-child{margin-top:0}
.part small{display:block;margin-bottom:6px;color:var(--pink);font:600 .8rem/1 Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.part b{display:block;font:italic 800 clamp(1.9rem,3.4vw,2.6rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold)}
.part p{margin-top:6px;color:var(--mute);max-width:58ch}
.reg.searching .part{display:none}
.toc .g{padding:16px 12px 4px;color:var(--pink);font:600 .7rem/1 Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.essentials{margin-bottom:44px}
.ess-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:16px}
.ess-h b{font:italic 800 1.9rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold)}
.ess-h span{color:var(--mute)}
.ess{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;counter-reset:e}
.ess li{counter-increment:e}
.ess a{position:relative;display:grid;gap:4px;height:100%;padding:18px 20px 16px 62px;border-left:4px solid var(--gold);background:rgba(255,241,228,.06);transition:background .25s,transform .25s var(--ease),border-color .25s}
.ess a::before{content:counter(e);position:absolute;left:18px;top:10px;font:italic 800 2.4rem/1 'Barlow Condensed',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ess a:hover{background:rgba(255,241,228,.11);border-left-color:var(--pink);transform:translateY(-3px)}
.ess b{font:italic 800 1.35rem/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}
.ess span{color:var(--mute);font-size:.95rem}
.ess em{font-style:normal;color:var(--gold);font-weight:600;font-size:.82rem;letter-spacing:.08em}
.annex{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:22px}
.annex li{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border:1px dashed rgba(251,200,134,.4);background:rgba(22,8,12,.4)}
.annex b{font:italic 800 1.25rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--gold)}
.annex span{color:var(--mute);font-size:.88rem}
.annex em{margin-left:auto;font-style:normal;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}

/* grilles équilibrées (6 cartes = 3x2) */
@media(min-width:900px){#secteurs .bgrid{grid-template-columns:repeat(3,1fr)}.ess{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rtools{position:static;padding:0;background:none}.rtools #q,.rtools input{flex:1 1 100%}.rtools .btn{padding:9px 18px;font-size:1rem}}

/* ===== v10 : optimisations ===== */
@media(max-width:760px){.scene+.scene::after,.scene+.mosaic-sec::after,.mosaic-sec+.scene::after,.scene+.plain::after,.sec.alt::after,.sec.alt+.sec::after,.scene+.gal::after,.faq+.plain::after,footer::before{animation:none;width:100%}}
#business .bgrid>.bz:last-child{grid-column:span 1}
@media(min-width:600px){#business .bgrid>.bz:last-child:nth-child(odd){grid-column:span 2}}
.pic.ph{position:relative;overflow:hidden}
.pic.ph .pico{position:absolute;right:22px;top:20px;width:92px;height:92px;fill:none;stroke:rgba(251,200,134,.2);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--ease),stroke .3s}
.srow:hover .pic.ph .pico{transform:rotate(-8deg) scale(1.1);stroke:rgba(251,200,134,.38)}
/* locaux : boutons alignés, grille 3 colonnes */
.local.has-pic{grid-template-rows:auto 1fr}
.local .lbody{display:flex;flex-direction:column;gap:10px}
.local .lbody p{margin-bottom:8px}
.local .lbody .btn{margin-top:auto;align-self:flex-start}
@media(min-width:900px){#loc{grid-template-columns:repeat(3,1fr)}}
.local .lbody .pill,.local .lbody .ex{align-self:flex-start}

/* ===== footer : réseaux & logos ===== */
.f-sub{margin:0 0 30px;color:var(--mute);max-width:30ch}
.soc{display:flex;flex-wrap:wrap;gap:12px}
.soc-a{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,241,228,.22);background:rgba(255,241,228,.05);color:var(--cream);transition:transform .3s var(--ease),background .3s,border-color .3s,box-shadow .3s,color .3s}
.soc-a svg{width:26px;height:26px;fill:currentColor}
.soc-a::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);padding:6px 11px;border-radius:8px;background:#fff1e4;color:#2a0f0a;font:600 .78rem/1 Barlow,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s var(--ease)}
.soc-a:hover::after,.soc-a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.soc-a:hover,.soc-a:focus-visible{transform:translateY(-5px)}
.soc-a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.soc-a.s-discord:hover{background:#5865f2;border-color:#5865f2;box-shadow:0 12px 26px rgba(88,101,242,.5)}
.soc-a.s-tiktok:hover{background:#050505;border-color:#fff;box-shadow:-3px -3px 0 #25f4ee,3px 3px 0 #fe2c55}
.soc-a.s-paypal:hover{background:#0070ba;border-color:#0070ba;box-shadow:0 12px 26px rgba(0,112,186,.5)}
.soc-a.s-fivem:hover{background:#f40552;border-color:#f40552;box-shadow:0 12px 26px rgba(244,5,82,.5)}
.soc-a.is-soon{cursor:default;opacity:.72}
@media(max-width:760px){.f-com{grid-column:1/-1}}
.f-col .soc-a{width:54px;height:54px;color:var(--cream)}
.f-col .soc-a:hover,.f-col .soc-a:focus-visible{transform:translateY(-5px);color:#fff}
.toc .g{font-size:.75rem}
.rb a.lnk{padding:6px 3px;margin:-6px -3px}
@media(max-width:760px){.f-col a{padding:7px 0}}
.btn .bi{width:1.2em;height:1.2em;fill:currentColor;margin-right:.5em;vertical-align:-.2em}