.hero.cinema{height:100svh;min-height:760px;background:#030608;isolation:isolate;overflow:hidden}.cinema .cinema-film,.cinema .cinema-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;animation:none;transform:none}.cinema .cinema-film{opacity:0;transition:opacity 1s}.cinema.playing .cinema-film,.cinema.finished .cinema-film{opacity:1}.cinema:before{z-index:1;background:linear-gradient(90deg,#030608d9, #03060855 50%,transparent 80%),linear-gradient(0deg,#030608ee,transparent 50%)}.cinema:after{inset:18px;border:1px solid #ffffff19;background:none;z-index:2;pointer-events:none}.cinema .hero-content{z-index:4;justify-content:center;padding-top:120px;padding-bottom:130px;pointer-events:none}.cinema .hero-content a{pointer-events:auto}.cinema h1{font-size:clamp(88px,11vw,180px);line-height:.8;margin:25px 0 32px}.cinema h1 span{opacity:0;transform:translateY(28px);filter:blur(5px);animation:cinema-word 1.15s cubic-bezier(.16,1,.3,1) forwards;animation-delay:2.7s}.cinema h1 span:nth-child(2){animation-delay:3.1s}.cinema h1 span:nth-child(3){animation-delay:3.5s}.cinema .hero-bottom{max-width:670px;display:block}.cinema .hero-bottom p{max-width:430px;margin-bottom:25px;font-size:14px}.cinema .hero-bottom .button{min-width:240px;background:#dbff4c;color:#071018}.cinema .hero-side{right:40px;top:42%;z-index:4;color:#dce5e2}.cinema .hero-scroll{bottom:35px;z-index:4}.cinema-controls{position:absolute;right:44px;bottom:27px;z-index:6;display:flex;align-items:center;gap:8px}.cinema-controls button{border:1px solid #ffffff55;background:#07101999;color:#f2f4f1;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:13px 15px;backdrop-filter:blur(12px)}.cinema-controls button:hover{border-color:#dbff4c;color:#dbff4c}.cinema-phase{position:absolute;z-index:4;top:145px;right:45px;text-align:right;font-size:10px;letter-spacing:.18em;color:#dbff4c;text-transform:uppercase}.cinema-phase span{display:block;color:#c0cfcd;font-size:9px;margin-top:9px}.cinema-meter{position:absolute;bottom:0;left:0;height:2px;background:#dbff4c;z-index:7;width:0;box-shadow:0 0 14px #dbff4c}.cinema-plan{position:absolute;inset:0;z-index:3;width:100%;height:100%;opacity:0;pointer-events:none}.cinema.playing .cinema-plan{animation:plan-out 4s both}.cinema-plan path{fill:none;stroke:#dfff78;stroke-width:.8;stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw-plan 2.5s .1s ease forwards}.cinema-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.cinema-scroll-out{transition:opacity .2s;opacity:var(--hero-opacity,1)}@keyframes cinema-word{to{opacity:1;transform:none;filter:none}}@keyframes draw-plan{to{stroke-dashoffset:0}}@keyframes plan-out{0%{opacity:0}15%,50%{opacity:.8}100%{opacity:0}}@media(max-width:700px){.hero.cinema{min-height:740px}.cinema .hero-content{padding-top:140px;padding-bottom:130px}.cinema h1{font-size:clamp(78px,19vw,120px)}.cinema .cinema-film,.cinema .cinema-poster{object-position:65% center}.cinema .hero-side{display:none}.cinema-phase{top:145px;right:23px;font-size:8px}.cinema .hero-bottom p{font-size:13px;max-width:310px}.cinema-controls{right:21px;bottom:65px}.cinema .hero-scroll{left:23px;font-size:8px}.cinema:after{inset:10px}}@media(prefers-reduced-motion:reduce){.cinema .cinema-film,.cinema .cinema-plan{display:none}.cinema h1 span{animation:none;opacity:1;filter:none;transform:none}.cinema .hero-content{transition:none}}body.paused .cinema-plan,body.paused .cinema h1 span{animation-play-state:paused}
.hero.cinema{height:calc(100svh - 30px)}.cinema-controls{bottom:64px}.cinema .hero-scroll{bottom:28px}
/* Lumière de scène : cyan, corail et or */
.hero.cinema{background:#172b41}.cinema:before{background:linear-gradient(90deg,#11243be6 0%,#18324a80 39%,#18324a05 75%),linear-gradient(0deg,#142b44a6,transparent 45%)}.cinema:after{opacity:1;background:radial-gradient(ellipse at 88% 15%,#ffab526b,transparent 48%),radial-gradient(ellipse at 58% 72%,#08d7ed6b,transparent 49%),radial-gradient(ellipse at 98% 75%,#e966b859,transparent 55%);mix-blend-mode:screen;border-color:#a2e9ff40}.cinema .lime,.cinema .micro.lime{color:#76e9fa}.cinema h1 .lime{color:#ffba83}.cinema .hero-bottom .button{background:#92ecf4;border-color:#92ecf4;color:#13334b}.cinema-phase{color:#ffe1ae}.cinema-meter{background:linear-gradient(90deg,#72e9ff,#f8bd75,#f38bc8);box-shadow:0 0 14px #8ef2ff}.cinema-controls button{background:#16374eaa;border-color:#b6dfef99}.cinema-controls button:hover{color:#fff0da;border-color:#ffc48b}.cinema h1 .stroke{-webkit-text-stroke-color:#f2f9ff}.cinema-grain{opacity:.025}
/* Retrait du voile diffus : contraste et lumières localisées */
.hero.cinema{background:#09131e}.cinema:before{background:linear-gradient(90deg,#081321f2 0%,#081321c2 30%,#08132142 49%,transparent 68%),linear-gradient(0deg,#09131e99,transparent 30%)}.cinema:after{background:radial-gradient(ellipse at 94% 12%,#ffb26430,transparent 35%),radial-gradient(ellipse at 80% 88%,#1be2ee1c,transparent 32%);mix-blend-mode:color;opacity:.65;border-color:#ffffff24}.cinema .hero-content{text-shadow:0 2px 15px #0008}.cinema h1 .stroke{color:#e4f1fc18;-webkit-text-stroke:1.5px #f3f8ff}.cinema .hero-bottom p{color:#f0f5f8}.cinema-grain{display:none}.cinema-phase span{color:#e1edf3}.cinema-controls button{background:#0b2032e6}

.cinema h1 .lime{color:#dbff4c}