/* Générique (le nom du studio laisse voir les séries, on plonge dans la lettre) → Rideau (3 bandes vidéo, une par univers) → univers plein écran. Une seule police d'affiche : Anton. */
:root{--ink:#050405;--ink2:#0d0a0c;--paper:#f3ede6;--mute:rgba(243,237,230,.62);--line:rgba(243,237,230,.16);--red:#ff2b3a;
--disp:'Anton',Impact,'Arial Narrow',sans-serif;--body:'Hanken Grotesk',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body)}
body{overflow-x:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
video{display:block}
.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:gr .8s steps(4) infinite}
@keyframes gr{0%{background-position:0 0}50%{background-position:-50px 30px}100%{background-position:30px -40px}}
.top{position:fixed;z-index:60;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));pointer-events:none}
.top>*{pointer-events:auto}
.mark{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-size:22px;letter-spacing:.04em;text-transform:uppercase}
.mark svg{width:36px;height:18px}.mark polyline{fill:none;stroke:var(--red);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.mark b{color:var(--red);font-weight:400}
.nav{display:flex;align-items:center;gap:6px}
.nl{font-family:'Oswald',var(--disp);font-weight:500;font-size:15px;letter-spacing:.14em;text-transform:uppercase;padding:9px 11px;opacity:.85;border-bottom:1px solid transparent}
.nl:hover{opacity:1;border-color:var(--c,var(--red))}
.ent{display:flex;align-items:center;gap:8px;background:var(--red);color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;font-size:13px;white-space:nowrap}
.ent svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2}
.pill{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(5,4,5,.45);backdrop-filter:blur(8px)}
.pill:hover{background:var(--paper);color:var(--ink)}
.burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(5,4,5,.45)}
.burger i{display:block;width:16px;height:1.5px;background:var(--paper);margin:4px auto}
#menu{position:fixed;inset:0;z-index:75;background:rgba(5,4,5,.97);display:grid;align-content:center;gap:4px;padding:80px max(24px,env(safe-area-inset-left,0px)) 40px}
#menu button{text-align:left;font-family:var(--disp);font-size:clamp(34px,10vw,56px);line-height:1.1;text-transform:uppercase}
#menu button small{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--c,var(--red));margin-right:12px;vertical-align:middle}
#menu .x{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:16px;font-family:var(--mono);font-size:13px}
#open{position:relative;height:320vh}
#open .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#oc{position:absolute;inset:0;width:100%;height:100%}
.ocap{position:absolute;left:0;right:0;text-align:center;pointer-events:none;padding:0 16px}
.ocap.a{top:calc(86px + env(safe-area-inset-top,0px))}
.ocap.b{bottom:calc(22px + env(safe-area-inset-bottom,0px))}
.ocap small{font-family:var(--mono);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--mute)}
.ocap p{margin:0 auto;max-width:42ch;font-size:clamp(15px,1.4vw,19px);color:#e6ddd4}
.ocap .down{display:inline-block;margin-top:18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);animation:bob 1.6s infinite}
@keyframes bob{50%{transform:translateY(8px)}}
#univers{position:relative;height:100vh;height:100svh;overflow:hidden;background:#000}
.choose{position:absolute;z-index:3;left:0;right:0;top:calc(76px + env(safe-area-inset-top,0px));text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--mute);pointer-events:none}
.strips{position:absolute;inset:0;display:flex}
.strip{position:relative;flex:1 1 0;min-width:0;overflow:hidden;text-align:left;border-right:1px solid #000;transition:flex-grow .9s cubic-bezier(.7,0,.2,1),filter .6s;clip-path:inset(100% 0 0 0)}
#univers.in .strip{clip-path:inset(0 0 0 0);transition:flex-grow .9s cubic-bezier(.7,0,.2,1),filter .6s,clip-path 1.1s cubic-bezier(.7,0,.2,1)}
#univers.in .strip:nth-child(2){transition-delay:0s,0s,.12s}#univers.in .strip:nth-child(3){transition-delay:0s,0s,.24s}
.strip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.strip::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,5,.92) 6%,rgba(5,4,5,.1) 55%,rgba(5,4,5,.5))}
.strips:hover .strip{filter:grayscale(.85) brightness(.5)}
.strips .strip:hover,.strips .strip:focus-visible{flex-grow:2.3;filter:none}
.strip:hover video,.strip:focus-visible video{transform:scale(1)}
.strip .info{position:absolute;z-index:2;left:clamp(16px,2.6vw,40px);right:16px;bottom:clamp(40px,8vh,90px)}
.strip .n{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--c)}
.strip .nm{display:block;font-family:var(--disp);font-size:clamp(30px,3.7vw,80px);overflow-wrap:anywhere;line-height:.92;text-transform:uppercase;margin-top:8px}
.strip .tg{display:block;max-width:34ch;color:var(--mute);font-size:15px;line-height:1.45;margin-top:10px;opacity:0;transform:translateY(10px);transition:.5s}
.strip .sr{display:block;margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c);opacity:0;transition:.5s .1s}
.strip:hover .tg,.strip:focus-visible .tg,.strip:hover .sr,.strip:focus-visible .sr{opacity:1;transform:none}
.strip .badge{position:absolute;z-index:2;top:calc(110px + env(safe-area-inset-top,0px));left:clamp(16px,2.6vw,40px);font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:var(--red);color:#fff;padding:6px 10px}
.strip .bar{position:absolute;z-index:2;left:0;bottom:0;height:4px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .7s}
.strip:hover .bar,.strip:focus-visible .bar{transform:scaleX(1)}
#univers.pick .strip{filter:none}
#univers.pick .strip:not(.sel){flex-grow:.0001}
#univers.pick .strip.sel{flex-grow:100}
#univers.pick .strip .info,#univers.pick .choose{opacity:0;transition:opacity .3s}
.biz{position:relative;background:var(--ink);border-top:1px solid rgba(255,43,58,.3)}
.sba{padding:clamp(12px,2.5vh,28px) max(16px,6vw) clamp(40px,6vh,70px);display:grid;gap:22px;justify-items:center;text-align:center}
.biz .sba h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(26px,3vw,40px);line-height:1.05;margin:0;max-width:1000px}
.biz .sba h2 em{font-style:normal;color:var(--red,#e84545)}
.sba p{margin:0;max-width:640px;color:var(--mute);font-size:16px;line-height:1.55}
.sbav{position:relative;width:min(1100px,100%);aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.sbav video{width:100%;height:100%;display:block;object-fit:cover}
.sbap{position:absolute;inset:0;display:grid;place-items:end start;padding:clamp(12px,3vw,28px);background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.05));border:0;cursor:pointer;color:#fff}
.sbap span{font-weight:700;font-size:16px;padding:16px 26px;border-radius:999px;background:var(--red,#e84545);box-shadow:0 12px 40px -10px rgba(232,69,69,.7)}
.bhero{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:end;overflow:hidden}
.bhero .bbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.06);animation:kb 18s ease-in-out infinite alternate}
.bhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,5,.94) 8%,rgba(5,4,5,.55) 55%,rgba(5,4,5,.2)),linear-gradient(0deg,var(--ink) 2%,transparent 40%)}
.btxt{position:relative;z-index:2;padding:clamp(150px,19vh,200px) max(16px,6vw) clamp(24px,4vh,44px);display:grid;gap:18px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--red)}
.biz h2,.after h2{margin:4px 0 0;font-family:var(--disp);font-weight:400;font-size:clamp(48px,7.4vw,124px);line-height:1;text-transform:uppercase;max-width:14ch}
.biz h2 em,.after h2 em{font-style:normal;color:var(--red)}
.lede{margin:0;max-width:56ch;color:#ddd4cb;font-size:clamp(15px,1.3vw,18px);line-height:1.6}
.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#000;padding:0}
.oc{position:relative;min-height:min(92vh,820px);overflow:hidden;display:grid;align-content:end;isolation:isolate}
.oc .om{position:absolute;inset:0;z-index:-1}
.oc .om img,.oc .om video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.75);transform:scale(1.05);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .6s}
.oc:hover .om img,.oc:hover .om video{transform:scale(1);filter:none}
.oc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,4,5,.97) 22%,rgba(5,4,5,.35) 60%,rgba(5,4,5,.2))}
.oc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .7s}
.oc:hover::after,.oc.hot::after{transform:scaleX(1)}
.ot{padding:clamp(22px,3vw,40px);display:grid;gap:12px}
.ot small{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.ot h3{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(34px,3.4vw,58px);line-height:.95;text-transform:uppercase}
.ot p{margin:0;color:#e2d9cf;line-height:1.55;font-size:15px;max-width:40ch}
.ot ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px;color:var(--mute)}
.ot li::before{content:"— ";color:var(--red)}
.olink{justify-self:start;margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(5,4,5,.5)}
.olink:hover,.oc.hot .olink{background:var(--red);border-color:var(--red);color:#fff}
.oc .om.live{animation:kb 16s ease-in-out infinite alternate}
.oc .om.live::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 30% 22% at 52% 50%,rgba(120,170,255,.35),transparent 70%);mix-blend-mode:screen;animation:scr 3.2s steps(1) infinite,glow 5s ease-in-out infinite}
.oc .om.live::before{content:"";position:absolute;inset:-20% 0 auto;height:40%;pointer-events:none;z-index:1;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05),transparent);animation:rain 2.4s linear infinite}
@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-1.5%,1%)}}
@keyframes glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes scr{0%{filter:none}37%{filter:brightness(1.6)}39%{filter:none}71%{filter:brightness(1.3)}72%{filter:none}}
@keyframes rain{to{transform:translateY(350%)}}
@media (prefers-reduced-motion:reduce){.oc .om.live,.oc .om.live::after,.oc .om.live::before{animation:none}}
@media (max-width:860px){.offers{grid-template-columns:1fr}.oc{min-height:78vh}}
/* Ça cloche · vitrine */
.ccs{--y:#ffd84d;position:relative;background:linear-gradient(180deg,#050405,#0b0a0c 30%,#050405);padding:clamp(80px,12vh,130px) 0 clamp(70px,10vh,110px);border-top:1px solid rgba(255,216,77,.18);overflow:hidden}
.ccs::before{content:"";position:absolute;left:50%;top:-20vh;width:120vw;height:70vh;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(255,216,77,.10),transparent 62%);pointer-events:none}
.ccw{position:relative;padding:0 max(16px,6vw)}
.cch{display:grid;gap:16px;max-width:1100px}
.cch .eyebrow{color:var(--y)}
.ccs h2{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(46px,7vw,118px);line-height:.92;text-transform:uppercase;max-width:15ch}
.ccs h2 em{font-style:normal;color:var(--y)}
.ccfacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ccfacts span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border:1px solid rgba(255,216,77,.28);border-radius:999px;color:#efe6cf}
.ccfacts b{color:var(--y);font-weight:700}
.ccplayer{margin-top:clamp(36px,6vh,60px)}
.cctabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.cctabs button,.ccseason button{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:11px 16px;border-radius:999px;border:1px solid var(--line);color:var(--mute)}
.cctabs button[aria-pressed=true],.ccseason button[aria-pressed=true]{background:var(--y);border-color:var(--y);color:#111}
.ccscreen{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 40px 120px -30px rgba(255,216,77,.22),0 0 0 1px rgba(255,216,77,.16)}
.ccscreen video{width:100%;height:100%;object-fit:cover}
.ccplay{position:absolute;inset:0;display:grid;place-items:end start;padding:clamp(16px,3vw,32px);background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 60%)}
.ccplay span{display:flex;align-items:center;gap:12px;background:var(--y);color:#111;font-weight:700;font-size:15px;padding:16px 24px;border-radius:999px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.ccplay:hover span{transform:scale(1.04)}
.ccplay[hidden]{display:none}
.cct{margin:clamp(70px,11vh,110px) 0 18px;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px}
.cct h3{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(34px,4.4vw,70px);line-height:.95;text-transform:uppercase}
.cct h3 em{font-style:normal;color:var(--y)}
.cct p{margin:0;color:var(--mute);max-width:46ch;line-height:1.55}
.ccsteps{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(16px,6vw);padding:4px 0 18px;scrollbar-width:thin}
.ccsteps::before,.ccsteps::after{content:"";flex:0 0 max(2px,calc(6vw - 14px))}
.ccstep{flex:0 0 clamp(260px,24vw,380px);scroll-snap-align:start;display:grid;gap:12px;align-content:start}
.ccstep figure{margin:0;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111}
.ccstep img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .8s}
.ccstep:hover img{transform:scale(1.05)}
.ccstep b{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--y)}
.ccstep h4{margin:0;font-family:var(--disp);font-weight:400;font-size:26px;text-transform:uppercase;line-height:1}
.ccstep p{margin:0;color:var(--mute);font-size:14px;line-height:1.5}
.ccseason{display:flex;flex-wrap:wrap;gap:8px}
.ccgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ccm{position:relative;text-align:left;display:grid;align-content:end;min-height:340px;border-radius:12px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.07)}
.ccm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.7,.2,1);filter:saturate(.9)}
.ccm::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,6,8,.97) 30%,rgba(6,6,8,.55) 62%,rgba(6,6,8,.08))}
.ccm:hover img{transform:scale(1.06)}
.ccm .in{padding:18px;display:grid;gap:8px}
.ccm small{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--y)}
.ccm strong{font-family:var(--disp);font-weight:400;font-size:28px;line-height:1;text-transform:uppercase}
.ccm .tr{color:#e2d9cf;font-size:13.5px;line-height:1.45}
.ccm .cas{font-size:12.5px;color:var(--mute);border-top:1px solid rgba(255,255,255,.12);padding-top:8px}
.ccm .free,.ccm .lock{justify-self:start;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:6px 11px}
.ccm .free{color:#06210f;background:#3ddc84;box-shadow:0 6px 22px -6px rgba(61,220,132,.7)}
.ccm .lock{color:#f3ede6;background:rgba(6,6,8,.72);border:1px solid rgba(243,237,230,.28)}
.ccm.is-free{border:2px solid #3ddc84}
.ccm.is-free .go{border-color:#3ddc84;color:#3ddc84}
.ccm.is-locked{cursor:default}
.ccm.is-locked .tr,.ccm.is-locked strong{opacity:.85}
.cclk{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:9999;display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:14px 16px 14px 20px;border-radius:14px;background:#111;border:1px solid rgba(255,216,77,.4);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);color:#f3ede6;font-size:15px}
.cclk b{font-weight:700}
.cclk button{font:inherit;font-weight:700;border-radius:999px;padding:10px 16px;cursor:pointer}
.cclk .cd{display:inline-block;background:#ffd84d;color:#111;border:0}
.cclk .cx{background:none;border:1px solid rgba(243,237,230,.3);color:inherit}
.ccm .cas i{font-style:normal;color:var(--y)}
.ccm .go{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:rgba(6,6,8,.7);border:1px solid rgba(255,216,77,.4);color:var(--y);opacity:0;transform:translateY(-4px);transition:.3s}
.ccm:hover .go,.ccm:focus-visible .go{opacity:1;transform:none}
.ccend{margin-top:clamp(50px,8vh,80px);display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.big.y{background:var(--y);color:#111}
@media (max-width:1100px){.ccgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ccgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * max(16px,6vw));padding:0 max(16px,6vw) 12px;scroll-padding-left:max(16px,6vw)}.ccm{flex:0 0 82vw;scroll-snap-align:start;min-height:360px}.ccplay span{padding:11px 16px;font-size:13px}.ccm .go{opacity:1;transform:none}.ccstep{flex-basis:78vw}}
#bk{position:fixed;z-index:96;left:max(14px,env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;border-radius:999px;background:rgba(5,4,5,.82);border:1.5px solid var(--red);color:#fff;backdrop-filter:blur(10px);box-shadow:0 8px 30px rgba(0,0,0,.5)}
#bk:hover{background:var(--red)}
#bk[hidden]{display:none}
body.ovl .top .mark{visibility:hidden}
#ccx .bar{padding-left:max(220px,calc(env(safe-area-inset-left,0px) + 220px))}
@media (max-width:560px){#ccx .bar{padding-left:14px;padding-top:calc(64px + env(safe-area-inset-top,0px))}}
#ccu .ccs{padding-top:calc(80px + env(safe-area-inset-top,0px))}
#ccu{position:fixed;inset:0;z-index:62;overflow-y:auto;background:var(--ink);opacity:0;pointer-events:none;transition:opacity .45s}
#ccu.on{opacity:1;pointer-events:auto}
#ccu .ccs{min-height:100%}
#ccx{position:fixed;inset:0;z-index:90;background:#050405;display:grid;grid-template-rows:auto 1fr}
#ccx[hidden]{display:none}
#ccx .bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(255,216,77,.2);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffd84d}
#ccx .bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ccx .bar .pill{flex:none}
#ccx iframe{width:100%;height:100%;border:0;background:#0b0d12}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.big{font-weight:600;font-size:15px;padding:15px 24px;border-radius:999px;background:var(--red);color:#fff}
.big.o{background:none;border:1px solid var(--line)}
a.big{text-decoration:none;display:inline-block}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.ocap p.pitch{font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(18px,2.1vw,30px);line-height:1.05;color:#fff;max-width:44ch;margin-bottom:8px}
.cctrust{margin:clamp(36px,6vh,60px) 0 28px;display:grid;gap:14px}
.cctk{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--red)}
.cctg{display:grid;grid-template-columns:1.9fr repeat(4,minmax(0,1fr));gap:10px}
.cti{position:relative;display:flex;gap:12px;align-items:flex-start;padding:16px 16px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.09);transition:border-color .3s,transform .3s}
.cti:hover{border-color:rgba(255,43,58,.45);transform:translateY(-2px)}
.tic{display:grid;place-items:center;background:rgba(255,43,58,.12);border:1px solid rgba(255,43,58,.35)}
.tic svg{fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cti .tic{flex:none;width:34px;height:34px;border-radius:10px;margin:0}
.cti .tic svg{width:18px;height:18px}
.cti small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:3px}
.cti b{display:block;font-family:var(--disp);font-weight:400;font-size:clamp(20px,1.7vw,26px);line-height:1;color:#fff;text-transform:uppercase}
.cti p{margin:5px 0 0;font-size:12.5px;line-height:1.45;color:#cfc6bd}
.cti.big{background:radial-gradient(80% 90% at 90% 10%,rgba(255,43,58,.22),transparent 70%),linear-gradient(160deg,#1a0d0e,#0b0909 70%);border-color:rgba(255,43,58,.35)}
.cti.big p{font-size:13px;color:#e2d9cf}
@media (max-width:1100px){.cctg{grid-template-columns:repeat(2,minmax(0,1fr))}.cti.big{grid-column:1/-1}}
@media (max-width:520px){.cti{flex-direction:column;gap:8px;padding:14px}.cti.big{flex-direction:row}}
.sbl,.sbt,.sbtag{display:none}
.sbav.loop .sbl{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.95)}
.sbav.loop .sbt{display:grid;position:absolute;left:0;right:0;top:22%;padding:clamp(10px,2.2vw,26px) 16px;gap:clamp(4px,.8vw,10px);justify-items:center;background:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 18%,rgba(0,0,0,.55) 82%,transparent);pointer-events:none}
.sbt b{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(34px,8.4vw,112px);line-height:.9;color:#f2f2f2;letter-spacing:.01em;text-shadow:0 4px 20px rgba(0,0,0,.6)}
.sbt b em{font-style:normal;color:var(--red,#e84545);text-shadow:0 0 28px rgba(232,69,69,.75),0 4px 20px rgba(0,0,0,.6)}
.sbt span{font-family:'Oswald',var(--disp);text-transform:uppercase;font-weight:600;font-size:clamp(13px,2.7vw,36px);letter-spacing:.02em;color:#d9d9d9;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.sbav.loop .sbtag{display:block;position:absolute;top:clamp(10px,2vw,20px);right:clamp(10px,2vw,20px);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(232,69,69,.9);padding:6px 10px;border-radius:6px;pointer-events:none}
@media (max-width:600px){.sbav.loop .sbt{top:10%}.sbav.loop .sbtag{display:none}.sbav.loop .sbap span{padding:9px 15px;font-size:13px}.sbav.loop .sbap{padding:10px}}
.soc{padding:clamp(56px,9vh,96px) max(16px,6vw);border-top:1px solid var(--line);background:radial-gradient(60% 120% at 0% 0%,rgba(255,43,58,.12),transparent 60%),#070606}
.socw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1400px;margin:0 auto}
.soch{display:grid;gap:12px}
.soch h2{margin:0;font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(36px,4.4vw,64px);line-height:.95}
.soch h2 em{font-style:normal;color:var(--red)}
.soch p{margin:0;color:#cfc6bd;font-size:15.5px;line-height:1.55;max-width:36ch}
.socl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.socl a{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;text-decoration:none;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.09);transition:transform .3s,border-color .3s,box-shadow .3s}
.socl svg{flex:none;width:30px;height:30px;fill:#fff;transition:fill .3s}
.socl span{display:grid;gap:3px;min-width:0}
.socl b{font-size:15px;font-weight:700}
.socl small{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.socl a:hover,.socl a:focus-visible{transform:translateY(-3px);border-color:var(--b);box-shadow:0 16px 40px -22px var(--b)}
.socl a:hover svg,.socl a:focus-visible svg{fill:var(--b)}
@media (max-width:900px){.socw{grid-template-columns:1fr}.socl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.socl a{padding:14px;gap:10px}.socl svg{width:24px;height:24px}}
.ser h2.acc{margin-top:.3em}.sxt h1.acc{margin-top:.32em}
video:fullscreen,video:-webkit-full-screen{object-fit:contain!important;transform:none!important;filter:none!important;background:#000!important}
.top::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(78px + env(safe-area-inset-top,0px));background:linear-gradient(rgba(6,5,5,.92),rgba(6,5,5,.72));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);opacity:0;transition:opacity .3s;z-index:-1;pointer-events:none}
.top.sc::before{opacity:1}
.mailnote{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.after{padding:clamp(36px,6vh,64px) max(16px,6vw) 100px;display:grid;gap:24px}
.ctl{display:grid;gap:24px;align-content:center}
.cmos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cmos button{position:relative;display:block;padding:0;border:1px solid #2a2523;border-radius:10px;overflow:hidden;background:#111;cursor:pointer;aspect-ratio:16/9}
.cmos .big1{grid-column:1/-1}
.cmos img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) brightness(.8);transition:transform .5s,filter .3s}
.cmos span{position:absolute;left:12px;bottom:10px;font-family:var(--disp);font-size:clamp(16px,1.5vw,22px);text-transform:uppercase;color:#f3ede6;text-shadow:0 2px 10px #000}
.cmos button:hover img,.cmos button:focus-visible img{transform:scale(1.05);filter:none}
.cmos button:hover{border-color:var(--red)}
@media(min-width:720px){.after h2{font-size:clamp(40px,5.4vw,104px);max-width:none}.after{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,4vw,72px);align-items:stretch}.ctl{padding-top:clamp(8px,2vh,24px)}.cmos{grid-template-rows:1.6fr 1fr 1fr;min-height:0}.cmos button{aspect-ratio:auto;min-height:0}.cmos img{position:absolute;inset:0}}
.mail{font-family:var(--mono);font-size:14px;border-bottom:1px solid var(--red);padding-bottom:4px;user-select:all}
#uv{position:fixed;inset:0;z-index:50;overflow-y:auto;background:var(--ink);opacity:0;pointer-events:none;transition:opacity .45s}
#uv.on{opacity:1;pointer-events:auto}
#uv .hero{position:relative;height:100vh;height:100svh;overflow:hidden;display:grid;align-content:end}
#uv .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#uv .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 2%,rgba(5,4,5,.2) 50%,rgba(5,4,5,.5))}
#uv .ht{position:relative;z-index:2;padding:0 max(16px,6vw) clamp(60px,12vh,120px)}
#uv .ht small{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--c)}
#uv .ht h1{margin:10px 0 14px;font-family:var(--disp);font-weight:400;font-size:clamp(70px,14vw,240px);line-height:.85;text-transform:uppercase}
#uv .ht p{margin:0;max-width:52ch;font-size:clamp(16px,1.5vw,20px);line-height:1.5;color:#ddd4cb}
#uv .uback{position:fixed;z-index:61;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}
#uv .list{padding:clamp(40px,8vh,90px) max(16px,6vw) 60px;display:grid;gap:clamp(56px,10vh,120px)}
.ser{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,60px);align-items:center}
.ser:nth-child(even) .sv{order:2}
.ser .sv{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}
.ser .sv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ser .sv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:kb 14s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14) translateY(-3%)}}
.ser:hover .sv video{transform:scale(1.04)}
.ser .sv .tag{position:absolute;z-index:2;left:12px;top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:rgba(0,0,0,.65);padding:5px 8px}
.ser small{font-family:var(--mono);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--c)}
.ser h2{margin:10px 0 14px;font-family:var(--disp);font-weight:400;font-size:clamp(44px,6vw,104px);line-height:.9;text-transform:uppercase}
.ser p{margin:0 0 20px;color:#d7cec5;line-height:1.6;max-width:44ch}
.ser .btn{display:inline-flex;align-items:center;margin:0 10px 10px 0}
.btn{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:12px 18px;border-radius:999px;background:var(--c);color:#0b0708}
.soon{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:11px 16px;border-radius:999px;border:1px solid var(--line)}
.uend{padding:40px max(16px,6vw) 140px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
#lb{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.94);display:grid;place-items:center;padding:60px 14px 20px}
#lb video{max-width:min(1150px,96vw);max-height:80vh;background:#000}
#lb .pill{position:fixed;top:14px;right:14px}
[hidden]{display:none!important}
@media (max-width:980px){.nl{display:none}}
@media (max-width:760px){
  .burger{display:block}.ent span{display:none}.ent{padding:10px 12px}.top .pill{display:none}
  .strips{flex-direction:column}.strip{border-right:0;border-bottom:1px solid #000}
  .strip .nm{font-size:40px}.strip .info{bottom:16px}.strip .tg,.strip .sr{display:none}
  .strip .badge{top:auto;bottom:74px}
  .choose{top:calc(70px + env(safe-area-inset-top,0px))}
  .ser{grid-template-columns:1fr}.ser:nth-child(even) .sv{order:0}
}
@media (prefers-reduced-motion:reduce){.grain,.ocap .down{animation:none}}
/* Pied de page et informations légales */
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:28px max(16px,6vw) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.foot .fm{display:flex;align-items:center;gap:10px}.foot svg{width:28px;height:14px}.foot polyline{fill:none;stroke:var(--red);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot nav button{font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--paper);padding:6px 0;border-bottom:1px solid var(--line)}
.foot nav button:hover{border-color:var(--red)}
.mfoot{display:grid;gap:18px;justify-items:center;padding:44px max(16px,6vw) calc(40px + env(safe-area-inset-bottom,0px));margin-top:48px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:center}
.mfoot .mft{font-family:var(--disp);font-size:20px;letter-spacing:.02em;color:var(--paper)}
.mfs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0}
.mfs a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);transition:background .25s,border-color .25s}
.mfs a:hover,.mfs a:focus-visible{background:var(--b);border-color:var(--b)}
.mfs svg{width:19px;height:19px;fill:#fff}
.mfoot nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px}
.mfoot nav button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--paper);padding:6px 0;border-bottom:1px solid var(--line)}
.mfoot nav button:hover{border-color:var(--red)}
#legal{position:fixed;inset:0;z-index:64;overflow-y:auto;background:var(--ink);opacity:0;pointer-events:none;transition:opacity .35s}
#legal.on{opacity:1;pointer-events:auto}
.lg{max-width:780px;margin:0 auto;padding:calc(96px + env(safe-area-inset-top,0px)) max(16px,6vw) 120px}
.lg h2{margin:0 0 6px;font-family:var(--disp);font-weight:400;font-size:clamp(44px,7vw,84px);line-height:.92;text-transform:uppercase}
.lg h2 em{font-style:normal;color:var(--red)}
.lg .upd{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 40px}
.lg section{padding:28px 0;border-top:1px solid var(--line)}
.lg h3{margin:0 0 12px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.lg p,.lg li{margin:0 0 10px;color:#ddd4cb;font-size:16px;line-height:1.65;max-width:62ch}
.lg ul{margin:0;padding-left:18px}
.lg dl{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:8px 20px;margin:0}
.lg dt{color:var(--mute);font-size:14px;padding-top:2px}
.lg dd{margin:0;color:var(--paper);font-size:16px}
.lg .todo{color:var(--ink);background:#ffd84d;padding:1px 6px;border-radius:3px;font-weight:600}
.lg .wipe{margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:12px 18px;border-radius:999px;border:1px solid var(--red);color:#fff}
.lg .wipe:hover{background:var(--red)}
.lg .ok{display:block;margin-top:10px;font-size:14px;color:#7fd6a0}
.lg #lg-p{scroll-margin-top:80px}
@media (max-width:560px){.lg dl{grid-template-columns:1fr;gap:2px}.lg dd{margin-bottom:10px}}

.btn.o{background:transparent;color:var(--paper);border:1px solid var(--c)}
.btn.o:hover{background:var(--c);color:#0b0708}
/* ===== Univers de série (immersion) ===== */
#sx{position:fixed;inset:0;z-index:62;overflow-y:auto;overflow-x:hidden;background:#050405;opacity:0;pointer-events:none;transition:opacity .5s;--c:#ff2b3a}
#sx.on{opacity:1;pointer-events:auto}
.sxh{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;display:grid;align-items:end}
.sxh .bgv{position:absolute;inset:0}
.sxh .bgv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s;transform:scale(1.06);animation:kb 16s ease-in-out infinite alternate}
.sxh .bgv video.on{opacity:1}
.sxh::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050405 4%,rgba(5,4,5,.35) 45%,rgba(5,4,5,.15)),linear-gradient(90deg,rgba(5,4,5,.85),rgba(5,4,5,0) 65%);pointer-events:none}
.sxt{position:relative;z-index:2;padding:0 max(16px,6vw) clamp(24px,4vh,44px);display:grid;gap:16px;max-width:1100px}
.sxt small{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--c)}
.sxt h1{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(72px,15vw,240px);line-height:.84;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 10px 60px rgba(0,0,0,.6)}
.sxt p{margin:0;max-width:52ch;font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:#e8dfd6}
.sxmeta{display:flex;flex-wrap:wrap;gap:8px}
.sxmeta span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#ddd4cb;background:rgba(5,4,5,.4);backdrop-filter:blur(6px)}
.sxcta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.sxcta .big{display:inline-flex;align-items:center;gap:10px}
.sxs{padding:clamp(70px,11vh,120px) max(16px,6vw) 0}
.sxs h2{margin:0 0 8px;font-family:var(--disp);font-weight:400;font-size:clamp(40px,5.6vw,92px);line-height:.92;text-transform:uppercase}
.sxs h2 em{font-style:normal;color:var(--c)}
#sx-eps{padding-top:clamp(20px,3vh,36px)}
.soonyt{display:inline-flex;align-items:center;gap:9px;font-family:var(--body);font-size:15px;font-weight:700;letter-spacing:.01em;padding:12px 20px;border-radius:999px;background:#ff2b3a;color:#fff;box-shadow:0 10px 30px -10px rgba(255,43,58,.7)}
.soonyt b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#ff2b3a;font-size:10px}
.sxe .th .yt-tag{position:absolute;left:12px;top:12px;z-index:2;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:999px;background:#ff2b3a;color:#fff}
.sxe.wide{grid-column:1/-1}
.sxe .th img{object-fit:cover;object-position:50% 50%}
.sxv .vv{position:relative}
.sxv .yt-tag{position:absolute;left:10px;top:10px;z-index:2;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:#ff2b3a;color:#fff}
.sxs .sub{margin:0 0 30px;color:var(--mute);max-width:56ch;line-height:1.55}
.sxeps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.sxe{position:relative;display:grid;gap:14px}
.sxe .th{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#111;cursor:pointer;border:1px solid rgba(255,255,255,.06)}
.sxe .th img,.sxe .th video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sxe .th video{opacity:0}
.sxe .th.pl video{opacity:1}
.sxe .th:hover img,.sxe .th:hover video{transform:scale(1.04)}
.sxe .th .pb{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:rgba(5,4,5,.75);border:1px solid rgba(255,255,255,.18);padding:9px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.sxe .th:hover .pb{background:var(--c);border-color:var(--c);color:#fff}
.sxe .th .pb{left:50%!important;top:50%!important;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.sxe .th:hover .pb{opacity:1}@media (hover:none){.sxe .th .pb{opacity:1}}
.sxe .num{position:absolute;right:14px;top:6px;font-family:var(--disp);font-size:clamp(60px,7vw,110px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.7);pointer-events:none;text-shadow:0 6px 30px rgba(0,0,0,.5)}
.sxe .in{display:grid;gap:8px}
.sxe .in small{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.sxe h3{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(28px,2.6vw,42px);line-height:.98;text-transform:uppercase}
.sxe p{margin:0;color:#d7cec5;line-height:1.55;font-size:15px;max-width:58ch}
.sxe .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.sxe .acts button,.sxe .acts a{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:11px 15px;border-radius:999px;border:1px solid var(--line);color:var(--paper);text-decoration:none}
.sxe .acts .r{background:var(--c);border-color:var(--c);color:#fff}
.sxe .acts .yt[aria-disabled=true]{opacity:.55;cursor:default}
.sxrow{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(16px,6vw) 16px;margin:0 calc(-1 * max(16px,6vw));scroll-padding-left:max(16px,6vw);scrollbar-width:thin}
.sxv{flex:0 0 clamp(170px,15vw,230px);scroll-snap-align:start;display:grid;gap:10px;text-align:left}
.sxv .vv{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.06)}
.sxv img,.sxv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sxv video{opacity:0;transition:opacity .4s}.sxv .vv.pl video{opacity:1}
.sxv .vv::after{content:"▶";position:absolute;left:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(5,4,5,.7);font-size:12px}
.sxv:hover .vv::after{background:var(--c)}
div.sxv .vv::after{display:none}
.sxv b{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.sxv span{font-size:14px;color:#e2d9cf;line-height:1.35}
.sxaff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sxaff button{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:16/9;background:#111;border:1px solid rgba(255,255,255,.06)}
.sxaff button.tall{grid-row:span 2;aspect-ratio:auto}
.sxaff img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}
.sxaff button:hover img{transform:scale(1.05)}
.sxnar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,60px);align-items:center}
.sxnar .nv{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px}
.sxnar .nv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sxnar blockquote{margin:0;font-family:var(--disp);font-size:clamp(30px,3.6vw,58px);line-height:1;text-transform:uppercase}
.sxnar blockquote em{font-style:normal;color:var(--c)}
.sxnar p{color:var(--mute);line-height:1.6;max-width:46ch}
.sxend{padding:clamp(80px,12vh,130px) max(16px,6vw) clamp(70px,10vh,110px);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:clamp(70px,11vh,120px)}
.sxend h3{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(30px,3.4vw,54px);text-transform:uppercase;line-height:1}
#vx{position:fixed;inset:0;z-index:92;background:rgba(0,0,0,.95);display:grid;place-items:center;padding:70px 14px 20px}
#vx[hidden]{display:none}
#vx video{max-width:min(1200px,96vw);max-height:82vh;background:#000;border-radius:6px}
#vx img{max-width:96vw;max-height:84vh;border-radius:6px}
@media (max-width:860px){.sxeps{grid-template-columns:1fr}.sxaff{grid-template-columns:repeat(2,minmax(0,1fr))}.sxnar{grid-template-columns:1fr}}
/* bouton retour global : réglages finaux */
#uvb{display:none}
#ccx .bar{min-height:62px;padding-left:230px}
@media (max-width:700px){#ccx .bar{padding-left:14px}#ccx .bar span,#ccx .bar .pill{display:none}body.ovl .top{display:none}#bk{font-size:11px;padding:11px 15px}}
#sx .sxobj{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,56px);align-items:center}
#sx .sxobj model-viewer{width:100%;height:min(68vh,560px);background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--c) 22%,transparent),transparent 62%);--poster-color:transparent;border-radius:18px;outline:none}
#sx .sxobj .objk{display:block;font-family:var(--mono,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-bottom:12px}
#sx .sxobj .objh{opacity:.55;font-size:14px;margin-top:14px}
@media (max-width:760px){#sx .sxobj{grid-template-columns:1fr}#sx .sxobj model-viewer{height:380px}}
#sx .mvw{position:relative}
#sx .mvw .mvp{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .4s;pointer-events:none}
#sx .mvw.fb .mvp{opacity:1}#sx .mvw.fb model-viewer{visibility:hidden}
#sx .mvbar{position:absolute;left:20%;right:20%;bottom:14px;height:2px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}
#sx .mvbar i{display:block;height:100%;width:0;background:var(--c);transition:width .3s}
#sx .mvw.ok .mvbar,#sx .mvw.fb .mvbar{display:none}#sx .mvw.ok .mverr{display:none}
#sx .mverr{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--mute)}