/* Cinematic Hintergrund-Filme (lp/cinebg.js). Der Container braucht position:relative und overflow:hidden. */
.cine{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0B1A22 center/cover no-repeat;pointer-events:none}
.cine video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.4s ease,transform 12s linear}
.cine.on video{opacity:1;transform:scale(1)}
/* Farbgradierung: Nacht (Standard), Petrol, hell */
.cine::after{content:"";position:absolute;inset:0;background:
 radial-gradient(120% 90% at 50% 40%,rgba(6,15,20,0) 0%,rgba(6,15,20,.55) 70%,rgba(6,15,20,.85) 100%),
 linear-gradient(180deg,rgba(6,15,20,.62) 0%,rgba(11,26,34,.38) 42%,rgba(6,15,20,.9) 100%)}
.cine[data-grade="petrol"]::after{background:
 linear-gradient(180deg,rgba(6,20,28,.7),rgba(14,127,163,.28) 50%,rgba(6,20,28,.9)),
 radial-gradient(90% 80% at 80% 10%,rgba(41,191,222,.18),transparent 70%)}
.cine[data-grade="hell"]::after{background:linear-gradient(180deg,rgba(242,246,248,.72),rgba(242,246,248,.86) 60%,#F2F6F8)}
.cine::before{content:"";position:absolute;inset:0;z-index:1;opacity:.07;mix-blend-mode:overlay;pointer-events:none;
 background-image:url("/10_ASSETS/landing_pages/img/fx_grain.png");background-size:360px}
@media (prefers-reduced-motion:reduce){.cine video{display:none}}