rail menu

A navigation motion piece on a 1080 × 1080 stage that scales to the window, looping every 12 seconds. An architecture studio's one-page site sits in a browser window, and its scrollbar is a dark rail with a progress ring, five section dots, a rolling section number and a small photo capsule that shows the current section. A drawn cursor and a zooming camera with motion blur play it: the page scrolls and the capsule slides and stretches with it; on hover the rail grows into an index menu (Arrival, Studio, Work, Material, Contact) and the capsule becomes its cover, while the dots fly over in an arc to become the list's timeline; moving down the rows rolls the cover between the photos, its title and counter rolling with it; a click on Material folds the cover back into the capsule while the page jumps two sections with a strong blur; then the capsule is dragged back up and the page scrubs to the top. Everything is one pure render(t) function writing inline styles, so any frame can be drawn on its own (window.__render(t), window.__MANUAL, ?rec); Space or R restarts. Host Grotesk, Instrument Serif and Geist Mono, five architecture photos of invented buildings, a reduced-motion still.