ORIGIN
A cinematic monochrome system for a Moroccan film production services company: Anton display type, a background score, and a scroll language built to feel like a title sequence. Designed and engineered end-to-end by one person.
One RAF to rule the page
Lenis, GSAP and the WebGL hero all render from a single gsap.ticker loop. No competing requestAnimationFrame authorities means no scheduling jitter — the whole site scrolls like one continuous shot.
A dependency-free WebGL hero
The hero shader — heat-haze displacement with velocity-driven RGB split — is hand-rolled raw WebGL. No three.js, no postprocessing stack: a few hundred lines that do exactly one thing at 60fps.
Horseshoe-arch transitions
Page transitions sweep through a Moroccan horseshoe arch instead of a generic fade — a culturally-rooted move that turned navigation itself into part of the brand.
The reduced-motion contract
Every signature move has a static fallback: posters replace the shader, transitions become cuts, the scroll-scrubbed Morocco atlas renders as a still map. The spectacle degrades — it never breaks.