:root{--bg:#F3F8FC;--bg2:#DDE9F4;--t1:#8DB5DA;--t2:#BFD8EE;--b:#00719A;--ink:
#09669f;--hf:Sora,Manrope,sans-serif;--bf:Inter,sans-serif;box-sizing:border-box;color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html[lang=ar]{--hf:Cairo,Tajawal,sans-serif;--bf:Cairo,Tajawal,sans-serif}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.05rem/1.6 var(--bf);overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.skip{position:fixed;left:8px;top:-60px;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:200;border-radius:8px}.skip:focus{top:8px}
#ldr{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-content:center;justify-items:center;gap:1.2rem;transition:opacity .7s}
#ldr.off{opacity:0;pointer-events:none}#ldr>svg:first-child{width:min(70vw,360px)}#pc{font:500 .9rem var(--bf)}
nav{position:fixed;top:env(safe-area-inset-top,0px);inset-inline:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 4vw;padding:.55rem 1.2rem;border-radius:999px;background:rgba(255,255,255,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8)}
nav b{font:700 1.1rem var(--hf);letter-spacing:.08em;text-decoration:none;color:var(--b)}nav ul{display:flex;gap:1.3rem;list-style:none;margin:0;padding:0;font-size:.88rem}nav ul a{text-decoration:none}nav ul a:hover{color:var(--b)}
#lang{font:500 .85rem var(--bf);border:1px solid var(--ink);background:none;color:var(--ink);border-radius:999px;padding:.3rem .9rem;cursor:pointer}
.fx{position:fixed;inset:0;pointer-events:none}
#topo{z-index:0;opacity:.45;width:100%;height:125%}#topo ellipse{fill:none;stroke:var(--t1);stroke-width:1}
#sp{z-index:2;opacity:0;overflow:hidden;background:linear-gradient(135deg,#0B3C5D,#00719A 60%,#2a9cc2)}
#sp::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(100deg,rgba(255,255,255,.14) 0 2px,transparent 2px 110px);animation:sl 1.4s linear infinite}
@keyframes sl{to{transform:translateX(-111.7px)}}
.mt{position:fixed;left:-5%;bottom:-2vh;width:110%;height:62vh;z-index:1;pointer-events:none}
.mist{position:fixed;left:0;right:0;bottom:22vh;height:26vh;z-index:1;background:linear-gradient(transparent,rgba(244,248,250,.9),transparent);pointer-events:none}
.bub{position:fixed;bottom:-30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(168,224,221,.35));z-index:4;pointer-events:none;animation:rise linear infinite}
@keyframes rise{from{opacity:.8}to{transform:translate(24px,-115vh);opacity:0}}
#lgw{position:fixed;left:50%;top:50%;width:min(94vw,1000px);transform:translate(-50%,-50%);z-index:3;opacity:0;visibility:hidden}#lgw svg{width:100%;display:block}
#bw{position:fixed;left:50%;top:50%;height:62vh;z-index:5;pointer-events:none;will-change:transform}
.fl{height:100%;animation:fl 5s ease-in-out infinite}@keyframes fl{50%{transform:translateY(-14px)}}
#bt{height:100%;width:auto;display:block;filter:drop-shadow(0 30px 36px rgba(11,60,93,.28))}
section{position:relative}
h1,h2{font-family:var(--hf);line-height:1.06;margin:0 0 1rem;letter-spacing:-.02em;font-weight:700}
h1{font-size:clamp(3rem,9vw,8.5rem);position:relative;z-index:3}h2{font-size:clamp(2rem,4.4vw,3.8rem)}
.mk{overflow:hidden;padding-bottom:.1em}.mk>span{display:block}
#hero{height:100vh;text-align:center;padding-top:11vh}
.hb{position:absolute;inset-inline:8vw;bottom:5vh;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;z-index:6;text-align:start}.hb p{max-width:20rem;margin:0}
.sc{width:22px;height:38px;border:2px solid var(--ink);border-radius:12px;position:relative}.sc::after{content:"";position:absolute;left:8px;top:6px;width:2px;height:8px;background:var(--ink);animation:sd 1.6s infinite}@keyframes sd{to{transform:translateY(12px);opacity:0}}
#source{height:200vh}#bouteille{height:300vh}#composition{height:300vh}#design{height:200vh}#sport{height:200vh;color:#fff}
.stick{position:sticky;top:0;height:100vh;z-index:6;display:flex;align-items:center;padding:0 8vw}.tx{max-width:28rem}
.cta{display:inline-block;background:var(--ink);color:#fff;padding:.9rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:500}
.card{background:rgba(255,255,255,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:1.6rem;box-shadow:0 22px 50px -26px rgba(11,60,93,.4)}
.pill{position:absolute;border-radius:999px;padding:.6rem 1.3rem;font-weight:500}
.tb{width:min(30rem,92vw);margin-inline-start:auto;max-height:86vh;overflow:auto;padding:1.3rem 1.5rem}.tb h2{font-size:1.7rem;margin-bottom:.6rem}
table{width:100%;border-collapse:collapse;font-size:.95rem}th{text-align:start;font-weight:500;padding:.3rem 0}td{text-align:end;font-variant-numeric:tabular-nums;padding:.3rem 0}td.u{opacity:.7;padding-inline-start:.5rem;text-align:start;width:3.4rem}tr+tr{border-top:1px solid rgba(11,60,93,.12)}.nt{font-size:.8rem;opacity:.75;margin:.7rem 0 0}
.post{z-index:7;background:var(--bg);padding:14vh 8vw}.post:nth-of-type(even){background:var(--bg2)}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;margin-top:2rem}.g3 h3{font:700 1.3rem var(--hf);margin:0 0 .5rem}.g3 p{margin:0}
details{border-bottom:1px solid rgba(11,60,93,.18);padding:1rem 0;max-width:46rem}summary{cursor:pointer;font:500 1.1rem var(--hf);list-style:none;display:flex;justify-content:space-between;gap:1rem}summary::after{content:"+";transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details p{margin:.7rem 0 0;max-width:40rem}
.wh{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:3rem;align-items:center}.wh ul{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.5rem}.wh svg{width:min(100%,360px);justify-self:center}
footer{position:relative;z-index:7;background:var(--ink);color:#fff;padding:2.5rem 8vw;font-size:.9rem}
#cur{position:fixed;left:0;top:0;width:16px;height:16px;border:1.5px solid var(--b);border-radius:50%;z-index:99;pointer-events:none;transition:width .25s,height .25s,background .25s;margin:-8px 0 0 -8px}#cur.h{width:44px;height:44px;margin:-22px 0 0 -22px;background:rgba(127,209,207,.25)}
@media(max-width:800px),(max-aspect-ratio:1/1){nav ul{display:none}.stick{align-items:flex-end;padding-bottom:7vh}.tx{background:rgba(255,255,255,.6);backdrop-filter:blur(14px);padding:1.1rem;border-radius:24px}#sport .tx{background:rgba(11,60,93,.45)}#bw{height:46vh;top:38%}.pill{font-size:.85rem}.tb{max-height:62vh}}
.rm .stick{position:static;height:auto;padding:10vh 8vw}.rm section{height:auto!important}.rm #bw{position:relative;left:auto;top:auto;transform:none;height:60vh;margin:2rem auto;width:max-content}.rm .pill{position:static;display:inline-block;margin:.3rem}.rm .tb{opacity:1!important;visibility:visible!important}.rm #sport{background:var(--ink)}.rm #sp,.rm .bub,.rm #lgw{display:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body{background:linear-gradient(180deg,#c6daed 0,#e8f1f8 55%,#f3f8fc 100%) fixed}
#ph{z-index:0;background:#dbe8f3 var(--bgimg) var(--hpx,80%) 50%/cover no-repeat}
.glass,.tx,.card{background:rgba(255,255,255,.36);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 28px 60px -30px rgba(23,64,95,.5)}
.glass{border-radius:32px}.tx{padding:1.7rem 1.9rem;border-radius:28px}.card{border-radius:28px}
#sport .tx{background:rgba(23,64,95,.4);border-color:rgba(255,255,255,.3)}.tb{background:rgba(255,255,255,.66)}
h1,h2{color:var(--ink)}#sport h2{color:#fff}
#hero{height:100vh;display:grid;align-items:center;padding:0 5%;text-align:start}.hc{max-width:35rem;padding:2.4rem 2.6rem}
.hc h1{font-size:clamp(2.6rem,5.4vw,5rem)}.hc p{font-size:1.15rem;margin:0 0 1.6rem}.bs{display:flex;flex-wrap:wrap;gap:.8rem}
.cta.ghost{background:rgba(255,255,255,.5);color:var(--ink);border:1px solid rgba(23,64,95,.35)}.cta.sm{padding:.55rem 1.2rem;font-size:.9rem}
#hero .sc{position:absolute;left:50%;bottom:4vh}
nav{margin-inline:5%;background:rgba(255,255,255,.4);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}
#mb{display:none;width:40px;height:40px;border:0;background:none;place-content:center;gap:6px;cursor:pointer}#mb i{display:block;width:22px;height:2px;background:var(--ink)}
@media(max-width:900px){nav ul{display:none;position:absolute;top:calc(100% + .5rem);inset-inline:0;flex-direction:column;gap:.9rem;padding:1.2rem 1.5rem;border-radius:24px;background:rgba(255,255,255,.7);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}nav.open ul{display:flex}#mb{display:grid}nav .cta.sm{display:none}}
@media(max-width:800px),(max-aspect-ratio:1/1){#hero{align-items:end;padding-bottom:10vh}.hc{padding:1.6rem}.tx{padding:1.2rem 1.3rem}}
.post,.post:nth-of-type(even){background:rgba(243,248,252,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16vh 5%}
.fq{max-width:46rem;margin:0 auto}.ct{text-align:center;margin:0 auto 2.5rem}.ct h3{font:700 1.5rem var(--hf);margin:0 0 .5rem}.ct p{margin:0 0 1.2rem}.fq .ct:last-child{margin:2.5rem auto 0}.fa{padding:.6rem 2rem}.fa details:last-child{border:0}
.wh>div:first-child{background:rgba(255,255,255,.4);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.7);border-radius:32px;padding:2.2rem}
footer{padding:4.5rem 5% 2rem;background:var(--ink)}.fc{max-width:80rem;margin:0 auto}.fg{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;padding-bottom:3rem}.flg{font:700 1.4rem var(--hf);letter-spacing:.08em}.fg p{opacity:.8;max-width:22rem}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.cols h2{font:700 1rem var(--hf);color:#fff;margin:0 0 .8rem}.cols ul{list-style:none;margin:0;padding:0}.cols li{padding:.3rem 0}.cols a{text-decoration:none;opacity:.85}.cols a:hover{opacity:1;text-decoration:underline}footer hr{border:0;height:1px;background:rgba(255,255,255,.2);margin:0 0 1.5rem}.fb{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;opacity:.8}.fb p{margin:0}
@media(max-width:800px),(max-aspect-ratio:1/1){.fg{grid-template-columns:1fr;gap:2.5rem}.cols{grid-template-columns:1fr 1fr}}
.rm #bw{display:none}
.fl{position:relative}
.glass,.tx,.card{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5)}
.glass,.tx,.card,.wh>div:first-child{border-radius:16px}
.wh>div:first-child{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
.pill{border-radius:12px}.tb{background:rgba(255,255,255,.5)}#sport .tx{background:rgba(23,64,95,.28)}
nav{border-radius:16px;background:rgba(255,255,255,.28)}
@media(max-width:900px){nav ul{border-radius:16px}}
@media(max-width:800px),(max-aspect-ratio:1/1){.tx{background:rgba(255,255,255,.34)}#sport .tx{background:rgba(23,64,95,.4)}}
.hc h1{text-transform:uppercase;font-size:clamp(2.2rem,4.6vw,4.2rem);letter-spacing:.01em}
.nl{height:38px;width:auto;display:block}.flg{height:44px;width:auto;display:block;margin-bottom:1rem}#ldl img{width:min(60vw,300px);height:auto}#sp::before{display:none}
.pic{margin:0 0 1rem;position:relative;border-radius:12px;overflow:hidden}.pic img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.8)}.pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(141,181,218,.3),rgba(23,64,95,.18));mix-blend-mode:multiply;pointer-events:none}.pic figcaption{position:absolute;inset-inline-start:.8rem;bottom:.6rem;z-index:1;color:#fff;font-size:.8rem;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.eg{display:flex;justify-content:flex-end;align-items:flex-start;min-height:52vh;border-radius:16px;background:#8db5da center 40%/cover no-repeat;padding:2rem;max-width:80rem;margin:0 auto}.eg .glass{max-width:26rem;padding:1.5rem 1.8rem;background:rgba(255,255,255,.45)}.eg h2{margin-bottom:.5rem}.eg p{margin:0}
.eg+.g3{max-width:80rem;margin:-4.5rem auto 0;padding:0 2rem;position:relative}
@media(max-width:800px),(max-aspect-ratio:1/1){.pic img{aspect-ratio:16/7}.eg{padding:1.2rem;min-height:44vh}.eg+.g3{padding:0 .8rem;margin-top:-3rem}}
:root{--bgimg:url(../img/fond-nuages.webp)}
#foam{z-index:6;background:var(--bgimg) var(--hpx,80%) 50%/cover no-repeat;-webkit-mask-image:radial-gradient(ellipse var(--fw,380px) var(--fh,100px) at var(--fx,83%) var(--fy,86%),#000 30%,transparent 100%);mask-image:radial-gradient(ellipse var(--fw,380px) var(--fh,100px) at var(--fx,83%) var(--fy,86%),#000 30%,transparent 100%)}
#rfw{position:absolute;left:0;top:100%;width:100%;height:100%;transform:scaleY(-1);pointer-events:none;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.42),transparent 50%);mask-image:linear-gradient(to top,rgba(0,0,0,.42),transparent 50%);filter:blur(1.2px)}
#rfw canvas{width:100%;height:100%;display:block;animation:rfi 1.6s .5s backwards}@keyframes rfi{from{opacity:0}}
.rm #bw{display:block;position:absolute;left:50%;top:50%;height:62vh;margin:0;width:auto;transform:none}
:root{--srcimg:url(../img/ain-raoua-neige.webp);--sportimg:url(../img/sport-tennis.webp);--pour:url(../img/verre-eau.webp);--mesh:radial-gradient(at 12% 16%,rgba(255,205,228,.6) 0,transparent 55%),radial-gradient(at 90% 10%,rgba(196,212,255,.65) 0,transparent 55%),radial-gradient(at 82% 92%,rgba(186,245,222,.6) 0,transparent 55%),radial-gradient(at 6% 90%,rgba(255,226,196,.55) 0,transparent 55%),rgba(255,255,255,.28)}
h1,h2{text-transform:uppercase}
nav{inset-inline:auto;left:50%;right:auto;transform:translateX(-50%);width:min(58rem,92%);margin:.8rem 0}
.hc{max-width:40rem;padding:0;background:none}.hc h1{font-size:clamp(2.7rem,5.8vw,5.6rem);line-height:1.02;text-shadow:0 2px 28px rgba(255,255,255,.55)}.hc p{text-shadow:0 1px 16px rgba(255,255,255,.7)}
.glass,.tx,.card,.tb,.fa,.gm,.wh>div:first-child,#sport .tx{background:var(--mesh);backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7);border:1px solid rgba(255,255,255,.72);box-shadow:none}
.tb{box-shadow:inset 0 0 0 999px rgba(255,255,255,.3)}
#sport{color:var(--ink)}#sport h2{color:var(--ink)}
#srcbg{z-index:1;opacity:0;background:#bcd3ea var(--srcimg) center 55%/cover no-repeat}
#sp{background:#1b86d8 var(--sportimg) var(--spx,72%) 50%/cover no-repeat}
html[dir=rtl] #sport .stick{direction:ltr}html[dir=rtl] #sport .tx{direction:rtl}
#engagements.post{background:#9dbfe0 var(--pour) 28% 35%/cover no-repeat;backdrop-filter:none;-webkit-backdrop-filter:none}
.eg{background:none;border-radius:0;padding:0;min-height:36vh;display:flex;justify-content:flex-end;align-items:flex-start;max-width:80rem;margin:0 auto}
.egt{max-width:28rem}.egt h2,.egt p{color:var(--ink)}.egt p{font-size:1.15rem;margin:0}.eg+.g3{margin:2.5rem auto 0;padding:0}
.wh{align-items:start}.ordr form{padding:1.8rem;border-radius:16px}.ordr h3{margin:0 0 1rem;font:700 1.3rem var(--hf)}
.ordr label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.8rem}.ordr label span{display:block;margin-bottom:.25rem}
.ordr input,.ordr select,.ordr textarea{width:100%;font:inherit;color:var(--ink);background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);border-radius:10px;padding:.65rem .8rem}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.ordr button.cta{border:0;cursor:pointer;font:inherit;font-weight:500;margin-top:.4rem}
@media(max-width:800px),(max-aspect-ratio:1/1){.fr2{grid-template-columns:1fr}}
#faq{padding-bottom:3.5rem}footer h2{color:#fff}footer .fa{color:var(--ink)}footer .cta{background:#fff;color:var(--ink)}
.rm #source{background:#bcd3ea var(--srcimg) center/cover no-repeat}.rm #sport{background:#1b86d8 var(--sportimg) var(--spx,72%) 50%/cover no-repeat}.rm #srcbg{display:none}

:root{--mesh:rgba(255,255,255,.16)}
.tx{background:rgba(255,255,255,.2)}.tx p,.tx h2{text-shadow:0 1px 14px rgba(255,255,255,.3)}
.tb{background:rgba(255,255,255,.55);box-shadow:none}
.tx{padding:2.2rem 2.4rem}.card{padding:2rem}.tb{padding:1.8rem 2rem}.ordr form{padding:2.2rem}.wh>div:first-child{padding:2.6rem}.fa{padding:.8rem 2.4rem}.pill{padding:.75rem 1.5rem}
footer .fa{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2)}footer .fa details{border-bottom-color:rgba(255,255,255,.18)}
@media(max-width:800px),(max-aspect-ratio:1/1){
#hero{align-items:start;padding:17vh 6% 0}.hc{max-width:none}.hc h1{font-size:clamp(2.2rem,9.6vw,3.8rem)}
.hc p{max-width:55%;font-size:.95rem;margin-bottom:1.2rem}.bs{flex-direction:column;align-items:flex-start;max-width:55%}.bs .cta{padding:.7rem 1.2rem;font-size:.9rem}
.tx{padding:1.6rem 1.5rem}.card{padding:1.6rem}.tb{padding:1.4rem 1.4rem;max-height:56vh}.ordr form{padding:1.6rem}.wh>div:first-child{padding:1.8rem}.fa{padding:.6rem 1.4rem}
.pill{font-size:.8rem;padding:.55rem 1rem;margin-inline:-5vw}
.stick{padding:0 5vw max(7vh,calc(env(safe-area-inset-bottom,0px) + 18px))}.tx{max-width:none;width:100%}#design .tx{width:100%}
}
@media(max-height:520px) and (orientation:landscape){.hc h1{font-size:2.2rem}h2{font-size:1.5rem}.tx{padding:1rem 1.3rem}.tx p{font-size:.9rem}.tb{max-height:84vh}#hero{padding-top:14vh}}
#source .tx,#sport .tx{background:rgba(255,255,255,.32)}.tx p{font-size:1.1rem}#sport .tx{max-width:min(28rem,30vw)}
@media(max-width:800px),(max-aspect-ratio:1/1){#sport .tx{max-width:none}}
.tx{padding:2.2rem 3.4rem;max-width:31rem}.card{padding:2rem 2.7rem}.tb{padding:1.8rem 2.8rem}.ordr form{padding:2.2rem 3rem}.wh>div:first-child{padding:2.6rem 3.4rem}.fa{padding:.8rem 3rem}.pill{padding:.75rem 1.9rem}#sport .tx{max-width:min(30rem,31vw)}
@media(max-width:800px),(max-aspect-ratio:1/1){.tx{padding:1.6rem 2.1rem;max-width:none}#sport .tx{max-width:none}.card{padding:1.6rem 2.1rem}.tb{padding:1.4rem 2rem}.ordr form{padding:1.6rem 2rem}.wh>div:first-child{padding:1.8rem 2.1rem}.fa{padding:.6rem 1.8rem}.pill{padding:.55rem 1.3rem}}

:root{--aventimg:url(../img/aventure-touareg.webp)}
#fog,#dr{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:40}#dr{z-index:41}.rm #fog,.rm #dr,.rm .slc{display:none}
#source h2{font-size:clamp(1.7rem,2.9vw,2.7rem)}#source .tx{max-width:32rem}#source .tx p{text-wrap:balance}
#lgw{left:24%;top:46%;width:min(30vw,440px);z-index:6;pointer-events:none}html[dir=rtl] #lgw{left:76%}
#design .stick{justify-content:flex-end}#design .tx{max-width:30rem;text-align:start}
#sp2{position:absolute;inset:0;background:#c98a3a var(--aventimg) var(--spx2,62%) 50%/cover no-repeat;opacity:0;transition:opacity .9s}#sp.s2 #sp2{opacity:1}
.fl{transition:opacity .7s}body.s2 .fl{opacity:0}
.sl-t{display:none}.sl-t.on{display:block}
.slc{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);display:flex;gap:.3rem;align-items:center;padding:.4rem .7rem;border-radius:999px;background:rgba(255,255,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7)}
.slc button{border:0;background:none;color:var(--ink);font:700 1.4rem/1 var(--hf);width:2.2rem;height:2.2rem;cursor:pointer;border-radius:50%;position:relative;padding:0}
.slc .dot::before{content:"";position:absolute;left:50%;top:50%;width:.6rem;height:.6rem;border-radius:999px;background:rgba(23,64,95,.35);transform:translate(-50%,-50%);transition:width .3s,background .3s}.slc .dot.on::before{width:1.5rem;background:var(--ink)}
#engagements.post{background:linear-gradient(90deg,rgba(243,248,252,0) 30%,rgba(243,248,252,.5) 100%),var(--pour) 28% 35%/cover no-repeat #9dbfe0}
.egt{max-width:34rem}.egl{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.5rem}.egl li{position:relative;padding-inline-start:2rem}
.egl li::before{content:"";position:absolute;inset-inline-start:.15rem;top:.5rem;width:.75rem;height:.75rem;background:var(--b);border-radius:50% 0 50% 50%;transform:rotate(-45deg)}
.egl h3{font:700 1.25rem var(--hf);margin:0 0 .2rem;color:var(--ink)}.egl p{margin:0;font-size:1.05rem;color:var(--ink)}
@media(max-width:800px),(max-aspect-ratio:1/1){
#lgw{left:50% !important;top:35%;width:min(66vw,340px)}#design .stick{justify-content:center}#design .tx{max-width:none}
#source .tx p{font-size:.95rem}.slc{bottom:auto;top:84px;left:auto;right:5vw;transform:none}
#engagements.post{background:linear-gradient(rgba(243,248,252,.55),rgba(243,248,252,.45)),var(--pour) 20% 50%/cover no-repeat #9dbfe0}.eg{justify-content:flex-start}
}
#sport h2,#design h2{font-size:clamp(1.5rem,2.7vw,2.5rem)}
@media(max-width:800px),(max-aspect-ratio:1/1){#sport h2,#design h2,#source h2{font-size:clamp(1.5rem,6.4vw,2.1rem)}}
.stick,#hero{height:100svh}
@supports(overflow:clip){body{overflow-x:clip}}
footer{background:linear-gradient(rgba(244,248,252,.28),rgba(244,248,252,.12)),var(--bgimg) 50% 100%/cover no-repeat #cfe0ef;color:var(--ink)}
footer h2,.cols h2{color:var(--ink)}footer .fa{background:rgba(255,255,255,.34);color:var(--ink);border-color:rgba(255,255,255,.75)}footer .fa details{border-bottom-color:rgba(23,64,95,.18)}footer .cta{background:var(--ink);color:#fff}footer hr{background:rgba(23,64,95,.2)}
#faq,#contact,#ou-trouver,#engagements{scroll-margin-top:90px}
a#lang{text-decoration:none;display:inline-block;line-height:1.4}