SOLSTICE — Every frame is a slow sunrise

# SOLSTICE — Every frame is a slow sunrise

Create a responsive React + TypeScript + Vite + Tailwind CSS website. Use small components for navigation, hero, interactive stage, content sections and footer. Put media URLs in src/lib/assets.ts and animations in cleaned-up hooks. Do not output a giant HTML file, an iframe, or a screenshot pretending to be the website.

## Design direction
A no-scroll editorial hero for a portrait studio. A profile portrait on a sunlit terracotta wall fills the screen. Twelve thin cream ring arcs orbit the head, and the word SOLSTICE sits across the face. Dark oxblood panels hold the nav and two buttons, and short uppercase mono copy sits in the four corners. On load, the rings draw outward from their midpoints and the title rises letter by letter. The nav wipes open from the centre and the buttons wipe in from the left. When everything has landed, the animation classes are removed and only static CSS remains.

Palette and type: --bg: #8f3c18; --ink: #fff1e2.
Font families: PX Mono, Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace.


## Layout and copy