.cinematic-grain{pointer-events:none;z-index:30;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.6'/></svg>");animation:1.2s steps(6,end) infinite cinematic-grain-shift;position:fixed;inset:-24px}@keyframes cinematic-grain-shift{0%{transform:translate(0)}20%{transform:translate(-6px,4px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,-5px)}80%{transform:translate(5px,3px)}to{transform:translate(0)}}.cinematic-vignette{pointer-events:none;z-index:29;background:radial-gradient(#0000 55%,#00000073 100%);position:fixed;inset:0}.cinematic-letterbox{z-index:5;pointer-events:none;background:#000;height:40px;display:none;position:absolute;left:0;right:0}.cinematic-letterbox-top{top:0}.cinematic-letterbox-bottom{bottom:0}@media (min-width:1024px){.cinematic-letterbox{display:block}}.cinematic-grade{filter:contrast(1.04)saturate(.94)}@keyframes cinematic-slow-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.cinematic-slow-zoom{transform-origin:50%;will-change:transform;animation:40s ease-in-out infinite alternate cinematic-slow-zoom}@media (prefers-reduced-motion:reduce){.cinematic-grain{opacity:.04;animation:none}.cinematic-slow-zoom{animation:none}}