Hero Section With Black Hole

Use this when the first screen has to look like a simulation, not a photograph. A WebGL ray marcher walks each pixel through curved space so the halo, the thin ring, and the disc are the same gas seen through bent light. That is expensive: the shader compiles before anything paints, a mid range phone pays for every step, and software renderers drop to a cheap still. Keep the section surface behind the canvas so a failed context does not flash.

Skip it when the claim has to be readable in the first second. The hole sits off centre so copy can live on the other half, and a scrim veils only that edge. The surface follows the theme: on light it renders the negative, so the sky is paper and the gas prints as graphite. Replace the headline before this goes to production.