.cinematic-scene{--scene-progress: 0;--scene-pointer-x: 0;--scene-pointer-y: 0;--scene-light: .5;--scene-depth-scale: 0;--scene-activity: 0;--scene-route: 0;--scene-identity: 0;position:relative;isolation:isolate;overflow:clip;color:#f4eadb;background:radial-gradient(circle at calc(20% + var(--scene-pointer-x) * 3%) 20%,rgb(206 132 72 / calc(.11 + var(--scene-light) * .1)),transparent 43%),radial-gradient(circle at 82% 12%,rgb(151 185 207 / .1),transparent 39%),linear-gradient(145deg,#241812,#352319 48%,#192127);box-shadow:inset 0 1px #fff4de17,inset 0 -24px 64px #05070840}.cinematic-scene:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(95deg,rgb(255 255 255 / .018) 0 1px,transparent 1px 7px),linear-gradient(105deg,transparent,rgb(224 188 141 / .035),transparent);mix-blend-mode:soft-light}.cinematic-layer{--scene-layer-depth: 1;position:relative;transform:translate3d(calc(var(--scene-pointer-x) * var(--scene-layer-depth) * var(--scene-depth-scale) * 7px),calc((var(--scene-pointer-y) * 5px - var(--scene-progress) * 7px) * var(--scene-layer-depth) * var(--scene-depth-scale)),0);transition:transform .18s cubic-bezier(.2,.75,.25,1);will-change:transform}.cinematic-decoration,.cinematic-accent{position:absolute;inset:0;pointer-events:none;z-index:0}.cinematic-accent canvas{opacity:calc(.13 + var(--scene-activity) * .1)}@media(prefers-reduced-motion:reduce){.cinematic-layer{transform:none;transition:none;will-change:auto}}