TITLE: ONE SMALL STEP — Earth to Moon
PROMPT: Compose 'ONE SMALL STEP', a scroll-driven journey from Earth to the Moon. A fixed parallax starfield (layers react to scroll and mouse); scrolling recedes a grand CSS-gradient Earth with terminator line and atmospheric rim, floats chapters of sparse copy past (three days out … loss of signal …), and grows a crisp cratered Moon; a rocket-trail progress indicator maps the scroll; the landing chapter touches down with a dust-poof particle burst. Interactions: scrolling drives everything, chapter dots jump smoothly, and gentle pointer parallax breathes between scrolls. Cinematic, weightless, restrained.
DESCRIPTION: A cinematic scroll-story from launch to Tranquility Base. A fixed three-layer parallax starfield twinkles behind a huge gradient Earth (continents, oceans, atmospheric glow) that recedes and sinks as you scroll while a cratered Moon grows from the top; sparse copy chapters (trans-lunar coast, loss of signal, touchdown) alternate sides with glass stat cards and staggered scroll reveals. A fixed rocket rail on the right fills with a flickering flame as progress mounts, chapter dots jump between sections, and a live distance counter ticks from 384,400 km down to zero. The finale fires a 36-particle dust poof and rippling prayer-flag-like pennants on landing.
TECHNIQUES: canvas starfield with scroll-parallax depth and pointer parallax, scroll-linked scale/opacity choreography of gradient celestial bodies, IntersectionObserver staggered reveals, fixed progress rocket with animated exhaust, live formatted number countdown, CSS particle dust burst with custom properties, glassmorphic stat chips, reduced-motion fallbacks.
INTERACTION: Scroll to fly the mission — Earth shrinks away, the Moon grows, chapters reveal; pointer movement adds gentle parallax between scrolls; the right-rail dots jump to chapters; the distance odometer and rocket trail track scroll continuously.