/* Motion Drive — feuille de style du thème. Portée de la maquette v3 ; composants WordPress en fin de fichier. */
[hidden]{display:none!important}
.ev-soon{max-width:760px}.ev-soon h3{font-size:clamp(26px,3vw,38px)}.ev-soon .btns{margin-top:4px}
/* ===== Polices auto-hébergées (WOFF2) ===== */
@font-face{font-family:"Gotham XN";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/GothamXNarrow-Book.woff2) format("woff2")}
@font-face{font-family:"Gotham XN";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/GothamXNarrow-Medium.woff2) format("woff2")}
@font-face{font-family:"Gotham XN";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/GothamXNarrow-Bold.woff2) format("woff2")}
@font-face{font-family:"Gotham XN";font-weight:800 900;font-style:normal;font-display:swap;src:url(../fonts/GothamXNarrow-Black.woff2) format("woff2")}
@font-face{font-family:"Gotham XN";font-weight:800 900;font-style:italic;font-display:swap;src:url(../fonts/GothamXNarrow-BlackItalic.woff2) format("woff2")}
@font-face{font-family:"Gotham XN Fallback";font-weight:100 600;src:local("Arial Narrow"),local("ArialNarrow");size-adjust:91%;ascent-override:105.5%;descent-override:26.4%;line-gap-override:0%}
@font-face{font-family:"Gotham XN Fallback";font-weight:700 900;src:local("Arial Narrow Bold"),local("ArialNarrow-Bold");size-adjust:91%;ascent-override:105.5%;descent-override:26.4%;line-gap-override:0%}
@font-face{font-family:"Lato";font-weight:300;font-style:normal;font-display:swap;src:url(../fonts/lato-300.woff2) format("woff2")}
@font-face{font-family:"Lato";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/lato-400.woff2) format("woff2")}
@font-face{font-family:"Lato";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/lato-700.woff2) format("woff2")}


:root{
  --asphalte:#0A0A0B; --carbone:#141416; --carbone-2:#1C1C1F; --ligne:#2A2A2E;
  --blanc:#F5F5F4; --gris:#9A9A9F; --gris-2:#6B6B70;
  --rouge:#E52044; --rouge-2:#C4183A; --rouge-glow:rgba(229,32,68,.35);
  --display:"Gotham XN","Gotham XN Fallback","Arial Narrow",Impact,sans-serif;
  --body:"Lato","Helvetica Neue",Arial,sans-serif;
  --radius:0; --gutter:clamp(20px,5vw,72px); --maxw:1360px;
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--asphalte);color:var(--blanc);font-family:var(--body);font-size:16px;line-height:1.6;font-weight:400;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
h1,h2,h3,h4{font-family:var(--display);font-synthesis:none;text-transform:uppercase;line-height:.92;margin:0;letter-spacing:-.005em;text-wrap:balance}
h1{font-weight:800;font-size:clamp(42px,7.2vw,110px)}
h2{font-weight:800;font-size:clamp(36px,5.6vw,80px)}
h3{font-weight:700;font-size:clamp(22px,2.6vw,34px)}
h4{font-weight:700;font-size:20px}
p{margin:0 0 1em;max-width:62ch}
p.lead{font-size:clamp(17px,1.4vw,20px);font-weight:300;color:#D6D6D4}
.eyebrow{font-family:var(--display);font-weight:500;text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--rouge);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--rouge)}
.eyebrow.white{color:var(--blanc)}.eyebrow.white::before{background:var(--blanc)}
.muted{color:var(--gris)}
.wrap{width:min(var(--maxw),100% - 2*var(--gutter));margin-inline:auto}
section{padding:clamp(64px,9vw,128px) 0;position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--rouge);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* logo masks */
.mark{display:inline-block;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.mark.icon{--m:url(../img/icone-white.svg);aspect-ratio:404/289}
.mark.word{--m:url(../img/signature-white.svg);aspect-ratio:1821/208}
.damier{-webkit-mask:url(../img/icone-white.svg) 0 0/42px 30px repeat;mask:url(../img/icone-white.svg) 0 0/42px 30px repeat;background:var(--rouge)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:15px;padding:16px 26px;border:2px solid var(--blanc);color:var(--blanc);transition:transform .35s var(--ease),background .25s,color .25s,border-color .25s;position:relative;white-space:nowrap}
.btn:hover{background:var(--blanc);color:var(--asphalte);transform:translateY(-2px)}
.btn.red{background:var(--rouge);border-color:var(--rouge);color:var(--blanc);box-shadow:0 10px 40px -10px var(--rouge-glow)}
.btn.red:hover{background:var(--blanc);border-color:var(--blanc);color:var(--asphalte)}
.btn.ghost{border-color:var(--ligne)}
.btn.ghost:hover{border-color:var(--blanc)}
.btn .arr{display:inline-block;transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(5px)}
.btn.sm{padding:11px 16px;font-size:13px}
.link{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--blanc);border-bottom:2px solid var(--rouge);padding-bottom:3px;display:inline-block}
.link:hover{color:var(--rouge)}

/* header */
header.site{position:fixed;inset:0 0 auto 0;z-index:60;padding:18px 0;transition:background .35s,padding .35s,backdrop-filter .35s}
header.site.scrolled{background:rgba(10,10,11,.82);backdrop-filter:blur(14px);padding:10px 0;border-bottom:1px solid var(--ligne)}
header.site .wrap{display:flex;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:12px;color:var(--blanc)}
.logo .icon{width:38px}.logo .word{width:150px}
nav.main{display:flex;gap:4px;margin-left:auto}
nav.main a{font-family:var(--display);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:10px 12px;color:#D6D6D4;position:relative}
nav.main a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--rouge);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
nav.main a:hover::after,nav.main a.active::after{transform:scaleX(1)}
nav.main a.active{color:var(--blanc)}
.head-cta{display:flex;align-items:center;gap:14px}
.tel{font-family:var(--display);font-weight:500;letter-spacing:.08em;font-size:13px;color:#D6D6D4}
.burger{display:none;width:44px;height:44px;place-items:center}
.burger span{display:block;width:24px;height:2px;background:var(--blanc);box-shadow:0 -7px 0 var(--blanc),0 7px 0 var(--blanc)}
@media(max-width:1080px){nav.main{display:none}.tel{display:none}.burger{display:grid;margin-left:auto}.head-cta{margin-left:0}}
@media(max-width:1080px){body.nav-open nav.main{display:flex;position:fixed;inset:70px 0 0 0;background:var(--asphalte);flex-direction:column;padding:24px var(--gutter);gap:6px}body.nav-open nav.main a{font-size:28px;font-weight:800;padding:12px 0}}
.reserve-float{position:fixed;right:22px;bottom:22px;z-index:55;display:none}
@media(max-width:1080px){.reserve-float{display:inline-flex}.head-cta .btn{display:none}}

/* hero */
.hero{min-height:min(88vh,860px);display:grid;align-items:end;position:relative;overflow:hidden;padding:140px 0 0;isolation:isolate}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.06);animation:heroZoom 12s var(--ease) forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.hero .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.2s var(--ease)}.hero .bgv.on{opacity:1}
.hero .veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(10,10,11,.38),rgba(10,10,11,.38)),linear-gradient(180deg,rgba(10,10,11,.55) 0%,rgba(10,10,11,.15) 40%,rgba(10,10,11,.85) 85%,var(--asphalte) 100%),linear-gradient(90deg,rgba(10,10,11,.6),transparent 60%)}
.hero .stripe{position:absolute;left:-10%;top:0;width:120%;height:100%;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 220px,rgba(255,255,255,.035) 220px 224px);pointer-events:none}
.hero .inner{display:grid;gap:26px;padding-bottom:40px}
.hero h1 .line{display:block;overflow:hidden}
.hero h1 .line span{display:block;transform:translateY(110%);animation:up .9s var(--ease) forwards}
.hero h1 .line:nth-child(2) span{animation-delay:.12s}
.hero h1 em{font-style:italic;color:var(--rouge)}
@keyframes up{to{transform:none}}
.hero .sub{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-end;justify-content:space-between}
.hero p.lead{margin:0;max-width:44ch}
.fade{opacity:0;transform:translateY(14px);animation:fade .8s var(--ease) forwards}
.fade.d1{animation-delay:.35s}.fade.d2{animation-delay:.5s}.fade.d3{animation-delay:.65s}
@keyframes fade{to{opacity:1;transform:none}}
.bigword{position:relative;width:100%;margin-top:26px;color:var(--blanc);opacity:.96;pointer-events:none}
.bigword .mark{width:100%;transform:translateY(12%)}
.entrees{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);background:var(--asphalte)}
.entrees a{padding:30px var(--gutter) 30px;border-right:1px solid var(--ligne);display:grid;gap:8px;position:relative;overflow:hidden;transition:background .3s}
.entrees a:last-child{border-right:0}
.entrees a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rouge);transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease)}
.entrees a:hover{background:var(--carbone)}.entrees a:hover::before{transform:scaleY(1)}
.entrees .k{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2.4vw,32px);line-height:1;display:flex;justify-content:space-between;align-items:center}
.entrees .k .arr{color:var(--rouge);transition:transform .35s var(--ease)}
.entrees a:hover .k .arr{transform:translateX(8px)}
.entrees .s{color:var(--gris);font-size:14px}
@media(max-width:820px){.entrees{grid-template-columns:1fr}.entrees a{border-right:0;border-bottom:1px solid var(--ligne)}.entrees a:last-child{border-bottom:0}}

/* marquee band */
.band{background:var(--rouge);color:var(--blanc);overflow:hidden;padding:14px 0;border-top:1px solid var(--rouge-2)}
.band .track{display:flex;gap:48px;white-space:nowrap;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:22px;letter-spacing:.02em;animation:mq 28s linear infinite;width:max-content}
.band .track span{display:inline-flex;align-items:center;gap:48px}
.band .track i{display:inline-block;width:22px;aspect-ratio:404/289;background:var(--blanc);-webkit-mask:url(../img/icone-white.svg) center/contain no-repeat;mask:url(../img/icone-white.svg) center/contain no-repeat}
@keyframes mq{to{transform:translateX(-50%)}}

/* generic layout helpers */
.head{display:grid;gap:18px;max-width:900px;margin-bottom:clamp(36px,5vw,64px)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,96px);align-items:center}
.split.rev{grid-template-columns:.95fr 1.05fr}
.sensations{padding:clamp(96px,12vw,176px) 0}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
@media(max-width:900px){.grid3,.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid3,.grid2,.grid4{grid-template-columns:1fr}}
.cell{background:var(--carbone);padding:32px 28px;display:grid;gap:14px;align-content:start;position:relative;transition:background .3s}
.cell:hover{background:var(--carbone-2)}
.cell .n .pic{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}
.cell .n{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;color:var(--rouge)}
.cell p{font-size:15px;color:#C9C9C7;margin:0}
.cell h3{font-size:22px}
.cell.red{background:var(--rouge);color:var(--asphalte)}.cell.red p{color:#2a0910}.cell.red .n{color:var(--asphalte)}

/* curve frame photo */
.frame{position:relative;display:block}
.frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ar,4/5)}
.frame::before,.frame::after{content:"";position:absolute;width:26.32%;aspect-ratio:150/119;background:var(--rouge);-webkit-mask:url(../img/coin-logo.svg) center/100% 100% no-repeat;mask:url(../img/coin-logo.svg) center/100% 100% no-repeat;pointer-events:none;z-index:1}
.frame::before{top:0;left:0;margin-top:-4.91%;margin-left:-5.79%}
.frame::after{bottom:0;right:0;margin-bottom:-5.26%;margin-right:-5.44%;transform:rotate(180deg)}
.frame.black::before,.frame.black::after{background:var(--asphalte)}

/* circuit outlines decor */
.trace{position:absolute;pointer-events:none;fill:none;stroke:var(--rouge);stroke-width:3;opacity:.55}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.stats div{padding:28px var(--gutter) 28px 0;border-right:1px solid var(--ligne);padding-left:24px}
.stats div:first-child{padding-left:0}.stats div:last-child{border-right:0}
.stats b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(36px,4.4vw,64px);line-height:1;font-variant-numeric:tabular-nums}
.stats b sup{font-size:.45em;color:var(--rouge);vertical-align:top}
.stats b i{font-style:normal;color:var(--rouge);margin:0 .02em}
.stats span{color:var(--gris);font-size:14px}
@media(max-width:820px){.stats{grid-template-columns:1fr 1fr}.stats div{padding-left:0;border-right:0;border-bottom:1px solid var(--ligne)}.stats div:nth-child(odd){padding-right:20px}.stats div:nth-child(even){padding-left:20px;border-left:1px solid var(--ligne)}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;counter-reset:s}
.steps div{background:var(--carbone);padding:30px 26px 34px;display:grid;gap:10px;align-content:start;position:relative}
.steps div::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--display);font-weight:800;font-size:52px;line-height:1;color:var(--rouge)}
.steps h4{font-size:19px}.steps p{font-size:14px;color:#C9C9C7;margin:0}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}

/* testimonials */
.avis{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.avis figure{margin:0;background:var(--carbone);padding:30px 28px;display:grid;gap:16px;align-content:space-between}
.avis blockquote{margin:0;font-size:17px;font-weight:300;line-height:1.5;color:#E4E4E2}
.avis figcaption{font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--gris)}
.avis .stars{color:var(--rouge);letter-spacing:2px;font-size:14px}
@media(max-width:900px){.avis{grid-template-columns:1fr}}

/* partners */
.partners{display:flex;flex-wrap:wrap;gap:2px}
.partners span{flex:1 1 180px;background:var(--carbone);padding:26px 22px;text-align:center;font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--gris)}
.partners .pl{display:flex;align-items:center;justify-content:center;padding:28px 22px;min-height:153px}
.partners .pl img{height:var(--h,72px);width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .35s ease,opacity .35s ease}
.partners .pl:hover img,.partners .pl:focus-within img{filter:none;opacity:1}
@media(hover:none){.partners .pl img{filter:none;opacity:1}}
@media(max-width:600px){.partners .pl{min-height:120px;padding:22px 18px}.partners .pl img{height:calc(var(--h,72px)*.8)}}

/* CTA block */
.cta-final{background:var(--rouge);color:var(--blanc);position:relative;overflow:hidden;isolation:isolate}
.cta-final .bgv{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;background:var(--rouge) url(../img/flag-texture.svg) center/cover no-repeat}
.cta-final .wrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.cta-final h2{color:var(--blanc);max-width:900px}
.cta-final .btn{border-color:var(--blanc);color:var(--blanc)}
.cta-final .btn:hover{background:var(--blanc);color:var(--asphalte)}
@media(max-width:820px){.cta-final .wrap{grid-template-columns:1fr}}

/* footer (maquette Figma de Nicolas, sept. 2026) */
footer.site{position:relative;background:#060607;border-top:1px solid var(--ligne);font-size:14px;line-height:1.6;color:var(--gris)}
footer .fmain{position:relative;overflow:hidden;padding:64px 0 140px}
footer.site .wrap{position:relative;z-index:1}
footer .wm{position:absolute;z-index:0;right:var(--gutter);bottom:-28px;width:min(560px,40vw);opacity:.8;height:auto;pointer-events:none;user-select:none}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;align-items:start}
footer .brand{display:grid;justify-items:start;gap:51px;max-width:374px}
footer .flogo{display:block;line-height:0}
footer .flogo video{width:191px;height:auto;display:block}
footer .flogo img{width:191px;height:auto;display:none}
footer .flogo.novideo img{display:block}
@media(max-width:768px),(prefers-reduced-motion:reduce){footer .flogo video{display:none}footer .flogo img{display:block}}
footer .about{margin:0;max-width:300px;font-size:14px}
footer .about strong{display:block;color:#fff;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:21px;line-height:1.12;letter-spacing:.02em;margin-bottom:10px}
footer .fcta{margin:0}
.btn.white{background:var(--blanc);border-color:var(--blanc);color:var(--asphalte)}
.btn.white:hover{background:var(--rouge);border-color:var(--rouge);color:var(--blanc)}
footer .social{display:flex;align-items:center;gap:40px;margin:0}
footer .social a{display:block;line-height:0;color:#fff;transition:color .25s,transform .35s var(--ease)}
footer .social a:hover{color:var(--rouge);transform:translateY(-2px)}
footer .social .ico{display:block;height:25px;width:auto;fill:currentColor}
footer .social .ico.facebook{width:12px}footer .social .ico.instagram{width:25px}footer .social .ico.tiktok{width:22px}footer .social .ico.linkedin{width:25px}
footer h4{color:var(--rouge);font-family:var(--display);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;margin:0 0 14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer address{font-style:normal}
.route{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--rouge)!important;transition:gap .25s,color .2s}
.route:hover{gap:12px;color:#fff!important}
.route svg{width:14px;height:auto}
.contactcard .route{display:flex;width:max-content}
footer .route{margin:6px 0 16px}
footer .fhours{display:grid;gap:2px;margin:2px 0;max-width:250px}
footer .fhours li{display:flex;justify-content:space-between;gap:16px;font-variant-numeric:tabular-nums}
footer .fhours li span:first-child{color:#fff}
footer .fhours li.off span{color:var(--gris-2)}
@media(max-width:600px){footer .fhours{margin:2px auto}}
footer a{color:inherit;transition:color .2s}
footer a:hover{color:#fff}
footer .fbar{position:relative;z-index:2;background:#000;font-size:12px}
footer .fbar::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:140px;background:linear-gradient(180deg,rgba(0,0,0,0),#000);pointer-events:none}
footer .fbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:10px 32px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
footer .fbar .copy{margin:0}
footer .fbar .copy a{text-decoration:underline;text-underline-offset:2px}
footer .fbar .legal{display:flex;flex-wrap:wrap;gap:6px 22px}
footer .fbar .legal a{font-size:12px;line-height:1.6;color:var(--gris);opacity:.8;transition:color .2s,opacity .2s}
footer .fbar .legal a:hover{color:#fff;opacity:1}
@media(max-width:600px){footer .fbar .wrap{justify-content:center}footer .fbar .legal{justify-content:center;gap:6px 18px}}
@media(max-width:1080px){footer .fmain{padding-bottom:110px}footer .wm{width:50vw;bottom:-6vw;opacity:.5}}
@media(max-width:820px){footer .cols{grid-template-columns:1fr 1fr;gap:40px 32px}footer .brand{grid-column:1/-1;gap:32px}footer .wm{width:70vw;opacity:.3}}
@media(max-width:600px){footer.site{text-align:center}footer .fmain{padding:48px 0 80px}footer .cols{grid-template-columns:1fr;justify-items:center}footer .brand{justify-items:center;max-width:none}footer .about{margin:0 auto}footer .flogo{margin:0 auto}footer .social{justify-content:center;gap:32px}footer ul{justify-items:center}footer .bottom{margin:40px auto 0;max-width:none}footer .wm{left:50%;right:auto;transform:translateX(-50%)}}

.page-hero{padding:150px 0 56px;position:relative;overflow:hidden;background:var(--asphalte)}
.page-hero .wrap{display:grid;gap:18px;position:relative;z-index:1;max-width:1000px;margin-left:var(--gutter)}
.page-hero.img{min-height:520px;display:grid;align-items:end}
.page-hero.img .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.page-hero.img .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.5),rgba(10,10,11,.2) 50%,var(--asphalte))}
.crumbs{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--gris);display:flex;gap:10px;flex-wrap:wrap}
.crumbs a:hover{color:var(--blanc)}.crumbs span{color:var(--rouge)}
.subnav{position:sticky;top:64px;z-index:40;background:rgba(10,10,11,.9);backdrop-filter:blur(12px);border-block:1px solid var(--ligne)}
.subnav .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.subnav a{font-family:var(--display);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:12px;padding:16px 16px;white-space:nowrap;color:var(--gris);border-bottom:2px solid transparent}
.subnav a:hover,.subnav a.on{color:var(--blanc);border-color:var(--rouge)}

/* tech specs */
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.specs div{background:var(--carbone);padding:24px;display:grid;gap:6px}
.specs .l{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
.specs .v{font-family:var(--display);font-weight:700;font-size:20px;text-transform:uppercase}
.specs .d{font-size:13px;color:var(--gris)}
@media(max-width:900px){.specs{grid-template-columns:1fr 1fr}}@media(max-width:560px){.specs{grid-template-columns:1fr}}
details.tech{border-top:1px solid var(--ligne);margin-top:clamp(80px,7vw,104px)}
details.tech summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:18px}
details.tech summary::-webkit-details-marker{display:none}
details.tech summary .pm{width:28px;height:28px;border:2px solid var(--rouge);display:grid;place-items:center;color:var(--rouge);font-size:18px;line-height:1}
details.tech[open] summary .pm{background:var(--rouge);color:var(--asphalte)}
details.tech .in{padding-bottom:30px}

/* circuits */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;align-items:center}
.chip{font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:12px;padding:10px 16px;border:1px solid var(--ligne);color:var(--gris);transition:.25s}
.chip:hover{color:var(--blanc);border-color:var(--blanc)}
.chip.on{background:var(--blanc);color:var(--asphalte);border-color:var(--blanc)}
.chip.on.red{background:var(--rouge);border-color:var(--rouge);color:var(--blanc)}
.search{flex:1 1 220px;min-width:180px;background:var(--carbone);border:1px solid var(--ligne);color:var(--blanc);padding:11px 14px;font:inherit;font-size:14px}
.search::placeholder{color:var(--gris-2)}
.tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.track{background:var(--carbone);padding:22px;display:grid;gap:12px;position:relative;overflow:hidden;transition:background .3s}
.track:hover{background:var(--carbone-2)}
.track svg{width:100%;aspect-ratio:4/3;fill:none;stroke:var(--blanc);stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round;transition:stroke .3s}
.track:hover svg{stroke:var(--rouge)}
.track .nm{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:18px;line-height:1.05}
.track .co{font-size:12px;color:var(--gris);letter-spacing:.1em;text-transform:uppercase;font-family:var(--display);font-weight:500;display:flex;justify-content:space-between}
.track .tag{position:absolute;top:12px;right:12px;font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--rouge);color:var(--blanc);padding:4px 7px}
.track .len{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.tracks{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.tracks{grid-template-columns:repeat(2,1fr)}}
.cars{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.carcat{background:var(--carbone);padding:26px;display:grid;gap:10px;align-content:start}
.carcat h3{font-size:22px;display:flex;justify-content:space-between;align-items:baseline}
.carcat h3 small{font-size:12px;color:var(--rouge);letter-spacing:.12em;font-weight:500}
.carcat ul{margin:0;padding:0;list-style:none;font-size:14px;color:#C9C9C7;display:grid;gap:4px}
.carcat ul li::before{content:"— ";color:var(--rouge)}
@media(max-width:900px){.cars{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cars{grid-template-columns:1fr}}
.note{font-size:13px;color:var(--gris);border-left:2px solid var(--rouge);padding-left:12px;max-width:70ch}

/* tarifs */
.tabs{display:flex;gap:2px;margin-bottom:32px;flex-wrap:wrap}
.tabs button{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:14px 22px;background:var(--carbone);color:var(--gris);border:1px solid transparent}
.tabs button.on{background:var(--blanc);color:var(--asphalte)}
.tabpane{display:none}.tabpane.on{display:block}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.price{background:var(--carbone);padding:34px 30px;display:grid;gap:16px;grid-template-rows:auto auto auto 1fr auto;align-content:stretch;position:relative}
.price ul{align-content:start}
.price.hl{background:var(--carbone-2);outline:2px solid var(--rouge);outline-offset:-2px}
.price .badge{position:absolute;top:0;right:0;background:var(--rouge);color:var(--blanc);font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px}
.price .dur{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--rouge)}
.price h3{font-size:26px}
.price .amt{font-family:var(--display);font-weight:800;font-size:56px;line-height:1;font-variant-numeric:tabular-nums}
.price .amt small{font-size:16px;font-weight:500;color:var(--gris);letter-spacing:.06em}
.price ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px;color:#C9C9C7}
.price ul li{display:flex;gap:10px}.price ul li::before{content:"✓";color:var(--rouge);font-weight:700}
@media(max-width:900px){.prices{grid-template-columns:1fr}}
.gift{display:grid;grid-template-columns:1fr 1fr;gap:2px}
@media(max-width:820px){.gift{grid-template-columns:1fr}}
.giftcard{background:linear-gradient(135deg,var(--rouge),#8f0f2a);color:var(--blanc);padding:36px;aspect-ratio:1.6;display:grid;align-content:space-between;position:relative;overflow:hidden}
.giftcard .word{width:180px;color:var(--asphalte)}
.giftcard .damier{position:absolute;right:-10%;bottom:-20%;width:60%;height:80%;opacity:.15;background:var(--asphalte)}
.giftcard b{font-family:var(--display);font-weight:800;font-size:40px;text-transform:uppercase;line-height:1;color:var(--asphalte)}

/* agenda */
.events{display:grid;gap:2px}
.event{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center;background:var(--carbone);padding:24px 28px;transition:background .3s}
.event:hover{background:var(--carbone-2)}
.event .date{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.95}
.event .date b{display:block;font-size:44px;color:var(--rouge)}
.event .date span{font-size:13px;letter-spacing:.12em;color:var(--gris);font-weight:500}
.event h3{font-size:22px}
.event p{margin:4px 0 0;font-size:14px;color:var(--gris)}
.event .type{font-family:var(--display);font-weight:500;letter-spacing:.14em;font-size:11px;text-transform:uppercase;color:var(--rouge);margin-bottom:6px;display:block}
.event .places{font-family:var(--display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);text-align:right;display:grid;gap:10px;justify-items:end}
@media(max-width:760px){.event{grid-template-columns:1fr}.event .places{justify-items:start;text-align:left}}
.wall{background:var(--carbone);padding:0;overflow-x:auto}
.wall table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.wall th{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--gris);text-align:left;padding:16px 22px;border-bottom:1px solid var(--ligne)}
.wall td{padding:16px 22px;border-bottom:1px solid var(--ligne);font-variant-numeric:tabular-nums}
.wall td.pos{font-family:var(--display);font-weight:800;font-size:24px;color:var(--rouge);width:60px}
.wall td.time{font-family:var(--display);font-weight:700;font-size:20px}
.wall tr:hover td{background:var(--carbone-2)}
.wallhead{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:16px}

/* offres groupes / entreprises */
.offres{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.offre{background:var(--carbone);display:grid;grid-template-rows:auto 1fr;overflow:hidden;position:relative}
.offre .ph{aspect-ratio:16/10;background:var(--carbone-2);position:relative;overflow:hidden}
.offre .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.offre:hover .ph img{transform:scale(1.06)}
.offre .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,20,22,.9))}
.offre .tx{padding:24px 26px 28px;display:grid;gap:10px;align-content:start}
.offre h3{font-size:24px}.offre p{font-size:14px;color:#C9C9C7;margin:0}
.offre .kw{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
@media(max-width:900px){.offres{grid-template-columns:1fr 1fr}}@media(max-width:560px){.offres{grid-template-columns:1fr}}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.flow div{padding:26px 22px 26px 0;border-top:2px solid var(--ligne);position:relative;display:grid;gap:8px}
.flow div::before{content:"";position:absolute;top:-2px;left:0;width:48px;height:2px;background:var(--rouge)}
.flow b{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:26px;line-height:1}
.flow span{font-size:14px;color:var(--gris)}
@media(max-width:820px){.flow{grid-template-columns:1fr 1fr}}

/* FAQ */
.faq{display:grid;gap:2px;max-width:900px}
.faq details{background:var(--carbone)}
.faq summary{cursor:pointer;list-style:none;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:17px;letter-spacing:.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--rouge);font-size:24px;line-height:1;flex:none}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 24px 22px;color:#C9C9C7;font-size:15px}

/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;max-width:820px}
.form label{display:grid;gap:8px;align-content:start;font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris)}
.form label.full{grid-column:1/-1}
.form input,.form select,.form textarea{background:var(--carbone);border:1px solid var(--ligne);color:var(--blanc);padding:14px 16px;font-family:var(--body);font-weight:400;font-size:15px;letter-spacing:0;text-transform:none;line-height:1.4;width:100%;border-radius:0}
.form input::placeholder,.form textarea::placeholder{color:var(--gris-2)}
.form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}
.form [hidden]{display:none!important}
.form .csel-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.form .csel{position:relative}
.form .csel-btn{display:block;width:100%;text-align:left;background:var(--carbone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid var(--ligne);color:var(--blanc);padding:14px 42px 14px 16px;font-family:var(--body);font-weight:400;font-size:15px;line-height:1.4;letter-spacing:0;text-transform:none;cursor:pointer;min-height:51px}
.form .csel-btn:focus-visible,.form .csel.open .csel-btn{border-color:var(--rouge);outline:0}
.form .csel.open .csel-btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 7l5-5 5 5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E")}
.form .csel-list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px 0;list-style:none;background:var(--carbone-2);border:1px solid var(--ligne);box-shadow:0 18px 40px -12px rgba(0,0,0,.8);max-height:300px;overflow:auto}
.form .csel-list li{padding:11px 16px;font-family:var(--body);font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--blanc);cursor:pointer;line-height:1.35}
.form .csel-list li.on{background:rgba(229,32,68,.14)}
.form .csel-list li[aria-selected=true]{color:var(--rouge)}
.form .csel-list li[aria-selected=true]::after{content:"✓";float:right;margin-left:12px}
.form fieldset{border:0;margin:0;padding:0;min-width:0;grid-column:1/-1}
.form legend{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris);margin-bottom:10px;padding:0}
.form .chips{display:flex;flex-wrap:wrap;gap:8px}
.form .chip-r{display:block;letter-spacing:0;text-transform:none;font-size:inherit;color:inherit}
.form .chip-r input{position:absolute;opacity:0;width:1px;height:1px}
.form .chip-r span{display:block;padding:11px 16px;border:1px solid var(--ligne);background:var(--carbone);font-family:var(--body);font-size:14px;color:var(--blanc);cursor:pointer;transition:border-color .2s,background .2s}
.form .chip-r:hover span{border-color:var(--gris-2)}
.form .chip-r input:checked+span{border-color:var(--rouge);background:rgba(229,32,68,.12)}
.form .chip-r input:focus-visible+span{outline:2px solid var(--rouge);outline-offset:2px}
.form .turnstile{grid-column:1/-1;min-height:65px}
.form .consent{display:flex;gap:12px;align-items:flex-start;font-family:var(--body);letter-spacing:0;text-transform:none;font-size:13px;line-height:1.5;color:var(--gris)}
.form .consent input{width:18px;height:18px;flex:none;margin:1px 0 0;padding:0;accent-color:var(--rouge)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--rouge);outline:0}
.form textarea{min-height:120px;resize:vertical}
.form .help{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:12px;color:var(--gris-2)}
.form .actions{grid-column:1/-1;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.form .ok{grid-column:1/-1;background:var(--carbone);border-left:3px solid var(--rouge);padding:18px 20px;display:none}
.form.sent .ok{display:block}
@media(max-width:640px){.form{grid-template-columns:1fr}}
.contactcard{background:var(--carbone);padding:32px;display:grid;gap:26px;align-content:start;font-size:15px}
.contactcard .ci{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start}
.contactcard .ic{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ligne);color:var(--rouge)}
.contactcard .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contactcard .hours,.contactcard .access{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.contactcard .hours li{display:flex;justify-content:space-between;gap:16px;padding:3px 8px;margin:0 -8px;font-variant-numeric:tabular-nums}
.contactcard .hours li span:first-child{color:var(--gris)}
.contactcard .hours li.off span:last-child{color:var(--gris-2)}
.contactcard .hours li.today{background:rgba(229,32,68,.12)}
.contactcard .hours li.today span{color:var(--blanc)}
.contactcard .access li{padding-left:14px;position:relative}
.contactcard .access li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--rouge)}
.locmap{position:relative;aspect-ratio:4/3;background:var(--carbone-2);overflow:hidden}
.locmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;filter:invert(.9) hue-rotate(180deg) saturate(.55) brightness(.95) contrast(.95)}
.locmap .plan{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.locmap .lab{position:absolute;z-index:1;transform:translate(-50%,-50%);font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#fff;white-space:nowrap;text-shadow:0 1px 6px #000,0 0 2px #000;pointer-events:none}
.locmap .lab.kit{color:var(--rouge);transform:translate(14px,-50%)}
.locmap .lab.park{display:flex;align-items:center;gap:8px}
.locmap .lab.park b{display:grid;place-items:center;width:22px;height:22px;background:#2a5bd7;color:#fff;font-size:13px;letter-spacing:0;border-radius:3px;text-shadow:none}
.locmap .load{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:56px 16px 22px;display:grid;justify-items:center;gap:8px;text-align:center;background:linear-gradient(180deg,rgba(20,20,22,0),rgba(20,20,22,.92) 55%)}
.locmap .load small{font-size:11px;color:var(--gris)}
.locmap .attr{position:absolute;z-index:2;right:6px;top:4px;font-size:10px;color:var(--gris-2)}
.locmap.on .load,.locmap.on .lab,.locmap.on .attr{display:none}
.locmap-btn{justify-content:center;width:100%}
.contactcard b{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--rouge);display:block;margin-bottom:6px}
.map{background:var(--carbone-2);aspect-ratio:16/9;display:grid;place-items:center;color:var(--gris);font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;font-size:12px;position:relative;overflow:hidden}
.map::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 40px,rgba(255,255,255,.04) 40px 41px),repeating-linear-gradient(90deg,transparent 0 40px,rgba(255,255,255,.04) 40px 41px)}
.map i{position:absolute;width:14px;height:14px;background:var(--rouge);border-radius:50%;box-shadow:0 0 0 8px var(--rouge-glow)}

/* booking modal */
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(6,6,7,.8);backdrop-filter:blur(10px)}
.modal.open{display:grid}
.modal .box{background:var(--carbone);width:min(760px,100%);max-height:92vh;overflow:auto;position:relative;border-top:4px solid var(--rouge)}
.modal .box header{position:sticky;top:0;background:var(--carbone);padding:26px 30px 18px;display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid var(--ligne);z-index:1}
.modal .x{width:40px;height:40px;border:1px solid var(--ligne);display:grid;place-items:center;font-size:20px}
.modal .x:hover{border-color:var(--blanc)}
.bsteps{display:flex;gap:2px;padding:18px 30px 0}
.bsteps span{flex:1;height:3px;background:var(--ligne)}
.bsteps span.on{background:var(--rouge)}
.bpane{padding:26px 30px 30px;display:none;gap:18px}
.bpane.on{display:grid}
.opt{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.opt button{background:var(--asphalte);border:1px solid var(--ligne);padding:18px;display:grid;gap:6px;text-align:left}
.opt button:hover,.opt button.on{border-color:var(--rouge)}
.opt button.on{background:var(--rouge);color:var(--blanc)}
.opt b{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:17px}
.opt small{font-size:12px;color:var(--gris)}.opt button.on small{color:#ffd0d8}
@media(max-width:600px){.opt{grid-template-columns:1fr}}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal button{aspect-ratio:1;background:var(--asphalte);border:1px solid var(--ligne);font-family:var(--display);font-weight:700;font-size:15px;display:grid;place-items:center}
.cal button:disabled{opacity:.25;cursor:not-allowed}
.cal button:hover:not(:disabled),.cal button.on{border-color:var(--rouge)}.cal button.on{background:var(--rouge)}
.cal .dow{font-family:var(--display);font-size:10px;letter-spacing:.12em;color:var(--gris);text-align:center;padding-bottom:6px}
.slots{display:flex;flex-wrap:wrap;gap:6px}
.slots button{padding:10px 14px;border:1px solid var(--ligne);font-family:var(--display);font-weight:700;font-size:14px}
.slots button:hover,.slots button.on{border-color:var(--rouge)}.slots button.on{background:var(--rouge)}
.recap{background:var(--asphalte);padding:20px;display:grid;gap:8px;font-size:15px;border:1px solid var(--ligne)}
.recap div{display:flex;justify-content:space-between;gap:20px}
.recap div b{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.04em}
.recap .total{border-top:1px solid var(--ligne);padding-top:10px;font-size:20px;font-family:var(--display);font-weight:800}
.bnav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ===== v2 additions ===== */
.hero h1 .kw{display:block;font-size:.26em;font-weight:500;letter-spacing:.2em;color:var(--blanc);margin-bottom:.5em;opacity:.9}
.reassure{display:flex;flex-wrap:wrap;gap:6px 22px;font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:#D6D6D4}
.reassure span::before{content:"✓ ";color:var(--rouge)}
.dispo{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--blanc)}
.dispo i{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.2)}

/* configurateur */
.config{background:var(--carbone);padding:clamp(32px,4vw,56px);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;position:relative;overflow:hidden}
.config .q{display:grid;gap:10px;margin-bottom:22px}
.config .q b{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.04em}
.config .q b small{color:var(--rouge);margin-right:8px}
.config .opts{display:flex;flex-wrap:wrap;gap:6px}
.config .opts button{font-family:var(--display);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:12px;padding:11px 16px;border:1px solid var(--ligne);color:#D6D6D4;transition:.2s}
.config .opts button:hover{border-color:var(--blanc)}
.config .opts button.on{background:var(--rouge);border-color:var(--rouge);color:var(--blanc)}
.result{background:var(--asphalte);border:1px solid var(--ligne);padding:30px;display:grid;gap:14px;align-content:start;position:relative}
.result::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rouge)}
.result .lab{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
.result h3{font-size:30px}
.result dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}
.result dt{font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--gris);padding-top:3px}
.result dd{margin:0}
@media(max-width:900px){.config{grid-template-columns:1fr}}

/* estimateur */
.estim{background:var(--carbone);padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.estim .ctl{display:grid;gap:18px}
.estim label{display:grid;gap:8px;font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris)}
.estim label output{color:var(--blanc);font-size:15px;font-weight:700;letter-spacing:.04em}
.estim input[type=range]{width:100%;accent-color:var(--rouge)}
.estim .out{text-align:right;display:grid;gap:8px}
.estim .out b{font-family:var(--display);font-weight:800;font-size:clamp(40px,5vw,64px);line-height:1;font-variant-numeric:tabular-nums}
.estim .out small{font-size:12px;color:var(--gris)}
@media(max-width:760px){.estim{grid-template-columns:1fr}.estim .out{text-align:left}}

/* villes voisines */
.villes{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.villes div{background:var(--carbone);padding:22px;display:grid;gap:6px}
.villes b{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:22px;line-height:1}
.villes span{font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
.villes p{font-size:13px;color:var(--gris);margin:0}
@media(max-width:760px){.villes{grid-template-columns:1fr 1fr}}

/* page offre (fille) */
.page-hero.offre-hero{padding-bottom:60px;min-height:480px}
.page-hero.offre-hero .bg{opacity:.45}
.benef{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.aside{background:var(--carbone);padding:30px;display:grid;gap:16px;align-content:start;position:sticky;top:90px}
.aside .from{font-family:var(--display);font-weight:800;font-size:44px;line-height:1}
.aside .from small{font-size:14px;font-weight:500;color:var(--gris);letter-spacing:.06em}
.aside ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px;color:#C9C9C7}
.aside ul li::before{content:"— ";color:var(--rouge)}
.layout{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
@media(max-width:900px){.layout{grid-template-columns:1fr}.aside{position:static}}

/* fiche circuit */
.circ{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.circ svg{width:100%;fill:none;stroke:var(--rouge);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.circ svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2.4s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.circ .meta{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.circ .meta div{background:var(--carbone);padding:18px;display:grid;gap:4px;align-content:start}
.circ .meta .l{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
.circ .meta .v{font-family:var(--display);font-weight:800;font-size:24px;line-height:1.1}
@media(max-width:900px){.circ{grid-template-columns:1fr}}
.track.link{cursor:pointer}
.zone-h{font-size:22px;margin:32px 0 12px;display:flex;align-items:center;gap:14px}
.zone-h::after{content:"";flex:1;height:1px;background:var(--ligne)}

/* page pilote */
.pilot{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.pilot .card{background:linear-gradient(135deg,#1c1c1f,#0a0a0b);padding:36px;display:grid;gap:14px;position:relative;overflow:hidden;border:1px solid var(--ligne)}
.pilot .card .damier{position:absolute;right:-20%;top:-20%;width:70%;height:90%;opacity:.12}
.pilot .card .nm{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(30px,4vw,48px);line-height:.95}
.pilot .card .big{font-family:var(--display);font-weight:800;font-size:clamp(48px,7vw,84px);line-height:1;color:var(--rouge);font-variant-numeric:tabular-nums}
.pilot .card .m{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris)}
.share{display:flex;gap:8px;flex-wrap:wrap}
.share button{font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px;padding:9px 12px;border:1px solid var(--ligne)}
.share button:hover{border-color:var(--blanc)}
.wall td a{border-bottom:1px solid var(--ligne)}.wall td a:hover{color:var(--rouge);border-color:var(--rouge)}
@media(max-width:900px){.pilot{grid-template-columns:1fr}}

/* blog */
.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.post{background:var(--carbone);display:grid;grid-template-rows:auto 1fr}
.post .ph{aspect-ratio:16/10;overflow:hidden}.post .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.post:hover .ph img{transform:scale(1.05)}
.post .tx{padding:20px 22px 24px;display:grid;gap:8px;align-content:start}
.post .cat{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
.post h3{font-size:20px}.post p{font-size:13px;color:var(--gris);margin:0}
.post time{font-size:12px;color:var(--gris-2)}
@media(max-width:900px){.posts{grid-template-columns:1fr 1fr}}@media(max-width:560px){.posts{grid-template-columns:1fr}}
.article{max-width:760px}
.article h2{font-size:clamp(26px,3vw,38px);margin:clamp(56px,6vw,84px) 0 16px}
.article p{max-width:none;font-size:17px;font-weight:300;color:#E4E4E2}
.article .byline{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris);display:flex;gap:16px;flex-wrap:wrap}
.toc{background:var(--carbone);padding:20px 24px;margin:30px 0;font-size:14px}
.toc b{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--rouge);display:block;margin-bottom:8px}
.toc ol{margin:0;padding-left:18px;display:grid;gap:4px}

/* form v2 */
.form .more{grid-column:1/-1;display:none;grid-template-columns:1fr 1fr;gap:18px 20px}
.form.expanded .more{display:grid}
.form .toggle{grid-column:1/-1;font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--rouge);text-align:left}
@media(max-width:640px){.form .more{grid-template-columns:1fr}}

/* barre mobile */
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:58;background:rgba(10,10,11,.92);backdrop-filter:blur(12px);border-top:1px solid var(--ligne);padding:10px var(--gutter);gap:8px}
.mbar .btn{flex:1;justify-content:center;padding:14px 10px;font-size:13px}
@media(max-width:1080px){.mbar{display:flex}body{padding-bottom:70px}}
.legal{max-width:760px;font-size:15px;color:#C9C9C7}.legal h2{font-size:24px;margin:32px 0 10px}

/* centre : onglets */
.ctr{display:grid;grid-template-columns:minmax(240px,.75fr) 2fr;gap:2px}
.ctr-tabs{display:grid;gap:2px;align-content:start}
.ctr-tab{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:24px 26px;text-align:left;background:var(--carbone);border-left:4px solid transparent;color:var(--gris);font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(18px,1.7vw,24px);line-height:1;transition:color .25s,background .25s,border-color .25s}
.ctr-tab:hover{color:var(--blanc);background:var(--carbone-2)}
.ctr-tab[aria-selected="true"]{color:var(--blanc);background:var(--carbone-2);border-left-color:var(--rouge)}
.ctr-tab .arr{color:var(--rouge);opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .35s var(--ease)}
.ctr-tab[aria-selected="true"] .arr{opacity:1;transform:none}
.ctr-panel{display:grid;grid-template-columns:1.2fr 1fr;min-height:460px;background:var(--carbone-2)}
.ctr-panel[hidden]{display:none}
.ctr-img{position:relative;overflow:hidden;min-height:280px;background:var(--carbone)}
.ctr-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ctrImg .7s var(--ease)}
.ctr-img small{position:absolute;top:14px;left:14px;font-family:var(--display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--rouge);padding:4px 7px}
.ctr-txt{display:grid;gap:16px;align-content:center;padding:clamp(28px,3.5vw,52px);animation:fade .6s var(--ease) both}
.ctr-txt h3{font-size:clamp(26px,2.6vw,38px)}
.ctr-txt p{margin:0;color:#C9C9C7}
.ctr-facts{display:grid;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.ctr-facts li{font-family:var(--display);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:#D6D6D4}
.ctr-facts li::before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;background:var(--rouge);vertical-align:1px}
@keyframes ctrImg{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@media(max-width:1000px){.ctr{grid-template-columns:1fr}.ctr-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.ctr-tab{flex:0 0 auto;width:auto;padding:16px 18px;font-size:15px;border-left:0;border-bottom:3px solid transparent}.ctr-tab[aria-selected="true"]{border-bottom-color:var(--rouge)}.ctr-tab .arr{display:none}.ctr-panel{grid-template-columns:1fr;min-height:0}.ctr-img{aspect-ratio:16/10;min-height:0}}


.band .track{background:transparent;padding:0;display:flex;gap:48px}
/* accueil : 3 articles, plus d'air */
.posts.three{grid-template-columns:repeat(3,1fr);gap:24px}
.posts.three .tx{padding:28px 30px 34px;gap:12px}
.posts.three h3{font-size:24px}
.posts.three p{font-size:14px;line-height:1.6}
@media(max-width:900px){.posts.three{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:600px){.posts.three{grid-template-columns:1fr}}
.blogfilters{margin-bottom:32px}
a.chip{display:inline-block}
.logo img{height:92px;width:auto;display:block;transition:height .35s}
header.site.scrolled .logo img{height:64px}
@media(max-width:1080px){.logo img{height:68px}header.site.scrolled .logo img{height:54px}}
/* grande signature du héros : discrète au chargement, révélée au scroll (JS) */
.bigword{opacity:.16;transition:opacity .15s linear}
@media(prefers-reduced-motion:reduce){.bigword{opacity:.96}}
/* héros : mot-clé plus discret, plus d'air sous le header */
.hero{padding-top:190px}
.hero h1 .kw{font-size:max(13px,.15em);letter-spacing:.24em;margin-bottom:1em;opacity:.85}
@media(max-width:1080px){.hero{padding-top:150px}}
/* FAQ : ouverture / fermeture animées (hauteur pilotée en JS) */
.faq .a,details.tech .in{will-change:height,opacity}
.faq summary::after{transition:transform .3s var(--ease)}
.faq details[open] summary::after{content:"+";transform:rotate(45deg)}
/* articles : apparition en cascade */
@keyframes cardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.posts .post{animation:cardIn .55s var(--ease) both}
.posts .post:nth-child(2){animation-delay:.07s}.posts .post:nth-child(3){animation-delay:.14s}.posts .post:nth-child(4){animation-delay:.21s}.posts .post:nth-child(5){animation-delay:.28s}.posts .post:nth-child(6){animation-delay:.35s}.posts .post:nth-child(7){animation-delay:.42s}.posts .post:nth-child(8){animation-delay:.49s}.posts .post:nth-child(9){animation-delay:.56s}.posts .post:nth-child(n+10){animation-delay:.6s}
.posts.leaving .post{animation:none;opacity:0;transform:translateY(-10px);transition:opacity .22s ease,transform .22s ease}
.posts.swapping{min-height:200px}
@media(prefers-reduced-motion:reduce){.posts .post{animation:none}.faq summary::after{transition:none}}
/* ===== Ajouts WordPress (navigation, utilitaires, contenu éditorial) ===== */
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--rouge);color:var(--blanc);padding:10px 14px;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em}
.skip:focus{left:8px}
body.admin-bar header.site{top:32px}
@media(max-width:782px){body.admin-bar header.site{top:46px}}
nav.main li{list-style:none;margin:0;padding:0}
nav.main li a{display:block}
nav.main li.active a{color:var(--blanc)}
nav.main li.active a::after{transform:scaleX(1)}
@media(max-width:1080px){body.nav-open nav.main{display:flex;position:fixed;inset:70px 0 0 0;background:var(--asphalte);flex-direction:column;padding:24px var(--gutter);gap:6px;overflow:auto}body.nav-open nav.main a{font-size:28px;font-weight:800;padding:12px 0}body.nav-open{overflow:hidden}}
.mark.icon.red{color:var(--rouge);width:44px}
.crumbs .cur{color:var(--gris)}
.page-hero .btns{margin-top:6px}
.page-hero .byline{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris);display:flex;gap:16px;flex-wrap:wrap}
.page-hero .byline a:hover{color:var(--blanc)}
.hero .herocta{display:grid;gap:14px;justify-items:start}
.btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pt0{padding-top:0}.pt10{padding-top:10px}.pt20{padding-top:20px}.p0{padding:0}
.mt{margin:16px 0 22px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt22{margin-top:22px}.mt40{margin-top:40px}.mb56{margin-bottom:56px}.m0{margin:0}
.pad40{padding:40px}.gap18{gap:18px}.small{font-size:12px}.center{text-align:center}
.eyebrow.dark{color:var(--asphalte)}.eyebrow.dark::before{background:var(--asphalte)}
.btn.dark{border-color:var(--asphalte);color:var(--asphalte)}.btn.dark:hover{background:var(--asphalte);color:var(--blanc)}
.cell.champion{margin-top:2px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}
.cell.champion h3 a:hover{text-decoration:underline}
@media(max-width:700px){.cell.champion{grid-template-columns:1fr}}
.steps{list-style:none;padding:0;margin:0}
.steps li{background:var(--carbone);padding:30px 26px 34px;display:grid;gap:10px;align-content:start;position:relative}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--display);font-weight:800;font-size:52px;line-height:1;color:var(--rouge)}
.duo{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.duo-img{position:relative;min-height:420px;overflow:hidden}
.duo-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duo-txt{background:var(--carbone);padding:clamp(40px,6vw,88px) var(--gutter);display:grid;gap:18px;align-content:center}
@media(max-width:900px){.duo{grid-template-columns:1fr}.duo-img{min-height:300px}}
.ph-empty{display:block;width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,var(--carbone-2),var(--carbone))}
.damier.fill{position:absolute;inset:0;background:var(--asphalte);opacity:.35}
.offre.red .ph{background:var(--rouge)}
.config .q.last{margin-bottom:0}
.frame.wide{margin-bottom:40px}
.frame.wide::before,.frame.wide::after{width:11%}
.frame.wide::before{margin-top:-2.05%;margin-left:-2.42%}
.frame.wide::after{margin-bottom:-2.2%;margin-right:-2.27%}
.page-hero:not(.img){padding-top:clamp(150px,13vw,210px);padding-bottom:clamp(64px,6vw,96px)}
.page-hero:not(.img) .wrap{gap:22px}
.frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ar,4/5)}
/* Coins photo découpés à l'extérieur des formes du logo (demande Antoine) */
.frame img{-webkit-mask:url(../img/coin-cut-tl.svg) left -1px top -1px/calc(20.53% + 1px) auto no-repeat,url(../img/coin-cut-br.svg) right -1px bottom -1px/calc(20.88% + 1px) auto no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:url(../img/coin-cut-tl.svg) left -1px top -1px/calc(20.53% + 1px) auto no-repeat,url(../img/coin-cut-br.svg) right -1px bottom -1px/calc(20.88% + 1px) auto no-repeat,linear-gradient(#000 0 0);mask-composite:exclude}
.split.contact{align-items:start;grid-template-columns:1.3fr .7fr}
@media(max-width:900px){.split.contact{grid-template-columns:1fr}}
.contactcol{display:grid;gap:2px;align-content:start}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form{position:relative}
.form .ok.show{display:block}
.form.full{max-width:none}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
a.map:hover{color:var(--blanc)}
.cars-list{margin:10px 0 18px}
.pilot-stats{grid-template-columns:1fr 1fr;border:0;gap:2px}
.pilot-stats div{background:var(--carbone);padding:28px;border:0}
.wall .ord{font-size:12px;color:var(--gris);font-weight:500}
.tel.center{text-align:center}
.giftsub{color:#2a0910;font-size:14px;margin-top:6px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.modal[hidden]{display:none}
.modal .box header h3{margin-top:8px}
.tabpane[hidden]{display:none}
.calhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.calhead b{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.bpane.done{text-align:center;padding:60px 30px}
.bpane.done .mark.icon{width:64px;color:var(--rouge);margin:0 auto}
.bpane.done p{margin:0 auto}
.bnav.center{justify-content:center}
.share a{font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px;padding:9px 12px;border:1px solid var(--ligne)}
.share a:hover{border-color:var(--blanc)}
.pagination{margin-top:32px;display:flex;justify-content:center}
.pagination .nav-links{display:flex;gap:2px;flex-wrap:wrap}
.pagination .page-numbers{font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding:12px 16px;border:1px solid var(--ligne);color:var(--gris)}
.pagination .page-numbers.current,.pagination .page-numbers:hover{color:var(--blanc);border-color:var(--blanc)}
.pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* contenu éditorial (articles, pages libres) */
.article h2{font-size:clamp(26px,3vw,38px);margin:clamp(56px,6vw,84px) 0 16px}
.article h3{font-size:clamp(20px,2.2vw,26px);margin:40px 0 12px}
.article p,.article li{font-size:17px;font-weight:300;color:#E4E4E2}
.article p{max-width:none}
.article ul,.article ol{padding-left:22px;margin:0 0 1.2em}
.article li{margin-bottom:6px}
.article li::marker{color:var(--rouge)}
.article a:not(.btn):not(.link){color:var(--blanc);border-bottom:1px solid var(--rouge)}
.article a:not(.btn):not(.link):hover{color:var(--rouge)}
.article strong{color:var(--blanc);font-weight:700}
.article blockquote{margin:24px 0;padding:18px 24px;border-left:3px solid var(--rouge);background:var(--carbone);font-size:19px;font-weight:300}
.article figure{margin:32px 0}
.article h2+figure,.article h3+figure{margin-top:20px}
.article figcaption{font-size:13px;color:var(--gris);margin-top:8px}
.article p.sub{font-size:20px;font-weight:400;color:var(--blanc);line-height:1.45}
.article p.label{margin-bottom:6px}
.article p.tip{background:var(--carbone);border-left:3px solid var(--rouge);padding:16px 20px;margin:20px 0}
.article p.tip strong{color:var(--rouge);margin-right:4px}
.article figure.track{background:var(--carbone);padding:28px 24px 16px;display:grid;justify-items:center;gap:6px}
.article figure.track>a{display:block;width:100%;max-width:440px;border:0}
.article figure.track .cmap{display:block;width:100%;aspect-ratio:4/3;background:var(--blanc);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;transition:background .3s}
.article figure.track>a:hover .cmap{background:var(--rouge)}
.article figure.track figcaption a{color:var(--blanc)}
.article figure.wp-block-image img{width:100%;display:block}
.article img{height:auto}
.article table{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0}
.article th,.article td{padding:12px 14px;border-bottom:1px solid var(--ligne);text-align:left}
.article th{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris)}
.legal p{max-width:none}
.wp-caption,.alignwide,.alignfull{max-width:100%}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ---------- catalogue Assetto Corsa (nov. 2026) ---------- */
.filters.sels{gap:10px;align-items:stretch}
.filters.sels .search{padding:16px 22px;font-size:15px;min-height:52px}
.filters.sels .sel select{padding:16px 46px 16px 20px;min-height:52px;height:100%}
.filters.sels .count{padding-left:14px;align-self:center}
.sel{position:relative;display:inline-flex}
.sel select{appearance:none;-webkit-appearance:none;font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--blanc);background:var(--carbone);border:1px solid var(--ligne);padding:11px 40px 11px 16px;cursor:pointer;max-width:260px;border-radius:0}
.sel::after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid var(--rouge);border-bottom:2px solid var(--rouge);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sel select:hover,.sel select:focus-visible{border-color:var(--rouge);outline:none}
.sel select option{background:var(--asphalte);color:var(--blanc);text-transform:none;letter-spacing:0}
.filters .count{margin-left:auto;font-size:12px;color:var(--gris);letter-spacing:.1em;text-transform:uppercase;font-family:var(--display);font-variant-numeric:tabular-nums}
.track[hidden]{display:none}
@media(max-width:700px){.sel,.sel select{width:100%;max-width:none}.filters.sels .search{width:100%}.filters .count{margin-left:0}}
.track .map{display:block;width:100%;aspect-ratio:4/3;background:var(--blanc);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;transition:background .3s}
.track:hover .map{background:var(--rouge)}
.circ .cmap{display:block;width:100%;aspect-ratio:4/3;background:var(--rouge);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.circ .meta .v{font-size:clamp(18px,2.2vw,24px)}
.filters .chip small{opacity:.6;font-size:.85em;margin-left:4px;font-variant-numeric:tabular-nums}
.carsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.car{all:unset;box-sizing:border-box;cursor:pointer;background:var(--carbone);display:grid;grid-template-rows:auto auto auto 1fr;gap:4px;padding:0 0 18px;transition:background .3s}
.car[hidden]{display:none}
.car:hover,.car:focus-visible{background:var(--carbone-2)}
.car:focus-visible{outline:2px solid var(--rouge);outline-offset:-2px}
.car .ph{display:block;aspect-ratio:16/9;overflow:hidden;background:#0d0d0e;margin-bottom:10px}
.car .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.car:hover .ph img{transform:scale(1.04)}
.car .br{padding:0 18px;font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
.car .nm{padding:0 18px;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:17px;line-height:1.1}
.car .sp{padding:0 18px;font-size:13px;color:var(--gris);font-variant-numeric:tabular-nums;align-self:end}
@media(max-width:1100px){.carsgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.carsgrid{grid-template-columns:repeat(2,1fr)}.car .nm{font-size:15px}}@media(max-width:420px){.carsgrid{grid-template-columns:1fr}}
.btns.center{justify-content:center}
.cardlg{border:0;padding:0;background:var(--asphalte);color:var(--blanc);width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;display:none;grid-template-columns:1.6fr 1fr}
.cardlg[open]{display:grid}
.cardlg::backdrop{background:rgba(5,5,6,.82);backdrop-filter:blur(4px)}
.cardlg .x{position:absolute;top:8px;right:8px;z-index:2;width:40px;height:40px;border:0;background:rgba(10,10,11,.7);color:var(--blanc);font-size:26px;line-height:1;cursor:pointer}
.cardlg .x:hover{background:var(--rouge)}
.cardlg .gal{background:#0d0d0e;display:grid;align-content:start}
.cardlg .gal>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.cardlg .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px 0 0}
.cardlg .thumbs:empty{display:none}
.cardlg .thumbs button{all:unset;cursor:pointer;opacity:.5;transition:opacity .2s;outline-offset:-2px}
.cardlg .thumbs button.on,.cardlg .thumbs button:hover{opacity:1}
.cardlg .thumbs button.on{outline:2px solid var(--rouge)}
.cardlg .thumbs img{width:100%;height:auto;display:block}
.cardlg .info{padding:32px 28px;display:grid;gap:12px;align-content:start}
.cardlg .br{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--rouge)}
.cardlg h3{font-size:clamp(24px,3vw,34px);line-height:1;margin:0}
.cardlg .fam{margin:0;color:var(--gris);font-size:14px}
.cardlg dl{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:8px 0 10px}
.cardlg dl div{background:var(--carbone);padding:12px 14px;display:grid;gap:2px}
.cardlg dt{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:10px;color:var(--rouge)}
.cardlg dd{margin:0;font-family:var(--display);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
@media(max-width:800px){.cardlg{grid-template-columns:1fr}.cardlg .info{padding:22px 18px}}
/* ---------- pages légales (nov. 2026, inspiré d'Imprim Wall) ---------- */
.legal-meta{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:22px;font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--gris)}
.legal-wrap{display:grid;gap:56px;align-items:start}
.legal-wrap.has-toc{grid-template-columns:250px minmax(0,780px)}
.legal-toc{position:sticky;top:calc(var(--hd-h,96px) + 28px);z-index:5;transition:top .3s}
.legal-toc details{position:relative}
.legal-toc summary{list-style:none;cursor:pointer;display:grid;gap:4px;padding:14px 44px 14px 16px;background:var(--carbone);border:1px solid var(--ligne);transition:border-color .2s}
.legal-toc summary::-webkit-details-marker{display:none}
.legal-toc summary::after{content:"";position:absolute;right:18px;top:24px;width:8px;height:8px;border-right:2px solid var(--rouge);border-bottom:2px solid var(--rouge);transform:rotate(45deg);transition:transform .25s}
.legal-toc details[open] summary::after{transform:translateY(4px) rotate(-135deg)}
.legal-toc summary:hover,.legal-toc details[open] summary{border-color:var(--rouge)}
.legal-toc .lbl{font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--rouge)}
.legal-toc .cur{font-size:13px;line-height:1.35;color:var(--blanc);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.legal-toc ol{overscroll-behavior:contain;list-style:none;margin:0;padding:6px 0;position:absolute;left:0;right:0;top:calc(100% - 1px);max-height:min(60vh,520px);overflow:auto;background:var(--carbone);border:1px solid var(--rouge);border-top-color:var(--ligne);box-shadow:0 24px 48px -20px rgba(0,0,0,.8)}
.legal-toc a{display:block;padding:8px 16px;font-size:13px;line-height:1.35;color:var(--gris);transition:color .2s,background .2s}
.legal-toc a:hover{color:var(--blanc);background:var(--carbone-2)}
.legal-toc a.on{color:var(--blanc);box-shadow:inset 2px 0 0 var(--rouge)}
.legal-toc a span{display:block;font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:10px;color:var(--rouge)}
.legal-doc{max-width:780px;min-width:0}
.legal-doc h2{font-size:clamp(22px,2.6vw,30px);line-height:1.1;margin:56px 0 18px;padding-top:28px;border-top:1px solid var(--ligne);scroll-margin-top:calc(var(--hd-h,96px) + 120px)}
.legal-doc h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-doc h2 .n{display:block;font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.16em;color:var(--rouge);margin-bottom:8px}
.legal-doc h3{font-size:18px;margin:30px 0 10px}
.legal-doc p,.legal-doc li{font-size:16px;line-height:1.7;font-weight:300;color:#D6D6D4}
.legal-doc p{margin:0 0 1em}
.legal-doc ul{padding-left:20px;margin:0 0 1.2em}.legal-doc li{margin-bottom:4px}.legal-doc li::marker{color:var(--rouge)}
.legal-doc a{color:var(--blanc);border-bottom:1px solid var(--rouge)}.legal-doc a:hover{color:var(--rouge)}
.legal-doc strong{color:var(--blanc);font-weight:700}
.legal-doc .kv{margin:18px 0 22px;border-top:1px solid var(--ligne)}
.legal-doc .kv>div{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:14px 0;border-bottom:1px solid var(--ligne)}
.legal-doc .kv dt{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--rouge);padding-top:3px}
.legal-doc .kv dd{margin:0;font-size:15px;color:var(--blanc);font-variant-numeric:tabular-nums}
.legal-doc table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:15px;font-variant-numeric:tabular-nums}
.legal-doc th{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--rouge);text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--rouge)}
.legal-doc td{padding:13px 16px 13px 0;border-bottom:1px solid var(--ligne);color:#D6D6D4;vertical-align:top}
.legal-doc td:first-child{color:var(--blanc);font-weight:700}
.legal-doc .credits{list-style:none;padding:0;border-top:1px solid var(--ligne)}
.legal-doc .credits li{padding:14px 0;border-bottom:1px solid var(--ligne);margin:0}
.legal-more{display:flex;gap:28px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--ligne);padding-top:28px}
.legal-more ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;flex-wrap:wrap}
@media(max-width:960px){.legal-wrap.has-toc{grid-template-columns:1fr;gap:28px}.legal-toc{top:calc(var(--hd-h,72px) + 12px)}}
@media(max-width:600px){.legal-doc .kv>div{grid-template-columns:1fr;gap:4px}.legal-doc table{font-size:14px}.legal-doc th,.legal-doc td{padding-right:10px}}
/* ---------- intro + film de présentation (accueil) ---------- */
.intro-film{padding:clamp(72px,9vw,128px) 0 clamp(64px,8vw,112px)}
.intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(32px,5vw,72px);align-items:center}
.intro-txt .lead{margin:18px 0 28px}
.film{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.film img,.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.film video{object-fit:contain;background:#000}
.film::after{content:"";position:absolute;inset:0;background:rgba(10,10,11,.25);pointer-events:none;transition:opacity .3s}
.film.playing::after{opacity:0}
.film-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--blanc);cursor:pointer;text-align:left}
.film-play .ic{width:clamp(64px,7vw,92px);aspect-ratio:1;flex:none;border-radius:50%;background:var(--rouge);display:grid;place-items:center;box-shadow:0 0 0 0 var(--rouge-glow);transition:transform .3s var(--ease),box-shadow .3s}
.film-play .ic::before{content:"";width:0;height:0;margin-left:5px;border-left:18px solid var(--blanc);border-top:11px solid transparent;border-bottom:11px solid transparent}
.film-play:hover .ic,.film-play:focus-visible .ic{transform:scale(1.07);box-shadow:0 0 0 12px var(--rouge-glow)}
.film-play:focus-visible{outline:2px solid var(--rouge);outline-offset:-2px}
.film-play .lb{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(16px,1.6vw,20px);padding-bottom:6px}
.film-play .lb small{display:block;font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--gris)}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr}.film{order:-1}}
/* titres des cartes d'articles : interligne plus aéré */
.post h3{line-height:1.08}
/* ---------- avis clients : slider « podium » ---------- */
.avis-track{position:relative;height:340px;--w:calc((100% - 32px) / 3);--step:calc(100% + 16px);transition:height .5s var(--ease)}
.avis-card{position:absolute;left:50%;top:50%;width:var(--w);margin:0;background:var(--carbone);padding:clamp(32px,3.4vw,48px) clamp(26px,2.6vw,38px);display:grid;gap:16px;align-content:center;overflow:hidden;isolation:isolate;opacity:0;pointer-events:none;
	transform:translate(-50%,-50%) scale(.86);transition:transform .9s cubic-bezier(.22,.8,.24,1),opacity .9s cubic-bezier(.22,.8,.24,1),background-color .9s ease,box-shadow .9s ease;will-change:transform,opacity}
.avis-card.c{opacity:1;pointer-events:auto;z-index:3;transform:translate(-50%,-50%) scale(1.06);background:var(--carbone-2);box-shadow:inset 0 3px 0 var(--rouge),0 30px 60px -30px rgba(0,0,0,.8)}
.avis-card.l{opacity:.62;pointer-events:auto;z-index:2;transform:translate(calc(-50% - var(--step)),-50%) scale(.92)}
.avis-card.r{opacity:.62;pointer-events:auto;z-index:2;transform:translate(calc(-50% + var(--step)),-50%) scale(.92)}
.avis-card.hl{transform:translate(calc(-50% - var(--step) * 2),-50%) scale(.86)}
.avis-card.hr{transform:translate(calc(-50% + var(--step) * 2),-50%) scale(.86)}
.avis-card .damier{position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;transition:opacity .9s ease}
.avis-card.c .damier{opacity:.08}
.avis-track>.avis-flag{display:none}
.avis-card .avis-flag{position:absolute;left:0;right:0;bottom:0;top:3px;width:100%;height:calc(100% - 3px);object-fit:cover;z-index:-1;opacity:0;transition:opacity .9s ease;pointer-events:none}
.avis-card::after{content:"";position:absolute;left:0;right:0;bottom:0;top:3px;z-index:-1;background:linear-gradient(180deg,rgba(28,28,31,.15),rgba(28,28,31,.7));opacity:0;transition:opacity .9s ease;pointer-events:none}
.avis-card.c .avis-flag.on,.avis-card.c.flag::after{opacity:1}
.avis-card.c.flag .damier{opacity:0}
.avis-card blockquote{margin:0;font-size:17px;font-weight:300;line-height:1.5;color:#E4E4E2}
.avis-card.c blockquote{color:var(--blanc)}
.avis-card figcaption{font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--gris)}
.avis-card figcaption b{color:var(--blanc);font-weight:700}
.avis-card .stars{color:var(--rouge);letter-spacing:2px;font-size:15px}
.avis-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px}
.avis-prev,.avis-next{width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid var(--ligne);background:transparent;color:var(--blanc);cursor:pointer;transition:border-color .25s,background .25s}
.avis-prev svg,.avis-next svg{display:block}
.avis-prev:hover,.avis-next:hover,.avis-prev:focus-visible,.avis-next:focus-visible{border-color:var(--rouge);background:var(--rouge);outline:none}
.avis-dots{display:flex;gap:8px;align-items:center}
.avis-dots button{width:26px;height:4px;padding:0;border:0;background:var(--ligne);cursor:pointer;transition:background .4s,width .4s var(--ease)}
.avis-dots button.on{background:var(--rouge);width:42px}
@media(max-width:900px){.avis-track{--w:100%;--step:calc(100% + 24px)}.avis-card.c{transform:translate(-50%,-50%) scale(1)}.avis-card.l,.avis-card.r{opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.avis-card,.avis-track{transition:none}}
/* ---------- tarifs : Warm-Up et menus ---------- */
.warmup{margin-top:2px;display:grid;grid-template-columns:1fr auto auto;gap:clamp(20px,4vw,48px);align-items:center;background:var(--carbone);padding:clamp(24px,3vw,36px) clamp(24px,3vw,40px);box-shadow:inset 3px 0 0 var(--rouge)}
.warmup h3{font-size:clamp(22px,2.4vw,30px);margin:8px 0 6px}
.warmup p{margin:0;color:var(--gris)}
.wu-price{text-align:right}
.wu-price b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(36px,4vw,48px);line-height:1;color:var(--rouge);font-variant-numeric:tabular-nums}
.wu-price span{font-family:var(--display);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--gris)}
.menus .price .amt{color:var(--rouge)}
.gift-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gift-list li{font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:12px;padding:9px 14px;border:1px solid var(--ligne);color:#C9C9C7;font-variant-numeric:tabular-nums}
.price li.save{display:grid;gap:2px;margin:0 0 6px;padding:10px 14px;min-height:62px;align-content:center;background:rgba(229,32,68,.12);border-left:2px solid var(--rouge);line-height:1.3}
.price li.save strong{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--blanc);white-space:nowrap}
.price li.save span{font-size:12.5px;color:#D6D6D4;text-wrap:balance}
.price li.save::before{display:none}
@media(max-width:800px){.warmup{grid-template-columns:1fr}.wu-price{text-align:left}}
/* ---------- quatre arguments (accueil) et bloc privatisation (groupes) ---------- */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.grid4 .cell{display:grid;gap:12px;align-content:start}
.grid4 .cell h3{font-size:22px}
@media(max-width:1000px){.grid4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid4{grid-template-columns:1fr}}
.priv{display:grid;grid-template-columns:1.3fr 1fr auto;gap:clamp(20px,4vw,48px);align-items:center;background:var(--carbone);padding:clamp(24px,3vw,40px);box-shadow:inset 3px 0 0 var(--rouge)}
.priv h3{font-size:clamp(24px,2.6vw,32px)}
.priv p{margin:10px 0 0;color:#D6D6D4}
.priv ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:#C9C9C7}
.priv ul li{display:flex;gap:10px}.priv ul li::before{content:"✓";color:var(--rouge);font-weight:700}
@media(max-width:900px){.priv{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero .bg{transform:none}.hero .speed,.band .track{animation:none}.hero h1 .line span,.fade{transform:none;opacity:1;animation:none}}
/* partenaires : une ligne qui défile en continu, pause au survol */
.partners-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.pm-track{display:flex;width:max-content;animation:mq 50s linear infinite}
.partners-mq:hover .pm-track,.partners-mq:focus-within .pm-track{animation-play-state:paused}
.pm-set{display:flex;gap:2px;padding-right:2px}
.partners-mq .pl{flex:0 0 240px;height:150px;display:flex;align-items:center;justify-content:center;background:var(--carbone);padding:20px 24px}
.partners-mq .pl img{display:block;height:var(--h,60px);width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .35s ease,opacity .35s ease}
.partners-mq .pl:hover img{filter:none;opacity:1}
@media(hover:none){.partners-mq .pl img{filter:none;opacity:1}}
@media(max-width:600px){.partners-mq .pl{flex-basis:180px;height:120px}.partners-mq .pl img{height:calc(var(--h,60px)*.8)}}
@media(prefers-reduced-motion:reduce){.pm-track{animation:none}.partners-mq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.pm-set[aria-hidden]{display:none}}
/* mobile : rien ne doit élargir la page (sinon le navigateur dézoome et le menu sort de l'écran) */
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
.avis-slider{overflow-x:clip;overflow-clip-margin:40px}

/* ===== Mobile : menu, burger, zones tactiles (audit du 9/11) ===== */
.burger span{position:relative;box-shadow:none;transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--blanc);transition:transform .3s var(--ease),top .3s var(--ease)}
.burger span::before{top:-7px}
.burger span::after{top:7px}
body.nav-open .burger span{background:transparent}
body.nav-open .burger span::before{top:0;transform:rotate(45deg)}
body.nav-open .burger span::after{top:0;transform:rotate(-45deg)}
@media(max-width:1080px){
	body.nav-open header.site{background:var(--asphalte);backdrop-filter:none}
	body.nav-open nav.main{inset:var(--nav-top,104px) 0 0 0;padding:8px var(--gutter) calc(96px + env(safe-area-inset-bottom));gap:0;border-top:1px solid var(--ligne)}
	body.nav-open nav.main a{font-size:26px;padding:15px 0;border-bottom:1px solid var(--ligne)}
	body.nav-open nav.main a::after{display:none}
	body.nav-open .mbar{z-index:61}
	.mbar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
}
@media(max-width:600px){
	.link{padding-top:10px;padding-bottom:9px}
	.avis-dots button{height:24px;background:linear-gradient(var(--ligne),var(--ligne)) center/100% 4px no-repeat}
	.avis-dots button.on{background:linear-gradient(var(--rouge),var(--rouge)) center/100% 4px no-repeat}
	footer .social a{padding:10px;margin:-10px}
	footer .fbar .legal a{padding:8px 0}
	footer .route{padding:8px 0;margin:0 0 8px}
}
@media(max-width:900px){.layout>.aside{order:-1}}
@media(max-width:600px){
	.form input,.form select,.form textarea,.form .csel-btn,.form .csel-list li{font-size:16px}
	.tabs{display:grid;grid-template-columns:1fr 1fr}
	.tabs button{padding:14px 10px;font-size:13px}
	.crumbs a{padding:8px 0}
	.wall table{min-width:0}
	.wall thead{display:none}
	.wall tr{display:grid;grid-template-columns:40px 1fr auto;grid-template-areas:"pos name time" "pos car car" "pos circ circ";column-gap:12px;row-gap:2px;padding:14px 16px;border-bottom:1px solid var(--ligne)}
	.wall td{padding:0;border:0}
	.wall td.pos{grid-area:pos;align-self:center;width:auto;font-size:22px}
	.wall td:nth-child(2){grid-area:name;font-weight:700;color:var(--blanc)}
	.wall td:nth-child(3){grid-area:car;font-size:13px;color:var(--gris)}
	.wall td:nth-child(4){grid-area:circ;font-size:13px;color:var(--gris)}
	.wall td.time{grid-area:time;font-size:18px;text-align:right}
	.wall td[colspan]{grid-column:1/-1}
}

@media(max-width:900px){.split.rev{grid-template-columns:1fr}}

@media(max-width:900px){.ctr-tabs{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);padding-right:40px}.ctr-tabs>*{scroll-snap-align:start;flex:0 0 auto}}

/* grilles : une colonne ne doit jamais dépasser l’écran à cause d’un contenu large */
.layout{grid-template-columns:minmax(0,1fr) 340px}
@media(max-width:900px){.layout,.split,.split.rev,.split.contact{grid-template-columns:minmax(0,1fr)}}

@media(max-width:900px){.benef{grid-template-columns:minmax(0,1fr)}}