/* The light layer sits on the photograph, beneath the existing legibility gradient. */
.hero-lights { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; mix-blend-mode: screen; }
.hero-lights canvas { display: block; width: 100%; height: 100%; }
@media (prefers-reduced-motion: reduce) { .hero-lights { display: none; } }