WebGL Laser

Scope

• Apply only to the laser background effect.
• Use a fixed full-screen canvas behind the DOM.
• Set pointer-events: none on the canvas.
• Keep page content in a higher stacking context.
• Match the halo and smoke to the page's primary or strongest accent color.

Visual Target

• Thin vertical beam: crisp white-hot inner core, narrow colored halo.
• Atmospheric smoke: soft cloudy breakup concentrated around the beam.
• Dark cinematic field: restrained, brand-colored, and readable behind content.
• Slow pulse: glow breathes gently; no aggressive flicker or color cycling.
• Light blade feel: narrow and precise, never a thick neon pillar.

Layering