Real-time 3D
A GPU-light TorusKnot renders with cinematic key/fill lighting and soft contact shadows.
Current section: Hero
A GPU-light TorusKnot renders with cinematic key/fill lighting and soft contact shadows.
Refs drive the frame loop and scroll tweens, so animation never triggers React re-renders.
DOM overlays stay strictly outside the canvas tree — clean separation, zero hook leakage.
prefers-reduced-motion halts auto-rotation, float, and scroll tweens automatically.
Every layer has a job: the canvas renders light and geometry, the glass layer carries content, and motion connects them. Scene work is isolated behind Suspense so the interface is usable before the GPU work finishes, and the canvas simplifies on small viewports to keep frames cheap.