Studio

Hover Index and the room goes dark.

The corners close in first. Their edge is torn by a noise field, so the page is eaten rather than wiped — a preview of where the click would take you.

02 — Nav darkness Hover the nav · press H for the panel

02 presets — hover a card

Cornerscloses in

Vignetteedges only

Spotlightfollows the pointer

One fullscreen triangle per surface. The distance field, the torn edge and the drift are all computed in the fragment shader — no images, no video, no mask assets, so the page runs straight from disk. The nav keeps its own hover and focus because the layer is pointer-events: none.

Keyboard focus on the nav item drives the same animation as hover. Under prefers-reduced-motion the state change is instant and no loop runs. Without WebGL the layer falls back to CSS gradients.