@font-face{font-family:Shoulders;src:url(/assets/shoulders.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Raj;src:url(/assets/raj-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Raj;src:url(/assets/raj-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Plex;src:url(/assets/plex-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(/assets/plex-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--nuit:#04171a;--nuit2:#071f23;--pan:#0b2a2f;--trait:#ffffff1f;--texte:#eafaf5;--doux:#a9c8c2;--lime:#b6ff2e;--limef:#6ea50f;--cyan:#19e6c8;--erreur:#ff8d7d}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--nuit);color:var(--texte);font:400 16.5px/1.55 Plex,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}
.raj{font-family:Raj,sans-serif;letter-spacing:.06em;text-transform:uppercase}
/* En-tête façon menu de jeu */
.tete{position:fixed;z-index:20;inset:0 0 auto;height:66px;display:flex;align-items:center;gap:8px;padding:0 18px 0 14px;background:linear-gradient(180deg,#071f23f5,#071f23e0);border-bottom:1px solid var(--trait);backdrop-filter:blur(10px)}
.logo{display:flex;align-items:center;gap:12px;margin-right:18px}.logo i{width:38px;height:38px;border:2px solid var(--lime);border-radius:9px;transform:rotate(45deg);display:grid;place-items:center;background:var(--nuit)}.logo i b{transform:rotate(-45deg);font:900 21px Shoulders;color:var(--lime)}.logo .sym{width:38px;height:38px;display:block}
.logo span{font:900 27px/1 Shoulders;letter-spacing:.02em;font-kerning:none}.logo span em{font-style:normal;color:var(--lime)}
.onglets{display:flex;height:100%}.onglets a{display:flex;align-items:center;padding:0 19px;font:500 19px Raj;letter-spacing:.07em;text-transform:uppercase;color:#c3dbd6;transition:color .15s,background .15s}.onglets a:hover{color:#fff;background:#ffffff0a}.onglets a.on{color:#fff;font-weight:700;background:linear-gradient(0deg,#b6ff2e33,#b6ff2e00);box-shadow:inset 0 -3px 0 var(--lime)}
.outils{margin-left:auto;display:flex;align-items:center;gap:10px}.ico{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#d6ebe7}.ico:hover{background:#ffffff12}.ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ico .nb{position:absolute;right:3px;top:3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--lime);color:#0a2109;font:700 11px/18px Plex;text-align:center}
.compte-b{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:30px;background:#ffffff0f;border:1px solid var(--trait);font:700 16px Raj;letter-spacing:.05em}.compte-b:hover{border-color:var(--lime)}.av{width:36px;height:36px;border-radius:50%;background:var(--nuit);border:2px solid var(--lime);display:grid;place-items:center;font:900 19px Shoulders;color:var(--lime)}
.installer{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,#d3ff72,#a6f01f);color:#0a2109;font:900 21px/1 Shoulders;letter-spacing:.05em;text-transform:uppercase;padding:12px 22px;border-radius:12px;box-shadow:0 4px 0 var(--limef);transition:transform .1s,box-shadow .1s}.installer svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.installer:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--limef),0 0 22px #b6ff2e55}.installer:active{transform:translateY(3px);box-shadow:0 1px 0 var(--limef)}
.installer.grand{font-size:36px;padding:22px 50px;border-radius:16px;box-shadow:0 7px 0 var(--limef),0 18px 36px #000a}.installer.grand svg{width:28px;height:28px}
/* Accueil */
.accueil{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px 56px 120px;overflow:hidden}.accueil .fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 60%}
.accueil:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04171a 0,#04171af2 22%,#04171a9e 42%,#04171a10 64%,#04171a00 74%),linear-gradient(0deg,#04171a 0,#04171a00 22%)}
.texte{position:relative;z-index:2;width:min(660px,100%);transform-origin:0 50%}.sur{display:inline-flex;align-items:center;gap:9px;font:700 15px Raj;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}.sur:before{content:"";width:26px;height:3px;background:var(--cyan);border-radius:2px}
h1{font:900 clamp(92px,11.6vw,184px)/.86 Shoulders,sans-serif;letter-spacing:.012em;font-kerning:none;text-shadow:0 6px 40px #000a}h1 em{font-style:normal;color:var(--lime)}.accroche{font-size:clamp(18px,1.45vw,21px);margin:22px 0 32px;max-width:540px;color:#e2f2ee}.note{margin-top:20px;color:var(--doux);font-size:14.5px}
.barre{position:absolute;z-index:3;inset:auto 0 0;height:58px;display:flex;align-items:center;gap:34px;padding:0 56px;background:linear-gradient(0deg,#04171af2,#04171ab8);border-top:1px solid var(--trait);font:500 17px Raj;letter-spacing:.06em;text-transform:uppercase;color:#cfe5e0}.barre b{font:900 24px Shoulders;color:#fff;margin-right:7px;letter-spacing:.02em}.barre i{flex:1}.barre a{display:flex;align-items:center;gap:8px}.barre a:hover{color:#fff}.barre kbd{display:inline-grid;place-items:center;height:24px;padding:0 9px;border:1.5px solid #cfe5e0;border-radius:12px;font:700 11px Raj}
/* Sections */
.sec{position:relative;padding:108px 56px;scroll-margin-top:60px}.kicker{display:flex;align-items:center;gap:10px;font:700 15px Raj;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.kicker:before{content:"";width:26px;height:3px;background:var(--lime);border-radius:2px}h2{font:900 clamp(56px,6.4vw,100px)/.92 Shoulders,sans-serif;letter-spacing:.012em;font-kerning:none;margin:10px 0 16px}.intro{max-width:640px;color:#d2e7e2}
/* Héros, façon écran de sélection */
.heros{min-height:900px;overflow:hidden;background:#04171a}.heros .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(.5) saturate(1.1);transform:scale(1.06)}.heros:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(40% 62% at 50% 52%,color-mix(in srgb,var(--g) 22%,transparent),#04171a00 70%),linear-gradient(90deg,#04171ae0 0,#04171a40 34%,#04171a40 66%,#04171ae0 100%),linear-gradient(180deg,#04171a 0,#04171a00 18%,#04171a00 82%,#04171a 100%)}.heros>*{position:relative;z-index:2}
.ecran{display:grid;grid-template-columns:1fr 560px 1fr;gap:20px;align-items:start;margin-top:22px;min-height:690px}.tri{position:absolute;left:50%;top:150px;width:640px;height:640px;margin-left:-320px;fill:none;stroke:var(--g);stroke-width:1.1;opacity:.22;z-index:1}
.gauche h3{font:900 82px/.9 Shoulders;letter-spacing:.02em;font-kerning:none}.gauche .st{font:500 18px Raj;letter-spacing:.1em;text-transform:uppercase;color:#d2e7e2;margin:4px 0 26px}.cap{display:flex;align-items:center;gap:14px;margin-bottom:17px}.cap svg{width:38px;height:38px;flex:none;fill:none;stroke:#f1fbf8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cap div{border-left:2px solid #ffffff7a;padding-left:13px}.cap small{display:block;font:500 13px/1.1 Raj;letter-spacing:.1em;color:var(--doux)}.cap b{display:block;font:700 21px/1.15 Raj;letter-spacing:.05em;text-transform:uppercase}.cap p{font-size:14px;color:#cfe5e0;line-height:1.35}
.hist{margin-top:22px;max-width:430px;color:#d2e7e2;font-size:15.5px}
.centre{position:relative;height:690px;display:grid;place-items:end center}.centre img{max-height:690px;filter:drop-shadow(0 26px 40px #000c);animation:ent .35s ease-out}@keyframes ent{from{opacity:0;transform:translateY(14px)}}
.droite{text-align:right}.role{display:flex;justify-content:flex-end;align-items:center;gap:13px}.role b{display:block;font:700 33px/1 Raj;letter-spacing:.05em}.role small{font:500 15px Raj;letter-spacing:.08em;text-transform:uppercase;color:#d2e7e2}.role svg{width:54px;height:54px;fill:#ffffff12;stroke:#f1fbf8;stroke-width:1.5}.pk{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;font:700 16px/1.15 Raj;letter-spacing:.05em;text-transform:uppercase}.pk i{flex:none;width:28px;height:28px;transform:rotate(45deg) scale(.78);background:var(--nuit);border:2px solid var(--g);border-radius:5px;box-shadow:0 0 12px var(--g)}
.arm{margin-top:42px}.arm small{font:500 13px Raj;letter-spacing:.1em;color:var(--doux);display:block}.arm b{font:700 30px/1.05 Raj;letter-spacing:.05em;display:block}.arm img{width:100%;max-width:380px;margin:8px 0 6px auto;filter:drop-shadow(0 10px 14px #000b)}.arm em{font:700 15px Raj;font-style:normal;color:var(--g);letter-spacing:.05em}.arm p{font-size:14.5px;color:#cfe5e0}
.groupes{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:-4px}.gp button{all:unset;cursor:pointer;display:block}.gp button:focus-visible .sl{outline:2px solid var(--lime)}.sl{width:66px;height:74px;border:2px solid #ffffff52;border-radius:9px;overflow:hidden;background:#04171ad9;transition:transform .15s}.sl img{width:100%;height:100%;object-fit:cover}.gp button:hover .sl{transform:translateY(-3px)}.gp .on .sl{border-color:#fff;box-shadow:0 0 16px var(--gc);transform:translateY(-4px)}.barg{margin-top:5px;text-align:center;font:700 14px/22px Raj;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#04171a,#0b2a2f,#04171a);border-top:3px solid var(--gc);border-radius:0 0 8px 8px}
/* Armes */
.armes{background:linear-gradient(180deg,#04171a,#071f23)}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.tabs button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:14px;background:#ffffff0d;border:1px solid transparent}.tabs button img{width:38px;height:38px;border-radius:9px;object-fit:cover}.tabs button b{font:700 18px Raj;letter-spacing:.06em;text-transform:uppercase}.tabs button:focus-visible{outline:2px solid var(--lime)}.tabs button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,#0b2a2f)}
.vitrine{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center;margin-top:20px}.vitrine .im{height:420px;display:grid;place-items:center}.vitrine .im img{max-height:410px;object-fit:contain;filter:drop-shadow(0 30px 34px #000c)}.fiche-a b{display:block;font:900 64px/.95 Shoulders;letter-spacing:.02em}.fiche-a .t{font:700 17px Raj;letter-spacing:.08em;text-transform:uppercase;color:var(--c);margin:4px 0 12px}.fiche-a p{color:#d2e7e2}.pieces{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pieces span{padding:6px 13px;border:1px solid var(--trait);border-radius:99px;font:500 15px Raj;letter-spacing:.06em;text-transform:uppercase;color:#cfe5e0}
/* Partie, maps, classement */
.etapes{list-style:none;padding:0;margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #ffffff26}.etapes li{position:relative;padding:28px 26px 0 0}.etapes li:before{content:"";position:absolute;top:-10px;left:0;width:17px;height:17px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px var(--nuit)}.etapes b{display:block;font:900 39px/1 Shoulders;margin-bottom:8px}.etapes p{color:#c8dfda;font-size:15.5px}
.maps{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:32px}.maps figure{position:relative;margin:0;border-radius:22px;overflow:hidden;min-height:430px}.maps img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.maps figure:hover img{transform:scale(1.035)}.maps figcaption{position:absolute;inset:auto 0 0;padding:70px 26px 22px;background:linear-gradient(0deg,#04171af0,#04171a00)}.maps b{display:block;font:900 52px/1 Shoulders}
.rangs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.rang{padding:24px;background:linear-gradient(170deg,color-mix(in srgb,var(--c) 22%,#0b2a2f),#0a2226);border-radius:22px}.rang b{display:block;font:900 44px/1 Shoulders;color:var(--c)}.rang small{color:#c8dfda;font-size:14.5px}.reg{margin-top:22px;color:#d2e7e2;max-width:780px}
.finale{position:relative;text-align:center;padding:130px 24px;overflow:hidden}.finale img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.finale>div{position:relative}.finale h2{font-size:clamp(64px,8vw,124px)}
.pied{display:flex;gap:26px;flex-wrap:wrap;align-items:center;padding:24px 56px;color:var(--doux);font-size:14px;border-top:1px solid var(--trait)}.pied a{text-decoration:underline;text-underline-offset:3px}
/* Pages simples : compte, boutique, panier */
.page{position:relative;min-height:100vh;padding:126px 56px 70px;overflow:hidden}.page>.fd{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(3px)}.page:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#04171a 8%,#04171ab8 60%,#04171a66)}.page>*:not(.fd){position:relative;z-index:2}
.carte{width:min(450px,100%);padding:34px;background:#071f23ee;border:1px solid #ffffff26;border-radius:22px;backdrop-filter:blur(12px)}.carte h2{font-size:64px;margin:0 0 6px}.carte .sous{color:var(--doux);margin-bottom:24px}.centrer{display:grid;place-items:center;min-height:calc(100vh - 200px)}
label{display:block;font-weight:600;font-size:14px;margin:0 0 15px}input{display:block;width:100%;margin-top:6px;height:50px;padding:0 15px;background:var(--nuit);border:1px solid #ffffff2e;border-radius:11px;color:var(--texte);font:400 17px Plex,sans-serif}input:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:transparent}
.envoyer{width:100%;height:58px;border:0;background:linear-gradient(180deg,#d3ff72,#a6f01f);color:#0a2109;font:900 26px Shoulders,sans-serif;letter-spacing:.04em;text-transform:uppercase;border-radius:13px;box-shadow:0 5px 0 var(--limef);margin-top:6px}.envoyer:active{transform:translateY(3px);box-shadow:0 2px 0 var(--limef)}.envoyer:disabled{opacity:.55;cursor:not-allowed}
.erreur{color:var(--erreur);font-size:15px;min-height:23px;margin:2px 0 10px}.autre{margin-top:20px;color:var(--doux);font-size:15px}.autre a{color:var(--texte);text-decoration:underline;text-underline-offset:3px}
.moi{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin-bottom:34px}.moi .av{width:96px;height:96px;font-size:52px;border-width:3px}.moi h2{margin:0;font-size:clamp(52px,6vw,84px);overflow-wrap:anywhere}.moi p{color:var(--doux)}
.blocs{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1080px}.bloc{padding:24px;background:#071f23ee;border:1px solid #ffffff21;border-radius:20px}.bloc h3{font:700 22px Raj;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.ligne{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--trait)}.ligne b{font:900 28px/1 Shoulders;display:block}.ligne small{color:var(--doux);font-size:14px}.vide{color:var(--doux);font-size:15px}
.dl{background:linear-gradient(180deg,#d3ff72,#a6f01f);color:#0a2109;font:900 20px Shoulders;text-transform:uppercase;letter-spacing:.04em;padding:11px 22px;border-radius:11px;box-shadow:0 4px 0 var(--limef);white-space:nowrap}.dl.off{background:none;box-shadow:none;color:var(--doux);border:1px solid var(--trait);font:600 14px Plex;text-transform:none;letter-spacing:0}.sortir{background:none;border:0;color:var(--doux);text-decoration:underline;padding:0;margin-top:22px;font-size:15px}
.titre-p{margin-bottom:26px}.titre-p h2{margin:6px 0 0}.cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.cats button{all:unset;cursor:pointer;padding:9px 18px;border-radius:12px;background:#ffffff0f;font:700 17px Raj;letter-spacing:.07em;text-transform:uppercase}.cats button.on{background:var(--lime);color:#0a2109}.cats button:focus-visible{outline:2px solid var(--lime)}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.prod{border-radius:20px;overflow:hidden;background:#071f23ee;border:1px solid #ffffff21}.prod .im{aspect-ratio:4/5;background:radial-gradient(70% 60% at 50% 40%,#19e6c833,#04171a)}.prod .im img{width:100%;height:100%;object-fit:contain}.prod div.i{padding:16px}.prod b{display:block;font:700 21px Raj;letter-spacing:.05em;text-transform:uppercase}.prod small{color:var(--doux)}.prod .ach{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.prod .prix{font:900 26px Shoulders}.prod button{border:0;background:var(--lime);color:#0a2109;font:700 15px Raj;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border-radius:10px}
.attente{max-width:640px;padding:30px;border:1px dashed #ffffff3d;border-radius:22px;background:#071f23cc}.attente b{display:block;font:700 26px Raj;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.attente p{color:#d2e7e2}
.panier{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start;max-width:1180px}.art{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--trait)}.art img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:var(--nuit)}.art button{background:none;border:0;color:var(--doux);text-decoration:underline;font-size:14px}.total{display:flex;justify-content:space-between;font:900 32px Shoulders;margin:6px 0 16px}
.legal{max-width:720px}.legal p{margin-bottom:14px;color:#d2e7e2}
@media(max-width:1180px){.onglets a{padding:0 12px;font-size:17px}.ecran{grid-template-columns:1fr 1fr}.centre{grid-column:1/-1;grid-row:1;height:520px}.centre img{max-height:520px}.vitrine,.maps,.panier,.blocs{grid-template-columns:1fr}}
@media(max-width:900px){.tete{gap:4px}.onglets{position:fixed;top:66px;left:0;right:0;height:46px;overflow-x:auto;background:#071f23f2;border-bottom:1px solid var(--trait)}.onglets a{flex:none}.logo span{display:none}.installer.petit span{display:none}.installer.petit{padding:12px}.etapes,.rangs{grid-template-columns:1fr 1fr}.page{padding-top:140px}}
@media(max-width:640px){.accueil{padding:130px 18px 120px;align-items:flex-end}.accueil .fond{object-position:78% 60%}.accueil:after{background:linear-gradient(0deg,#04171a 0,#04171af2 46%,#04171a40 80%,#04171a80 100%)}.installer.grand{display:flex;justify-content:center;padding:20px}.barre{padding:0 18px;gap:16px;font-size:14px}.barre .opt{display:none}.sec{padding:76px 18px}.ecran{grid-template-columns:1fr}.droite{text-align:left}.role,.pk{justify-content:flex-start;flex-direction:row-reverse}.arm img{margin-left:0}.etapes,.rangs{grid-template-columns:1fr}.maps figure{min-height:300px}.pied{padding:22px 18px}.page{padding:132px 18px 50px}.carte{padding:24px}.compte-b span{display:none}.compte-b{padding:4px}.vitrine .im{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.mdp{position:relative;display:block;margin-top:6px}.mdp input{margin-top:0;padding-right:52px}.oeil{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:40px;display:grid;place-items:center;border:0;border-radius:9px;background:none;color:inherit;opacity:.75;cursor:pointer}.oeil:hover{opacity:1;background:#ffffff14}.oeil:focus-visible{outline:2px solid #b6ff2e;opacity:1}.oeil svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v360{position:relative;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;display:grid;place-items:end center;height:100%;width:100%}.v360.prise{cursor:grabbing}.v360 img{pointer-events:none;-webkit-user-drag:none;max-height:690px;filter:drop-shadow(0 26px 40px #000c)}.v360:focus-visible{outline:2px solid var(--lime);outline-offset:6px;border-radius:14px}
.indice{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:#04171ad9;border:1px solid #ffffff2e;font:700 14px Raj;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;animation:clin 2.4s ease-in-out infinite}.indice:before{content:"⟷";font-size:16px;color:var(--lime)}@keyframes clin{50%{opacity:.55}}
.vitrine .im .v360{place-items:center}.vitrine .im .v360 img{max-height:400px;max-width:100%;object-fit:contain;filter:drop-shadow(0 30px 34px #000c)}
@media(max-width:1180px){.v360 img{max-height:520px}}
.stats{display:grid;gap:7px;margin-top:22px}.st-l{display:flex;justify-content:flex-end;align-items:center;gap:12px;font:700 14px Raj;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}.st-b{display:flex;gap:5px}.st-b i{width:30px;height:11px;transform:skewX(-20deg);background:#123a52;border-radius:2px}.st-b i.on{background:var(--lime)}@media(max-width:640px){.st-l{justify-content:flex-start;flex-direction:row-reverse}}
/* RELWYN : logo officiel, Kite, Vanguard, Riviera */
.logo .mot{height:30px;width:auto;display:block}.logo .sym{display:none}.pied .logo{margin-right:6px}.pied .logo .mot{height:24px}
h1 .titre-logo{width:min(600px,100%);height:auto;filter:drop-shadow(0 6px 30px #000c)}
.centre{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.rendu{margin:0;height:640px;display:flex;align-items:flex-end;justify-content:center}.centre .rendu img{height:100%;width:auto;max-height:none;max-width:100%;object-fit:contain;filter:none;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}
.vues{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px}.vues button{all:unset;cursor:pointer;padding:7px 16px;border-radius:99px;background:#04171acc;border:1px solid #ffffff2e;font:700 15px Raj;letter-spacing:.08em;text-transform:uppercase;color:#d6ebe7}.vues button:hover{border-color:#ffffff70;color:#fff}.vues button.on{background:var(--lime);border-color:var(--lime);color:#0a2109}.vues button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
a.arm{display:block}a.arm:hover b{color:var(--lime)}.arm img{height:auto;border-radius:12px;border:1px solid var(--trait)}
.gp{width:74px}.gp .sl{width:74px;height:82px}.gp.on .sl{border-color:#fff;box-shadow:0 0 16px var(--gc);transform:translateY(-4px)}.gp .barg{font-size:13px;letter-spacing:.06em}
.gp.verrou .sl{display:grid;place-items:center;border-style:dashed;border-color:#ffffff38;background:#04171ab3}.gp.verrou svg{width:24px;height:24px;fill:none;stroke:#ffffff80;stroke-width:1.8;stroke-linecap:round}.gp.verrou .barg{border-top-color:#ffffff30;color:#ffffffa6}
.bientot{margin:22px auto 0;max-width:640px;text-align:center;color:#d2e7e2;font-size:15.5px}.bientot b{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:99px;background:var(--lime);color:#0a2109;font:700 14px Raj;letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}
.vitrine .im{margin:0;height:auto;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#232427;border:1px solid var(--trait)}.vitrine .im img{width:100%;height:100%;max-height:none;object-fit:cover;filter:none}
.chiffres{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.chiffres span{padding:14px;border-radius:16px;background:#ffffff0b;border:1px solid var(--trait);font:500 14px/1.2 Raj;letter-spacing:.06em;text-transform:uppercase;color:#cfe5e0}.chiffres b{display:block;font:900 38px/1 Shoulders;color:var(--c);margin-bottom:4px;letter-spacing:.02em}
.maps{grid-template-columns:repeat(4,1fr)}.maps figure{min-height:270px}.maps figure.large{grid-column:1/-1;min-height:560px}.maps figure:not(.large) b{font-size:34px}.maps figcaption{color:#e2f2ee}
@media(max-width:1180px){.rendu{height:540px}.maps{grid-template-columns:1fr 1fr}.maps figure.large{min-height:420px}}
@media(max-width:900px){.logo .mot{display:none}.logo .sym{display:block}.pied .logo .mot{display:block}}
@media(max-width:640px){.rendu{height:440px}.vitrine .im{height:auto}.chiffres{grid-template-columns:1fr 1fr 1fr;gap:6px}.chiffres span{padding:10px;font-size:12px}.chiffres b{font-size:28px}.maps{grid-template-columns:1fr}.maps figure,.maps figure.large{min-height:240px}.groupes{gap:10px}.gp,.gp .sl{width:62px}.gp .sl{height:70px}.gp .barg{font-size:11px;letter-spacing:.03em}h1 .titre-logo{width:100%}}
.heros .bg{filter:blur(8px) brightness(.34) saturate(1)}
@media(max-width:900px){.etapes{border-top:0}.etapes li{border-top:3px solid #ffffff26;padding-top:26px;margin-top:16px}}
@media(max-width:640px){.maps figure.large b{font-size:36px}.centre .rendu img{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}}
.rang{display:flex;flex-direction:column;gap:10px}.rang .emb{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:end}.rang figure{margin:0;text-align:center}.rang figure>svg{width:100%;height:auto;max-width:118px;margin:0 auto;display:block;filter:drop-shadow(0 8px 12px #0009)}.rang figcaption{font:700 13px Raj;letter-spacing:.08em;text-transform:uppercase;color:#d2e7e2;margin-top:4px}.rang b{font-size:40px}
.rang.omega{background:radial-gradient(80% 70% at 50% 35%,#bdf73326,#000 80%),#000;box-shadow:0 0 0 1.5px #bdf733,0 0 36px #bdf73333}.rang.omega .emb{grid-template-columns:1fr}.rang.omega figure>svg{max-width:150px}.reg b{color:var(--lime)}
@media(max-width:1180px){.groupes{margin-top:30px}}