Phase 1, Foundation
Warmth, engineered beneath your feet.
The foundation layer is live. Move your cursor, scroll the page, hover the cards below, every primitive the next seven phases build on is already running here.
Lenis × ScrollTrigger
One clock, one scroll source. GSAP drives Lenis’ RAF; Lenis drives ScrollTrigger.update. Pinned sections in Phase 3 cannot drift.
Scoped dark theme
Near-black ground, one warm accent. Applied via a flag on <html> that is removed on unmount, the other 40 pages stay exactly as they were.
Custom cursor
Dot tracks 1:1, ring lags and blooms warm over anything clickable. Event delegation, so it works on elements that do not exist yet.
Type system
Sora for display at a fluid clamp() scale, Hanken Grotesk for body. Tight tracking up top, generous line-height below.
Counters, every stat animates from zero
Next up
Phase 2, the hero, with its 3D floor scene.
React Three Fiber gets lazy-loaded behind a dynamic import so it never blocks this page's first paint.