MAREN Hero — Référence de design web et prompt

# Prompt: MAREN fashion hero

Build a single-file, one-screen **fashion landing hero** for a fictional label, **MAREN**. Use plain HTML, CSS and vanilla JS, with no framework and no build step. The look is an editorial full-bleed portrait of a blonde model in a chunky lilac knit sweater against a dreamy lilac-and-peach sunset sky. Thin white grid lines divide the frame, there's a big mixed sans and italic serif headline, a tilted polaroid, and a giant italic watermark.

## Media

- **Hero photo:** `https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/8c8bd1ea-b9f8-4755-b2db-ca972fa9a381.jpg` (1522×1033). A low-angle portrait: long wavy golden hair, one hand at a lilac turtleneck collar, and a soft lilac sky with glowing peach and coral streaky clouds. It covers the frame, drawn 1155×794 from the top-left of the 1155×767 frame.
- **Polaroid:** `https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/4612f265-40f3-4fc9-af4c-b03c289c2b75.jpg` (520×650). A blonde woman in sunglasses, a lilac tee and light jeans, sitting on stone steps before an old building.
- **Motion:** a muted, looping video of the same shot plays over the photo with the identical box and stretch: `https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/0b9dbcc0-b9fc-4c2c-9418-458e4e829c59.mp4` (1600×1084, 4s). A breeze moves her hair and the knit, the clouds drift and the warm light shifts, with a subtle slow push-in.
  - The loop crossfades its last second into its first, so it never jumps or plays in reverse.
  - It fades in (0.8s) once its first frame is ready and is hidden for reduced motion.
- **Rule:** nothing in the scene is drawn or animated in code. Only the UI animates.