SORA — Spaces with Soul

SORA — Spaces with Soul is an interactive architecture studio hero built around bold editorial typography, five pill-shaped video loops, and a warm copper-and-ivory palette. Architectural scenes, coastal textures, and sculptural objects play inside fixed rounded frames, while layered gradients drift across the background.

A custom cursor follows the pointer instantly, expands over links, and briefly contracts as hover states change. Apricot buttons reveal a curved charcoal-brown fill with precisely timed transitions that reverse smoothly when the pointer leaves. A built-in replay reproduces the measured cursor sequence and resets the background to its calibrated starting phases.

The design includes responsive desktop and mobile layouts, an architectural SVG mark, and accessible detail dialogs for Studio, Projects, Approach, Objects, and Contact. Videos play muted and inline, with poster fallbacks, reduced-motion support, and automatic pausing when the tab is hidden.

The one-shot prompt provides complete implementation code, exact layout values, animation rules, cursor replay data, and public Cloudflare URLs for all required media. Built with HTML, CSS, and JavaScript, it requires no framework or animation library and has been checked through a fresh desktop and mobile reconstruction.