@font-face{font-family:Clash;src:url(fonts/clash-display-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Clash;src:url(fonts/clash-display-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Switzer;src:url(fonts/switzer-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url(fonts/switzer-500.woff2) format("woff2");font-weight:500;font-display:swap}
/* Formes : éléments interactifs en pilule, images en 20 px, plein cadre sans arrondi */
:root{--nuit:#0b0c0c;--nuit2:#151717;--blanc:#f2f2ee;--gris:#a4a9a6;--vert:#69BE28;--m:clamp(20px,3.4vw,56px);--r:20px;--doux:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{background:var(--nuit);scrollbar-color:#3a3e3c var(--nuit);scrollbar-width:thin;accent-color:var(--vert)}
::selection{background:var(--vert);color:#0b0c0c}
body{margin:0;background:var(--nuit);color:var(--blanc);font:400 1.0625rem/1.5 Switzer,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.defile-haut .ilot{top:12px}
body::after{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;background:url(img/v/grain.png);opacity:.5}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2{font-family:Clash,sans-serif;font-weight:600;letter-spacing:-.015em;line-height:1.02;margin:0;text-wrap:balance}
p,dl,dd,ul,figure{margin:0;padding:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--vert);outline-offset:3px}
.maquette{position:relative;z-index:31;background:#050606;color:#cfd1cd;font-size:.75rem;line-height:1.3;text-align:center;padding:6px 12px}
.ic{width:1.1em;height:1.1em;flex:none}
.btn{display:inline-flex;align-items:center;gap:14px;padding:7px 7px 7px 24px;border-radius:99px;background:var(--blanc);color:#0b0c0c;font-weight:500;text-decoration:none;white-space:nowrap}
.btn i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--vert);font-size:1.1rem;transition:transform .5s var(--doux)}
.btn:hover i{transform:translate(2px,-2px) scale(1.06)}
.btn:active{transform:scale(.98)}
.btn-noir{background:#0b0c0c;color:var(--blanc)}
.btn-vert{background:var(--vert)}
.btn-vert i{background:#0b0c0c;color:var(--blanc)}
.lien{text-underline-offset:5px;text-decoration-thickness:1px;font-weight:500}
.lien:hover{color:var(--vert)}
.lien-ic{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.lien-ic:hover{color:var(--vert)}
.rond{position:absolute;z-index:1;top:clamp(14px,1.6vw,24px);right:clamp(14px,1.6vw,24px);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blanc);color:#0b0c0c;font-size:1.2rem;transition:transform .5s var(--doux)}
.volet:hover .rond{transform:translate(3px,-3px) scale(1.06)}

/* Îlot de navigation */
.ilot{position:fixed;top:40px;transition:top .5s var(--doux);left:50%;z-index:30;transform:translateX(-50%);display:flex;align-items:center;gap:24px;width:max-content;max-width:calc(100vw - 24px);padding:9px 10px 9px 22px;border-radius:99px;background:rgba(14,16,16,.58);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 40px rgba(0,0,0,.28);font-size:.9375rem}
.ilot-logo img{width:118px}
.ilot-liens{display:flex;gap:20px}
.ilot a{text-decoration:none}
.ilot-liens a{transition:color .3s}
.ilot-liens a:hover,.ilot-liens a[aria-current]{color:var(--vert)}
.ilot-tel{padding:8px 18px;border-radius:99px;background:var(--blanc);color:#0b0c0c;font-weight:500;white-space:nowrap}
.ilot-menu{display:none;position:relative;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.12);cursor:pointer}
.ilot-menu span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--blanc);transition:transform .5s var(--doux)}
.ilot-menu span:first-child{top:17px}
.ilot-menu span:last-child{top:24px}
.ilot-menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.ilot-menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.voile{position:fixed;inset:0;z-index:29;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:var(--m);background:rgba(8,9,9,.94);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.voile[hidden]{display:none}
.voile a{font:600 clamp(2.2rem,10vw,3.2rem)/1.12 Clash,sans-serif;text-decoration:none}
.barre{display:none}

/* Ouverture */
.ouv-cadre{position:relative;height:calc(100svh - 28px);min-height:560px;overflow:hidden;background:#111}
.ouv-fond,.ouv-pilote{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:46% 50%}
.ouv-fond{filter:brightness(.82) saturate(1.05)}
.ouv-nom{position:absolute;left:0;right:0;top:clamp(84px,13svh,150px);margin:0;text-align:center;font:700 14.1vw/.86 Clash,sans-serif;letter-spacing:-.025em;color:var(--blanc);white-space:nowrap}
.ouv-nom span{display:inline-block}
.ouv-voile{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,9,0) 58%,rgba(8,9,9,.62) 100%);pointer-events:none}
.ouv-texte{position:absolute;left:var(--m);right:var(--m);bottom:clamp(24px,5svh,52px);display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.ouv h1{max-width:15em;font-size:clamp(1.6rem,2.7vw,2.6rem);line-height:1.08}
.defiler{display:flex;align-items:center;gap:12px;font-weight:500;text-decoration:none;white-space:nowrap}
.defiler i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.25rem}
.defiler .ic{animation:descend 1.9s var(--doux) infinite}
@keyframes descend{0%{transform:translateY(-5px);opacity:0}35%{opacity:1}100%{transform:translateY(7px);opacity:0}}

/* Votre permis, vos motos */
.permis{position:relative;background:var(--nuit)}
.permis-cadre{position:relative;height:100svh;min-height:680px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(84px,10.5svh,108px) var(--m) clamp(16px,2.6svh,28px)}
.lumiere{position:absolute;left:50%;top:44%;width:92vw;height:86svh;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--lumiere,#6dc637),transparent);opacity:.3;filter:blur(30px);pointer-events:none}
.fantome{position:absolute;left:0;right:0;top:19%;overflow:hidden;text-align:center;font:700 clamp(5rem,15.5vw,18rem)/1 Clash,sans-serif;letter-spacing:-.03em;color:rgba(242,242,238,.1);white-space:nowrap;pointer-events:none}
.fantome span{display:inline-block}
.permis-tete{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.permis h2{font-size:clamp(1.8rem,3vw,2.9rem)}
.choix{--pos:0;--n:3;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:min(100%,460px);padding:5px;border-radius:99px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.choix-2{--n:2}
.choix-marque{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/var(--n));border-radius:99px;background:var(--blanc);transform:translateX(calc(var(--pos)*100%));transition:transform .32s cubic-bezier(.7,0,.2,1)}
.choix button{position:relative;appearance:none;border:0;background:none;padding:9px 8px;border-radius:99px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15;transition:color .2s}
.choix b{font:600 1.25rem Clash,sans-serif}
.choix span:not(.choix-marque){font-size:.8125rem;color:var(--gris);transition:color .2s}
.choix button[aria-pressed=true]{color:#0b0c0c}
.choix button[aria-pressed=true] span{color:#3a3e3c}
.scene-zone{position:relative;z-index:1;min-height:0;display:flex;align-items:flex-end;justify-content:center}
.scene{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;height:100%;width:100%;padding-bottom:12px}
.scene-moto{position:relative;z-index:1;max-height:100%;max-width:min(100%,1040px);width:auto;height:auto;will-change:transform}
.scene-reflet{position:absolute;bottom:12px;left:50%;max-height:calc(100% - 12px);max-width:min(100%,1040px);width:auto;transform:translate(-50%,99%) scaleY(-1);opacity:.14;-webkit-mask-image:linear-gradient(0deg,#000,transparent 34%);mask-image:linear-gradient(0deg,#000,transparent 34%);pointer-events:none}
.scene-ombre{position:absolute;left:50%;bottom:-2px;width:min(66%,780px);height:36px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.85),transparent)}
.fiche{position:absolute;z-index:2;left:0;bottom:12px}
.fiche-nom{color:var(--gris)}
.fiche-nom b{font-weight:500;color:var(--blanc)}
.fiche-prix{font:600 clamp(1.9rem,3.2vw,3.1rem)/1.04 Clash,sans-serif;font-variant-numeric:tabular-nums}
.fiche-info{color:var(--gris);font-size:.9375rem;margin-bottom:6px}
.btn-compact{padding:5px 5px 5px 18px;gap:10px;font-size:.9375rem}
.btn-compact i{width:32px;height:32px;font-size:1rem}
.fiche-toutes{display:block;margin-top:10px;font-size:.9375rem}
.gamme{position:relative;z-index:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:12px}
.gamme button{appearance:none;border:0;min-width:0;background:rgba(255,255,255,.05);border-radius:var(--r);padding:clamp(6px,1svh,12px) 10px 10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;line-height:1.2;transition:background .25s,translate .5s var(--doux)}
.gamme img{height:clamp(62px,13svh,132px);width:100%;object-fit:contain;margin-bottom:6px}
.gamme b{font:600 1rem/1.15 Clash,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gamme span{font-size:.875rem;color:var(--gris)}
.gamme button:hover{background:rgba(255,255,255,.1);translate:0 -3px}
.gamme button[aria-pressed=true]{background:rgba(255,255,255,.17)}

.louer-bande{position:relative;overflow:hidden}
.louer-bande>img{width:100%;height:auto;min-height:60svh;object-fit:cover}
.louer-bande::after{content:"";position:absolute;inset:0;background:linear-gradient(75deg,rgba(8,9,9,.86),rgba(8,9,9,.1) 58%);pointer-events:none}
.louer-texte{position:absolute;z-index:1;left:var(--m);bottom:clamp(24px,4vw,64px);max-width:60vw}
.louer-texte h2{font:700 clamp(2.6rem,6vw,6.6rem)/.96 Clash,sans-serif;letter-spacing:-.025em;white-space:nowrap}
.louer-texte p{margin:clamp(12px,1.4vw,20px) 0 clamp(16px,1.8vw,26px);font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:28em}
/* Nouveautés : images entières */
.essai{position:relative;background:var(--nuit);overflow:hidden}
.essai-piste{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px);width:max-content;height:100svh;min-height:600px;padding:clamp(72px,8svh,84px) var(--m) clamp(14px,2svh,24px)}
.essai-titre{flex:none;width:clamp(280px,36vw,600px);font-size:clamp(3rem,6.6vw,7.2rem);line-height:.98}
.plan-demo{flex:none;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:clamp(420px,42vw,640px);height:min(72svh,calc(92vw*.42));padding:clamp(22px,2.6vw,38px);border-radius:var(--r);background:var(--vert);color:#0b0c0c;text-decoration:none;margin-bottom:clamp(40px,3.6vw,56px)}
.demo-haut{font:600 clamp(1.6rem,2.6vw,2.4rem)/1 Clash,sans-serif}
.demo-chiffre{font:700 clamp(6rem,13vw,13rem)/.9 Clash,sans-serif;letter-spacing:-.035em}
.demo-texte{max-width:22em;margin-top:8px;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:500;line-height:1.25}
.rond-noir{background:#0b0c0c;color:var(--blanc)}
.plan-demo:hover .rond{transform:translate(3px,-3px) scale(1.06)}
.plan{flex:none;display:flex;flex-direction:column;gap:14px}
.plan img{height:min(72svh,calc(92vw*.42));width:auto;max-width:none;border-radius:var(--r)}
.plan figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}
.plan b{font:600 clamp(1.5rem,2.6vw,2.5rem)/1.1 Clash,sans-serif}
.plan span{color:var(--gris)}

/* Sorens */
.sorens{padding:clamp(64px,7vw,100px) var(--m) clamp(30px,3vw,44px)}
.manifeste{max-width:21em;font:600 clamp(1.9rem,4.7vw,5rem)/1.1 Clash,sans-serif;letter-spacing:-.012em;text-wrap:balance}
.manifeste .mot{display:inline-block;white-space:pre}
.cascade{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:clamp(36px,4.4vw,64px);padding-bottom:8vw}
.cascade img{border-radius:var(--r);object-fit:cover;box-shadow:0 30px 70px rgba(0,0,0,.5);will-change:transform}
.c1{grid-column:4/13;grid-row:1;width:100%;aspect-ratio:16/11}
.c2{grid-column:1/7;grid-row:1;align-self:end;z-index:1;width:100%;aspect-ratio:4/3;margin-bottom:-8vw}
.c3{grid-column:8/12;grid-row:1;align-self:end;z-index:2;width:100%;aspect-ratio:16/10;margin-bottom:-6vw}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.avis{padding:clamp(30px,3.4vw,50px) var(--m) clamp(50px,5.6vw,80px)}
.avis-note{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(20px,4vw,72px)}
.avis-chiffre{font:700 clamp(10rem,33vw,34rem)/.76 Clash,sans-serif;letter-spacing:-.045em}
.avis-detail{flex:1 1 280px;max-width:520px;padding-bottom:clamp(4px,1vw,16px)}
.avis-detail>p{margin:8px 0 18px;font:600 clamp(1.3rem,2.1vw,2rem)/1.1 Clash,sans-serif}
.etoiles{display:block;width:7.5em;font-size:clamp(1.15rem,2vw,1.8rem);color:#3a3e3c;position:relative;height:1.5em}
.etoiles::before{content:"";position:absolute;inset:0}
.etoiles-pleines{display:flex;position:absolute;inset:0;overflow:hidden;width:94%;color:var(--vert)}
.et{width:1.5em;height:1.5em;flex:none}
.barre-avis{display:grid;grid-template-columns:1.2em 1fr 2.4em;align-items:center;gap:10px;font-size:.9375rem;color:var(--gris);padding:3px 0}
.barre-avis i{display:block;height:6px;border-radius:3px;background:var(--blanc);width:calc(var(--v)*100%);min-width:6px}
.barre-avis b{font-weight:500;text-align:right;color:var(--blanc);font-variant-numeric:tabular-nums}
.avis-themes{list-style:none;margin-top:clamp(28px,3.4vw,50px)}
.avis-themes li{font:600 clamp(2rem,6vw,6.6rem)/1.1 Clash,sans-serif;letter-spacing:-.018em}
.avis-themes li:nth-child(even){color:var(--gris);padding-left:clamp(0px,8vw,150px)}
.avis-lien{display:inline-block;margin-top:clamp(20px,2.4vw,36px)}

/* Services */
.services{display:flex;gap:10px;height:min(84svh,780px);min-height:540px;padding:0 var(--m)}
.volet{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:var(--r);transition:flex-grow .9s var(--doux);background:var(--nuit2);text-decoration:none}
.volet.ouvert{flex-grow:1.7}
.volet-sombre::after{background:linear-gradient(180deg,rgba(8,9,9,0) 62%,rgba(8,9,9,.74) 100%)!important}
.volet-sombre{background:radial-gradient(70% 70% at 50% 45%,rgba(109,198,55,.26),var(--nuit2))}
.volet>img.volet-moto{inset:auto;left:50%;top:42%;translate:-50% -50%;width:auto;height:auto;max-width:88%;max-height:66%;object-fit:fill}
.volet>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--doux)}
.volet:hover>img{transform:scale(1.04)}
.volet::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,9,.05) 40%,rgba(8,9,9,.86) 100%)}
.volet-texte{position:absolute;z-index:1;left:clamp(18px,2.2vw,32px);right:clamp(18px,2.2vw,32px);bottom:clamp(18px,2.2vw,32px)}
.volet h2{font-size:clamp(1.5rem,2.35vw,2.6rem);white-space:nowrap}
.volet-plus{max-height:0;opacity:0;overflow:hidden;transition:max-height .9s var(--doux),opacity .6s}
.volet.ouvert .volet-plus{max-height:200px;opacity:1}
.volet-plus p{max-width:32em;margin-top:10px}

/* Contact */
.contact{position:relative;overflow:hidden;padding:clamp(64px,7vw,100px) var(--m) clamp(36px,3.6vw,52px)}
.contact h2{position:relative;z-index:1;font-size:clamp(1.8rem,3.4vw,3.2rem)}
.contact-tel{position:relative;z-index:1;display:block;margin-top:10px;font:700 clamp(3rem,9vw,11rem)/.98 Clash,sans-serif;letter-spacing:-.025em;text-decoration:none;white-space:nowrap;transition:color .4s}
.contact-tel:hover{color:var(--vert)}
.contact-moto{position:absolute;right:-5vw;top:clamp(0px,1vw,20px);width:min(40vw,640px)}
.contact-bas{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3.4vw,48px);margin-top:clamp(28px,3.4vw,48px)}
.composeur{padding:clamp(20px,2.6vw,38px);border-radius:var(--r);background:var(--nuit2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.sujets{border:0;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sujets legend{padding:0;margin-bottom:10px;font-size:.9375rem;color:#c9ccc8}
.sujets label{position:relative;cursor:pointer}
.sujets input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sujets span{display:block;padding:10px 18px;border-radius:99px;background:rgba(255,255,255,.08);transition:background .25s,color .25s;font-weight:500}
.sujets label:hover span{background:rgba(255,255,255,.15)}
.sujets input:checked+span{background:var(--blanc);color:#0b0c0c}
.sujets input:focus-visible+span{outline:2px solid var(--vert);outline-offset:3px}
.champs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.champ{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.champ label{font-size:.9375rem;color:#c9ccc8}
.champ input,.champ textarea{width:100%;font:inherit;color:var(--blanc);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:12px 14px;resize:vertical;transition:border-color .25s,background .25s}
.champ input:focus,.champ textarea:focus{outline:0;border-color:var(--vert);background:rgba(255,255,255,.1)}
.envois{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:4px}
.a-confirmer{margin-top:14px;font-size:.8125rem;color:var(--gris)}
.infos{display:flex;flex-direction:column;gap:10px;min-width:0}
.carte{position:relative;height:clamp(220px,20vw,300px);overflow:hidden;border-radius:var(--r);background:var(--nuit2)}
.carte iframe{width:100%;height:100%;border:0;filter:invert(.92) hue-rotate(180deg) saturate(.75) brightness(.92)}
.carte-btn{position:absolute;right:12px;bottom:12px}
.tuile-contact{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:99px;background:var(--nuit2);text-decoration:none;font-weight:500;min-width:0;transition:background .25s}
.tuile-contact:hover{background:#222525}
.tuile-contact i{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--vert);color:#0b0c0c;font-size:1.25rem}
.tuile-contact span{overflow-wrap:anywhere}
.planning{margin-top:8px;padding:clamp(16px,1.8vw,24px);border-radius:var(--r);background:var(--nuit2)}
.planning-axe{position:relative;height:18px;margin-left:92px;font-size:.8125rem;color:var(--gris)}
.planning-axe span{position:absolute;left:calc(var(--a)*1%);transform:translateX(-50%)}
.planning-axe span:first-child{transform:none}
.planning dl{display:grid;gap:7px;margin-top:6px}
.jour{display:grid;grid-template-columns:84px 1fr;gap:8px;align-items:center}
.jour dt{font-size:.9375rem;color:#c9ccc8}
.jour dd{min-width:0}
.piste{position:relative;display:block;height:14px}
.bloc{position:absolute;top:0;bottom:0;left:calc(var(--a)*1%);width:calc((var(--b) - var(--a))*1%);background:rgba(242,242,238,.34);border-radius:4px}
.bloc.ete{background:repeating-linear-gradient(135deg,rgba(242,242,238,.34) 0 3px,transparent 3px 6px);border-radius:0 4px 4px 0}
.jour.auj dt{color:var(--vert);font-weight:500}
.jour.auj .bloc{background:var(--vert)}
.jour.auj .bloc.ete{background:repeating-linear-gradient(135deg,var(--vert) 0 3px,transparent 3px 6px)}
.planning-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;font-size:.8125rem;color:var(--gris)}
.bloc-ex{display:inline-block;width:22px;height:9px;border-radius:3px;background:rgba(242,242,238,.34)}
.bloc-ex.ete{margin-left:10px;background:repeating-linear-gradient(135deg,rgba(242,242,238,.5) 0 3px,transparent 3px 6px)}
.pied{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:22px var(--m) 26px;font-size:.875rem;color:var(--gris)}
.pied img{width:110px}
.pied-liens{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.pied-liens a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--blanc);text-decoration:none;transition:background .25s}
.pied-liens a:hover{background:rgba(255,255,255,.16)}
.pied-liens .ic{font-size:1.15rem}

/* Pages */
.grand-titre{position:relative;height:70svh;min-height:440px;overflow:hidden;display:flex;align-items:flex-end;padding:0 var(--m) clamp(16px,2.4vw,36px)}
.grand-titre img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grand-titre::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,9,.2),rgba(8,9,9,.05) 40%,rgba(11,12,12,.9) 100%)}
.grand-titre h1{position:relative;z-index:1;font:700 clamp(3.6rem,12.4vw,14rem)/.9 Clash,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.appel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px 40px;margin:clamp(30px,3.6vw,52px) var(--m);padding:clamp(26px,3.6vw,54px);border-radius:var(--r);background:var(--nuit2)}
.appel h2{max-width:20em;font-size:clamp(1.7rem,3vw,3rem)}
.page>main{min-height:60svh}
.scene-page{position:relative;height:calc(100svh - 28px);min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:96px var(--m) 28px}
.scene-page .lumiere,.prepa .lumiere,.louer>.lumiere{top:50%}
.scene-page .fantome{top:11%}
.sp-moto,.volet>img.volet-moto{-webkit-mask-image:linear-gradient(to left,transparent,#000 9%),linear-gradient(to top,transparent,#000 9%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,transparent,#000 9%),linear-gradient(to top,transparent,#000 9%);mask-composite:intersect}
.sp-moto{position:relative;z-index:1;max-height:84%;margin-top:7%;max-width:min(100%,1120px);width:auto}
.dix{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,64px);align-items:center;padding:clamp(40px,4.6vw,66px) var(--m)}
.dix-chiffre{font:700 clamp(10rem,31vw,30rem)/.8 Clash,sans-serif;letter-spacing:-.04em;color:var(--vert)}
.dix h2{font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.08}
.dix div p{max-width:36em;margin:18px 0 22px;color:#c9ccc8}
.promesses{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);padding:0 var(--m) clamp(30px,3.4vw,50px);color:#c9ccc8}
.promesses-3{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:clamp(30px,3.6vw,52px);padding-bottom:0}
.promesses b{display:block;font:600 clamp(1.5rem,2.5vw,2.5rem)/1.06 Clash,sans-serif;color:var(--blanc);margin-bottom:8px}
.prepa{position:relative;overflow:hidden;min-height:calc(100svh - 60px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:1fr auto;gap:14px;padding:clamp(48px,5vw,72px) var(--m) clamp(18px,2vw,28px)}
.prepa .fantome{top:14%}
.prepa-texte{position:relative;z-index:2;align-self:start}
.prepa-texte h2{font-size:clamp(2rem,4vw,4.2rem)}
.prepa-texte p{margin-top:14px;color:#c9ccc8;max-width:26em}
.prepa-moto{position:relative;z-index:1;grid-row:1;grid-column:2;align-self:end;justify-self:center;max-height:68svh;max-width:100%;width:auto}
.prepa-choix{position:relative;z-index:2;grid-column:1/-1;display:flex;gap:8px;justify-content:center}
.prepa-choix button{appearance:none;border:0;width:clamp(96px,14vw,190px);padding:8px;border-radius:var(--r);background:rgba(255,255,255,.06);cursor:pointer;transition:background .25s}
.prepa-choix button:hover{background:rgba(255,255,255,.12)}
.prepa-choix button[aria-pressed=true]{background:rgba(255,255,255,.2)}
.prepa-choix img{height:clamp(56px,8svh,92px);width:100%;object-fit:contain}
.histoire{padding:clamp(48px,5.4vw,78px) var(--m) clamp(36px,4vw,56px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px)}
.histoire h2{font:700 clamp(3rem,7vw,7.6rem)/.96 Clash,sans-serif;letter-spacing:-.025em;position:sticky;top:90px;align-self:start}
.dates{list-style:none;margin:0;padding:0;display:grid;gap:clamp(20px,2.6vw,36px)}
.dates b{display:block;font:600 clamp(2.4rem,5vw,5.4rem)/1 Clash,sans-serif;letter-spacing:-.02em}
.dates sup{font-size:.55em}
.dates p{max-width:32em;margin-top:8px;color:#c9ccc8}
.plein{width:100%;max-height:68svh;object-fit:cover}
.lieu{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:10px var(--m) 0}
.lieu img{width:100%;height:auto;border-radius:var(--r)}
.l1{grid-column:1/8}
.l2{grid-column:8/13;align-self:start}
.l3{grid-column:8/13;grid-row:1;align-self:end}
.l2{grid-row:1}
.marques{padding:clamp(44px,4.6vw,66px) var(--m) 0}
.marques h2{font-size:clamp(2.2rem,4.6vw,4.8rem);margin-bottom:clamp(24px,3vw,44px)}
.marques dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(24px,3vw,44px) 20px}
.marques div{grid-column:span 2}
.marques div:nth-child(-n+2){grid-column:span 3}
.marques dt{font:600 clamp(1.7rem,3vw,3rem)/1.05 Clash,sans-serif}
.marques div:nth-child(-n+2) dt{font-size:clamp(2.4rem,5.2vw,5.4rem)}
.marques dd{margin-top:8px;color:#c9ccc8;max-width:26em}
/* Location */
.louer{position:relative;overflow:hidden;min-height:100svh;display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,5.6fr) minmax(0,3fr);grid-template-rows:1fr auto;gap:14px clamp(16px,2vw,32px);padding:clamp(86px,10svh,108px) var(--m) clamp(16px,2.4svh,26px)}
.louer .fantome{top:19%;right:25%}
.louer-tete{position:relative;z-index:2;grid-column:1/3;grid-row:1;align-self:start}
.louer-tete h1{font:700 clamp(2.6rem,5vw,5.6rem)/.94 Clash,sans-serif;letter-spacing:-.025em}
.louer-tete h1 br{display:none}
.louer-tete p{margin-top:12px;font-size:clamp(1.05rem,1.4vw,1.25rem);max-width:18em;color:#c9ccc8}
.louer-moto{position:relative;z-index:1;grid-column:1/3;grid-row:1;align-self:end;justify-self:center;max-height:54svh;max-width:100%;width:auto}
.reglages{position:relative;z-index:2;grid-column:3;grid-row:1;align-self:start;display:flex;flex-direction:column;gap:12px;padding:clamp(14px,1.4vw,20px);border-radius:var(--r);background:rgba(16,18,18,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.reglages .choix{width:100%}
.reglages .choix b{font-size:1.0625rem}
.km{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.km-titre{grid-column:1/-1;font-size:.875rem;color:#c9ccc8}
.km button{appearance:none;border:0;padding:9px 2px;border-radius:12px;background:rgba(255,255,255,.08);cursor:pointer;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.km button:hover{background:rgba(255,255,255,.15)}
.km button[aria-pressed=true]{background:var(--blanc);color:#0b0c0c}
.km small{display:block;font-size:.75rem;font-weight:400}
.total-prix{font:700 clamp(2.5rem,4.4vw,4.2rem)/1 Clash,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.total-detail{margin-top:6px;font-size:.875rem;line-height:1.35;color:#c9ccc8}
.champ-date{margin:0}
.champ-date input{color-scheme:dark;padding:9px 12px}
.reglages .btn{justify-content:space-between}
.reglages .a-confirmer{margin:0;font-size:.75rem}
.loc-rangee{position:relative;z-index:2;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.loc-moto{appearance:none;border:0;min-width:0;padding:8px 12px 10px;border-radius:var(--r);background:rgba(255,255,255,.05);cursor:pointer;text-align:left;display:flex;flex-direction:column;line-height:1.2;transition:background .25s,translate .5s var(--doux)}
.loc-moto img{height:clamp(60px,11svh,112px);width:100%;object-fit:contain;margin-bottom:4px}
.loc-moto b{font:600 1.0625rem/1.15 Clash,sans-serif}
.loc-moto span{font-size:.875rem;color:var(--gris)}
.loc-moto:hover{background:rgba(255,255,255,.1);translate:0 -3px}
.loc-moto[aria-pressed=true]{background:rgba(255,255,255,.18)}
/* Équipement */
.defile{overflow:hidden;padding:clamp(22px,3vw,44px) 0;white-space:nowrap}
.defile p{display:inline-flex;font:700 clamp(2.8rem,8vw,8.5rem)/1 Clash,sans-serif;letter-spacing:-.02em;animation:defile 34s linear infinite}
.defile span{padding-right:.6em}
@keyframes defile{to{transform:translateX(-50%)}}
.rayons-zone{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(20px,3vw,48px);align-items:start;padding:clamp(14px,1.6vw,24px) var(--m) clamp(30px,3.4vw,50px)}
.rayons-liste{list-style:none;margin:0;padding:0}
.rayon{padding:clamp(10px,1.1vw,16px) 0;cursor:pointer;outline-offset:6px}
.rayon h2{font:600 clamp(2rem,5vw,5.2rem)/1.04 Clash,sans-serif;letter-spacing:-.018em;color:#5c615e;transition:color .3s}
.rayon:hover h2,.rayon.actif h2{color:var(--blanc)}
.rayon-plus{max-height:0;overflow:hidden;opacity:0;transition:max-height .7s var(--doux),opacity .5s}
.rayon.actif .rayon-plus{max-height:130px;opacity:1}
.rayon-plus p{padding-top:8px;max-width:32em;color:#c9ccc8}
.rayon-img{display:none}
.rayons-vue{position:sticky;top:96px}
.rayons-vue img{width:100%;aspect-ratio:1/1.02;object-fit:cover;border-radius:var(--r)}
.offre{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px clamp(24px,4vw,64px);margin:0 var(--m);padding:clamp(24px,4vw,60px);border-radius:var(--r);background:var(--vert);color:#0b0c0c}
.offre-chiffre{font:700 clamp(6rem,17vw,17rem)/.82 Clash,sans-serif;letter-spacing:-.035em}
.offre div{flex:1 1 300px}
.offre h2{font-size:clamp(1.7rem,3vw,3rem)}
.offre div p{margin-top:10px;font-weight:500}
/* Motos */
.filtres-zone{display:flex;flex-wrap:wrap;gap:16px clamp(20px,3vw,44px);margin:clamp(14px,1.4vw,20px) 0 clamp(24px,2.6vw,38px)}
.filtre-bloc p{margin-bottom:8px;font-size:.9375rem;color:#c9ccc8}
.choix-4{--n:4;width:min(100%,420px)}
.choix-3{--n:3;width:min(100%,460px)}
.filtre-bloc{flex:1 1 320px;max-width:460px}
.choix button:disabled{opacity:.35;cursor:not-allowed}
.choix-4 button{min-height:48px;justify-content:center}
.page main.liste,.page main.fichemoto{padding:clamp(92px,8vw,116px) var(--m) clamp(36px,4vw,56px)}
.liste h1{font-size:clamp(3.4rem,9vw,9rem)}
.filtres{display:flex;flex-wrap:wrap;gap:6px;margin:clamp(18px,2vw,28px) 0 clamp(36px,4vw,56px)}
.filtres button{appearance:none;border:0;background:rgba(255,255,255,.08);font:500 1rem Switzer,sans-serif;padding:10px 20px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.filtres button:hover{background:rgba(255,255,255,.16)}
.filtres button[aria-pressed=true]{background:var(--blanc);color:#0b0c0c}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(36px,4vw,64px) clamp(16px,2vw,32px)}
.tuile{display:flex;flex-direction:column;text-decoration:none}
.tuile img{height:220px;width:100%;object-fit:contain;object-position:50% 100%;margin-bottom:16px;transition:transform .8s var(--doux)}
.tuile:hover img{transform:translateX(10px) scale(1.04)}
.t-marque{font-size:.9375rem;color:var(--gris)}
.tuile b{font:600 1.5rem/1.15 Clash,sans-serif}
.t-prix{font-weight:500;margin-top:4px}
.t-info{font-size:.9375rem;color:var(--gris)}
.source{margin-top:36px;font-size:.9375rem;color:var(--gris)}
.fichemoto{position:relative;overflow:hidden;display:grid;grid-template-columns:8fr 4fr;gap:clamp(20px,3vw,48px);align-items:end}
.fichemoto::before{content:"";position:absolute;left:-10%;top:0;width:90%;height:720px;background:radial-gradient(closest-side,var(--lumiere,#6dc637),transparent);opacity:.26;filter:blur(30px);pointer-events:none}
.fm-scene{position:relative;display:flex;justify-content:center;align-items:flex-end}
.fm-scene img{position:relative;max-height:min(68svh,640px);width:auto}
.fm-scene img.plein{width:100%;max-height:none;border-radius:var(--r)}
.fm-texte{position:relative}
.fm-texte h1{font-size:clamp(2.2rem,3.6vw,3.6rem)}
.fm-prix{font:600 clamp(2.4rem,4.2vw,4.2rem)/1.05 Clash,sans-serif;margin-top:8px}
.note{font-size:.9375rem;color:var(--gris);margin-top:4px}
.fm-donnees{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:22px}
.fm-donnees dt{font-size:.875rem;color:var(--gris)}
.fm-donnees dd{font-weight:500}
.fm-plus{margin-top:16px;font-size:.9375rem;color:#c9ccc8}
.fm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:22px}
.fm-vues{position:relative;grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:clamp(10px,2vw,30px)}
.fm-vues img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}

/* En mémoire de Jason : le bleu de son image, rien de commercial */
.page-jason{--bleu:#2B6DC3}
.page-jason :focus-visible{outline-color:#8db6ec}
.page-jason .ilot-liens a:hover{color:#8db6ec}
.jason-tete{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:calc(100svh - 28px);padding:clamp(110px,16svh,170px) var(--m) 0;background:var(--bleu);text-align:center;overflow:hidden}
.jason-tete h1{margin:auto 0;max-width:12em;font:600 clamp(3rem,8.4vw,9rem)/1 Clash,sans-serif;letter-spacing:-.022em;color:#fff}
.jason-tete img{width:min(100%,1081px);height:auto;margin-top:24px}
.jason-video{padding:clamp(36px,4.4vw,64px) var(--m) 0}
.video{position:relative;max-width:1180px;margin:0 auto;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);background:#000}
.video-lire{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.video-lire img{width:100%;height:100%;object-fit:cover}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-rond{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:clamp(68px,8vw,104px);height:clamp(68px,8vw,104px);border-radius:50%;background:#fff;color:#0b0c0c;font-size:clamp(1.5rem,2.4vw,2.25rem);transform:translate(-50%,-50%);transition:scale .6s var(--doux)}
.video-rond svg{width:1em;height:1em;margin-left:.08em}
.video-lire:hover .video-rond{scale:1.06}
.video-legende{max-width:1180px;margin:14px auto 0;color:#c9ccc8}
.video-legende a{color:var(--blanc);text-underline-offset:4px;white-space:nowrap}
.jason-vie{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:center;max-width:calc(1180px + 2*var(--m));margin:0 auto;padding:clamp(44px,5.4vw,78px) var(--m)}
.jason-numero{font:700 clamp(10rem,27vw,26rem)/.76 Clash,sans-serif;letter-spacing:-.05em;color:var(--bleu)}
.jason-vie h2{font-size:clamp(2.2rem,4.2vw,4.4rem)}
.jason-dates{margin-top:14px;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.35;color:#c9ccc8}
.jason-parcours{list-style:none;margin:clamp(24px,3vw,44px) 0 0;padding:0;display:grid;gap:18px}
.jason-parcours li{display:grid;grid-template-columns:3.4em 1fr;gap:12px;align-items:baseline}
.jason-parcours b{font:600 1.25rem Clash,sans-serif}
.jason-parcours span{color:#c9ccc8}
@media (max-width:767px){
  .jason-tete{min-height:66svh;padding:96px 0 0}
  .jason-tete h1{padding:0 var(--m);font-size:17vw}
  .jason-tete img{width:100%;margin-top:18px}
  .jason-video{padding:44px 0 0}
  .video{border-radius:0}
  .video-legende{padding:0 var(--m)}
  .jason-vie{grid-template-columns:1fr;padding:40px var(--m) 28px}
  .jason-numero{font-size:62vw}
  .page-jason .pied{padding-bottom:26px}
}
@media (max-width:860px){
  .ilot-liens{display:none}
  .ilot-menu{display:block}
  .ilot{gap:12px;padding-left:18px}
}
@media (max-width:767px){
  body{font-size:1rem;padding-bottom:0}
  .maquette{font-size:.75rem}
  /* Navigation : le logo et le menu ; appeler et écrire passent dans la barre du bas */
  .ilot{top:50px;width:calc(100vw - 20px);justify-content:space-between;padding:6px 6px 6px 16px;background:rgba(14,16,16,.72)}
  .ilot-logo img{width:112px}
  .ilot-tel{display:none}
  .btn-compact{padding:6px 6px 6px 20px}
  .btn-compact i{width:36px;height:36px}
  .barre{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:28;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:99px;background:rgba(14,16,16,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 40px rgba(0,0,0,.4);transform:translateY(140%);transition:transform .6s var(--doux)}
  .barre.visible,.page .barre{transform:none}
  .barre a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:99px;font-weight:500;text-decoration:none;background:rgba(255,255,255,.1)}
  .barre .barre-wa{background:var(--vert);color:#0b0c0c}
  .pied{padding-bottom:92px}
  /* Ouverture */
  .ouv-cadre{min-height:560px;height:calc(100svh - 28px);background:#0b0c0c}
  .ouv-fond,.ouv-pilote{inset:auto 0 auto 0;top:30px;height:72%;object-position:53% 50%}
  .ouv-fond{-webkit-mask-image:linear-gradient(180deg,transparent,#000 70px);mask-image:linear-gradient(180deg,transparent,#000 70px)}
  .ouv-voile{background:linear-gradient(180deg,rgba(11,12,12,0) 58%,#0b0c0c 76%)}
  .ouv-nom{top:88px;font-size:14.1vw}
  .ouv-texte{align-items:flex-end;gap:16px;bottom:20px}
  .ouv h1{font-size:1.625rem}
  .defiler span{display:none}
  /* Permis */
  .permis-cadre{height:auto;min-height:0;display:block;padding:64px var(--m) 44px}
  .permis-tete{display:block}
  .permis h2{font-size:2.5rem;margin-bottom:18px}
  .choix{width:100%}
  .choix b{font-size:1.375rem}
  .choix button{padding:11px 4px;min-height:58px}
  .fantome{top:226px;font-size:27vw}
  .lumiere{top:330px;height:520px;width:130vw}
  .scene-zone{display:block}
  .scene{height:auto;min-height:62vw;padding:0;margin:18px 0 20px}
  .scene-moto,.scene-reflet{max-width:100%;max-height:74vw}
  .scene-reflet{bottom:0}
  .scene-ombre{width:82%;bottom:-14px}
  .fiche{position:static}
  .fiche-prix{font-size:2.6rem}
  .gamme{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr 1fr;margin-top:20px}
  .gamme img{height:96px}
  .gamme button{padding:10px 12px 12px}
  /* Location sur l'accueil */
  .louer-bande{overflow:visible;padding-bottom:18px}
  .louer-bande>img{min-height:0;aspect-ratio:4/3;object-position:32% 50%}
  .louer-bande::after{display:none}
  .louer-texte{position:static;padding:24px var(--m) 8px;max-width:none}
  .louer-texte h2{font-size:15.5vw;white-space:normal}
  /* Nouveautés */
  .essai-piste{display:block;width:auto;height:auto;min-height:0;padding:64px var(--m) 8px}
  .essai-titre{width:auto;font-size:2.75rem;margin-bottom:26px}
  .essai-titre br{display:inline}
  .plan-demo{width:auto;height:auto;min-height:0;margin:0 0 30px;padding:22px}
  .demo-chiffre{font-size:32vw}
  .plan{margin:0 calc(var(--m)*-1) 32px}
  .plan img{width:100%;height:auto;border-radius:0}
  .plan figcaption{display:block;padding:0 var(--m)}
  .plan b{display:block;font-size:1.5rem}
  /* Sorens */
  .sorens{padding-top:56px}
  .manifeste{font-size:1.95rem}
  .cascade{display:flex;flex-direction:column;gap:10px;margin-top:34px;padding-bottom:0}
  .c1,.c2,.c3{margin:0!important}
  .planning-axe span:nth-child(3){display:none}
  .avis{padding-top:30px;padding-bottom:64px}
  .avis-chiffre{font-size:50vw}
  .avis-note{display:block}
  .avis-detail{max-width:none;margin-top:18px}
  .avis-themes{margin-top:34px}
  .avis-themes li{font-size:2rem;margin-bottom:6px}
  .avis-themes li:nth-child(even){padding-left:0}
  /* Services */
  .services{flex-direction:column;height:auto;min-height:0}
  .volet{flex:none;min-height:340px;display:flex;align-items:flex-end}
  .volet>img.volet-moto{top:36%;max-width:92%;max-height:60%}
  .volet.ouvert{flex-grow:0}
  .volet-texte{position:relative;left:auto;right:auto;bottom:auto;padding:18px}
  .volet-plus{max-height:none!important;opacity:1}
  .volet::after{background:linear-gradient(180deg,rgba(8,9,9,0) 30%,rgba(8,9,9,.9) 76%)}
  .volet h2{font-size:2.125rem}
  /* Contact */
  .contact{padding-top:44px}
  .contact-moto{position:relative;right:auto;top:auto;width:88vw;margin:0 -8vw 14px auto}
  .contact-tel{font-size:13.2vw}
  .contact-bas{grid-template-columns:1fr;gap:24px;margin-top:26px}
  .carte{height:200px}
  .composeur{margin:0 -8px;padding:18px 16px}
  .champs{grid-template-columns:1fr;gap:0}
  .champ input,.champ textarea{font-size:1rem;min-height:48px}
  .sujets span{padding:11px 16px}
  .envois .btn{width:100%;justify-content:space-between}
  /* Pages */
  .grand-titre{height:46svh;min-height:300px}
  .grand-titre h1{font-size:15.4vw}
  .appel{display:block;margin:28px var(--m)}
  .appel h2{margin-bottom:18px}
  .scene-page{height:auto;min-height:0;padding:92px var(--m) 8px}
  .scene-page .fantome{top:88px;font-size:30vw}
  .sp-moto{max-width:100%;max-height:none}
  .dix,.histoire{grid-template-columns:1fr}
  .histoire h2{position:static}
  .dix-chiffre{font-size:56vw}
  .promesses,.promesses-3{grid-template-columns:1fr 1fr;gap:24px 16px}
  .promesses-3{grid-template-columns:1fr}
  .prepa{min-height:0;display:block;padding:40px var(--m) 24px}
  .prepa .fantome{top:188px;font-size:24vw}
  .prepa-moto{max-height:none;margin:22px auto 16px;display:block}
  .prepa-choix button{flex:1;width:auto}
  .plein{max-height:none}
  .lieu{display:flex;flex-direction:column}
  .marques dl{display:flex;flex-direction:column}
  .marques div:nth-child(-n+2) dt{font-size:2.6rem}
  /* Location : d'abord la moto, puis le prix */
  .louer{display:flex;flex-direction:column;min-height:0;padding:90px var(--m) 24px}
  .louer-tete{order:1}
  .louer-moto{order:2}
  .loc-rangee{order:3}
  .reglages{order:4}
  .louer .fantome{right:0}
  .louer-tete h1 br{display:inline}
  .louer .fantome{top:206px;font-size:26vw}
  .louer-tete h1{font-size:15vw}
  .louer-moto{display:block;margin:14px auto 12px;max-height:60vw;align-self:center}
  .loc-rangee{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--m)*-1) 14px;padding:0 var(--m);scroll-snap-type:x proximity}
  .loc-moto{flex:0 0 42vw;scroll-snap-align:start}
  .loc-moto img{height:84px}
  .reglages{padding:14px}
  .total-prix{font-size:3.25rem}
  .km button{min-height:46px}
  /* Équipement */
  .rayons-zone{display:block}
  .rayons-vue{display:none}
  .rayon{padding:16px 0}
  .rayon h2{font-size:2.5rem;color:var(--blanc)}
  .rayon-plus{max-height:none!important;opacity:1}
  .rayon-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);margin-top:12px}
  .offre .btn{width:100%;justify-content:space-between}
  .filtre-bloc{flex-basis:100%;max-width:none}
  .choix-4,.choix-3{width:100%}
  .page main.liste,.page main.fichemoto{padding-top:84px}
  .fichemoto{grid-template-columns:1fr}
  .fm-actions .btn{width:100%;justify-content:space-between}
  .tuile img{height:104px;margin-bottom:8px}
  .tuile b{font-size:1.125rem}
  .t-info{font-size:.8125rem}
  .grille{grid-template-columns:1fr 1fr;gap:26px 12px}
  .pied-liens{margin-left:0}
  .pied-liens a{padding:10px 14px}
}
@media (prefers-reduced-motion:reduce){.btn,.btn i,.volet,.volet>img,.volet-plus,.tuile img,.rond,.choix-marque{transition:none}.defile p,.defiler .ic{animation:none}}