/* Polices : déposez vos fichiers dans /fonts (Anton, GreatLakesNF). Sinon : repli sur Impact. */
@font-face{font-family:"Anton";src:local("Anton"),url("../fonts/Anton-Regular.woff2") format("woff2"),url("../fonts/Anton-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Anton SC";src:local("Anton SC"),url("../fonts/AntonSC-Regular.woff2") format("woff2"),url("../fonts/AntonSC-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"GreatLakesNF";src:local("GreatLakesNF"),url("../fonts/GreatLakesNF.woff2") format("woff2"),url("../fonts/GreatLakesNF.ttf") format("truetype");font-display:swap}
:root{--bg:#000;--bg2:#0b0b0b;--line:#222;--fg:#fff;--mute:#9a9a9a;--g:#15FF00;
--display:"Anton",Impact,"Arial Narrow Bold",sans-serif;--sc:"Anton SC","Anton",Impact,sans-serif;--hand:"GreatLakesNF","Anton",Impact,sans-serif;
--body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:80px;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;margin:0 0 .5em}
h1{font-size:clamp(3rem,10vw,8rem)}h2{font-size:clamp(2rem,5vw,3.4rem)}h3{font-size:1.5rem}
.g{color:var(--g)}.mute{color:var(--mute)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.nav img{height:38px;display:block}
nav a{font-family:var(--sc);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;margin-left:26px;font-size:.95rem;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{border-color:var(--g);color:var(--g)}
.btn{display:inline-block;font-family:var(--sc);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border:2px solid var(--g);background:var(--g);color:#000;padding:13px 28px;cursor:pointer;font-size:1rem;transition:.15s}
.btn:hover{background:transparent;color:var(--g)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--fg)}.btn.ghost:hover{border-color:var(--g);color:var(--g)}
.btn[disabled]{opacity:.45;cursor:not-allowed;background:transparent;color:var(--mute);border-color:var(--line)}
.hero{min-height:82vh;display:flex;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 70% 40%,rgba(21,255,0,.10),transparent 60%),#000}
.hero .tag{font-family:var(--hand);color:var(--g);font-size:1.8rem;margin:0 0 8px}
.hero p.lead{max-width:560px;color:#cfcfcf;font-size:1.1rem;margin:18px 0 30px}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
section{padding:84px 0;border-bottom:1px solid var(--line)}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:var(--bg2);border:1px solid var(--line);transition:.2s;display:flex;flex-direction:column}
.card:hover{border-color:var(--g);transform:translateY(-3px)}
.thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#111,#000);display:grid;place-items:center;font-family:var(--display);color:#2b2b2b;font-size:2.2rem;border-bottom:1px solid var(--line);text-transform:uppercase;text-align:center;padding:10px}
.card .in{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .meta{font-family:var(--sc);color:var(--g);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.price{font-family:var(--display);font-size:1.5rem}
.split{display:grid;gap:40px;grid-template-columns:1.1fr 1fr;align-items:center}
.poster{aspect-ratio:3/4;border:1px solid var(--g);display:grid;place-items:center;background:#050505;font-family:var(--display);font-size:2.4rem;text-align:center;text-transform:uppercase;padding:20px;box-shadow:0 0 60px rgba(21,255,0,.15)}
.page-head{padding:90px 0 40px;border-bottom:1px solid var(--line)}
.legal{max-width:820px;padding:50px 24px 90px;margin:0 auto}
.legal h2{font-size:1.7rem;margin-top:1.8em;color:var(--g)}
.legal p,.legal li{color:#d6d6d6}
.ph{background:rgba(21,255,0,.12);color:var(--g);padding:0 4px}
.video{aspect-ratio:16/9;border:1px solid var(--line);display:grid;place-items:center;background:#050505;color:var(--mute)}
ul.f{padding-left:1.1em}ul.f li{margin:.35em 0}
footer{padding:50px 0 30px;color:var(--mute);font-size:.9rem}
.fgrid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}
footer a{display:block;text-decoration:none;padding:3px 0}footer a:hover{color:var(--g)}
footer img{height:34px}
#ck{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:620px;background:#0b0b0b;border:1px solid var(--g);padding:18px;z-index:50;display:none}
#ck .b{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}#ck .btn{padding:9px 18px;font-size:.9rem}
@media(max-width:760px){nav a{margin-left:14px;font-size:.8rem}.split{grid-template-columns:1fr}.nav img{height:30px}nav .hide{display:none}}

.nav .right{display:flex;align-items:center}
.lang{display:flex;align-items:center;gap:4px;margin-left:26px;font-family:var(--sc);font-size:.9rem;letter-spacing:.08em}
.lang a{margin:0;padding:3px 8px;border:1px solid var(--line);text-decoration:none}
.lang a.on{color:#000;background:var(--g);border-color:var(--g)}
.lang a:not(.on):hover{border-color:var(--g);color:var(--g)}
.lang span{display:none}
@media(max-width:760px){.nav{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;row-gap:8px}.nav .right{width:100%;justify-content:space-between}.lang{margin-left:8px}nav a:first-child{margin-left:0}}