Dot size and spacing are set in CSS pixels and scaled by device pixel ratio, so the field stays crisp on any display.
The loader owns the whole viewport: a dot grid in device pixels, two drifting noise fields carving holes through it, and a per-dot scatter so the edges crumble. The counter is driven by real load progress, and the outro dissolves every remaining dot at once.
Dot size and spacing are set in CSS pixels and scaled by device pixel ratio, so the field stays crisp on any display.
Two independent noise fields drift at different speeds. Where they overlap the mask is boosted, which is what opens the wide holes.
A high-frequency sample per dot moves the cut-off, so a hole's edge falls apart dot by dot instead of sweeping cleanly.
The curtain fades first, then the last dots dissolve over the live page. The promise resolves at the end of that.