/* 11Simulator · accueil cinématique */
.cine{position:relative;height:520vh;background:#05080f;color:#fff;margin:0 calc(50% - 50vw);width:100vw}
.cine-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.cine-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cine-poster{position:absolute;inset:0;background:#05080f url(/assets/art/hero-stadium.webp) center/cover;opacity:.9}
.cine-live .cine-poster{animation:cineFadeOut 1.2s .6s ease forwards}
@keyframes cineFadeOut{to{opacity:0;visibility:hidden}}
.cine-flash{position:absolute;inset:0;background:radial-gradient(circle at 60% 30%,#fff,#e9f1ff 60%,#cfdcf5);opacity:0;pointer-events:none}
.cine-fog{position:absolute;inset:-10%;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,rgba(230,238,250,.95),transparent 60%),radial-gradient(ellipse at 75% 60%,rgba(210,222,245,.9),transparent 55%),rgba(190,205,230,.6);filter:blur(30px)}
.cine-stage::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--plunge,0);pointer-events:none}
.cine-bokeh{position:absolute;inset:-5%;pointer-events:none;filter:blur(14px);opacity:.55;background:radial-gradient(circle at 12% 80%,rgba(155,229,100,.35) 0 3%,transparent 4%),radial-gradient(circle at 88% 20%,rgba(140,180,255,.35) 0 4%,transparent 5%),radial-gradient(circle at 70% 90%,rgba(255,255,255,.25) 0 2.5%,transparent 3.5%);animation:bokeh 18s ease-in-out infinite alternate}
@keyframes bokeh{to{transform:translate3d(-3%,-4%,0) scale(1.08)}}
.cine-cap{position:absolute;left:clamp(1.2rem,7vw,7rem);bottom:clamp(5rem,18vh,11rem);max-width:min(560px,86vw);opacity:0;will-change:opacity,transform;pointer-events:none}
.cine-cap.on{pointer-events:auto}
.cine-cap small{display:block;font:500 .7rem/1 Inter,system-ui,sans-serif;letter-spacing:.38em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:1rem}
.cine-cap p{margin:0;font:200 clamp(1.7rem,4.4vw,3.6rem)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.01em;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.cine-cap p b{font-weight:500;color:#9BE564}
.cine-cap.center{left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);text-align:center}
.cine-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:2rem;padding:1rem 2.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.7);color:#fff;text-decoration:none;font:400 1.05rem Inter,system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;background:rgba(155,229,100,.08);backdrop-filter:blur(6px);transition:background .3s,border-color .3s,letter-spacing .3s}
.cine-cta:hover{background:rgba(155,229,100,.22);border-color:#9BE564;letter-spacing:.36em}
.cine-label{position:absolute;left:0;top:0;opacity:0;font:300 .78rem/1.3 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#fff;pointer-events:none}
.cine-label span{display:block;font-size:.62rem;color:rgba(255,255,255,.55);letter-spacing:.2em}
.cine-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cine-lines{stroke:rgba(255,255,255,.6);stroke-width:1;fill:none}
.cine-scroll{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);font:300 .66rem Inter,system-ui,sans-serif;letter-spacing:.4em;color:rgba(255,255,255,.6);text-transform:uppercase}
.cine-scroll::after{content:"";display:block;width:1px;height:38px;margin:.6rem auto 0;background:linear-gradient(#fff,transparent);animation:scrollHint 1.8s ease-in-out infinite}
@keyframes scrollHint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.cine-skip{position:absolute;right:1.2rem;top:1.2rem;z-index:3;color:rgba(255,255,255,.75);font:300 .7rem Inter,system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.55rem 1rem}
.cine-cursor{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(255,255,255,.85);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:width .25s,height .25s,margin .25s,background .25s}
.cine-cursor.hot{width:58px;height:58px;margin:-29px 0 0 -29px;background:rgba(255,255,255,.15)}
html.cine-cursor-on .cine,html.cine-cursor-on .cine a{cursor:none}
/* Repli statique : mouvement réduit, pas de WebGL */
.cine-static{height:auto}
.cine-static .cine-stage{position:relative;height:auto;min-height:100svh;display:grid;align-content:center;gap:2.5rem;padding:5rem 1.4rem}
.cine-static .cine-poster{opacity:.45}
.cine-static .cine-cap{position:relative;left:auto;bottom:auto;top:auto;transform:none;opacity:1}
.cine-static .cine-cap.center{transform:none;text-align:left}
.cine-static .cine-canvas,.cine-static .cine-label,.cine-static .cine-svg,.cine-static .cine-scroll,.cine-static .cine-flash,.cine-static .cine-fog{display:none}
@media (prefers-reduced-motion:reduce){.cine-bokeh,.cine-scroll::after{animation:none}}
@media(max-width:600px){.cine-label,.cine-svg{display:none}}