Everything in the scene above is inline SVG - no photos were downloaded to draw it. Each layer carries a depth value; a tiny script reads the page scroll and pointer position every frame and slides the layers at different speeds, which is what sells the sense of depth.

• Theme aware - the layers are painted with the site palette variables, so the scene restyles itself automatically in dark mode (try the theme toggle).
• Fast - vector shapes and transform-only motion keep it smooth on phones; nothing repaints, nothing is fetched.
• Respectful - visitors with reduced motion enabled get a calm, static scene.

The same technique can layer product shots, headlines, or illustrations on a landing page. Back to the lab.