.cinematic-grain{position:fixed;inset:-24px;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:cinematic-grain-shift 1.2s steps(6) infinite}@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{position:fixed;inset:0;pointer-events:none;z-index:29;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}.cinematic-letterbox{position:absolute;left:0;right:0;height:40px;background:#000;z-index:5;pointer-events:none;display:none}.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{animation:cinematic-slow-zoom 40s ease-in-out infinite alternate;transform-origin:center center;will-change:transform}@media (prefers-reduced-motion:reduce){.cinematic-grain{animation:none;opacity:.04}.cinematic-slow-zoom{animation:none}}