/* Local concept: soft studio lighting behind the original typography. */
.hero.hero-cinema { isolation: isolate; background: #f8f9f6; }
.hero-cinema .hero-blobs { display: none; }
.hero-cinema .hero-overlay { pointer-events: none; background: radial-gradient(ellipse at 50% 42%, rgba(255,255,255,.84) 0%, rgba(255,255,255,.55) 30%, rgba(255,255,255,.06) 75%); }
.cinema-light { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; contain: paint; }
.cinema-light__wash { position: absolute; inset: -30%; background: radial-gradient(ellipse at 22% 35%, #add8cd 0%, transparent 36%), radial-gradient(ellipse at 77% 67%, #c6c5e1 0%, transparent 38%), radial-gradient(ellipse at 70% 22%, #f0d6b5 0%, transparent 35%); opacity: .8; }
.cinema-light__beam { position: absolute; left: 50%; top: 45%; width: min(110vw, 1400px); height: min(110vw, 1400px); border-radius: 50%; background: conic-gradient(from 20deg, transparent 0deg, rgba(255,255,255,.85) 30deg, rgba(235,208,164,.28) 48deg, transparent 74deg, transparent 175deg, rgba(180,212,207,.4) 220deg, transparent 260deg); filter: blur(34px); transform: translate(-50%, -50%) rotate(-20deg); }
.cinema-light__glow { position: absolute; left: 50%; top: 50%; width: min(75vw, 860px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.94), rgba(255,242,214,.46) 25%, rgba(215,235,229,.24) 45%, transparent 69%); transform: translate(-50%, -50%); }
.cinema-light__grain { position: absolute; inset: 0; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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%3Cpath fill='%23000' filter='url(%23n)' opacity='.65' d='M0 0h160v160H0z'/%3E%3C/svg%3E"); }
@media (max-width: 700px) { .cinema-light__beam { width: 1000px; height: 1000px; filter: blur(24px); } .cinema-light__glow { width: 650px; } }
@media (prefers-reduced-motion: reduce) { .cinema-light__beam { transform: translate(-50%, -50%) rotate(-20deg) !important; } .cinema-light__wash { transform: none !important; } .cinema-light__glow { transform: translate(-50%, -50%) !important; } }