Oriel.

Build a fullscreen interactive hero for Oriel, a fictional watch brand introducing the Meridian hand wound mechanical watch. Use a dark navy ground #0c1526, a restrained blue glow #20365c, warm light text #efe8da and gold #cfae6b accents. Pair Instrument Serif, including its italic face, with Instrument Sans for small product labels and controls. Build an editorial product composition with precise details and ample dark space. Put the Oriel wordmark at the upper left and a compact Menu action at the upper right. Beneath the header place a small product identifier at left and calibre, case size and power reserve details at right. Split the oversized serif headline diagonally across the composition: Wound by hand. near the upper left and Worn for life. near the lower right. Set hand and life in gold italic. Centre the watch between the lines so the object overlaps the typography. Construct the watch from separate strap, case, movement, dial, hands and crystal layers. Include convincing metallic detailing, hour markers, a crown and a crystal light sweep. The hands show local time. Let the pointer create a bounded three dimensional tilt and light response without shifting the layout. At the bottom place concise watch copy and a Reserve the Meridian action on the left. On the right provide Slate, Salt and Oxblood finish choices and an Exploded view control. Each finish retints the background, dial, strap and accents as a coordinated scene. Exploded view separates all six layers in depth with numbered callouts attached to their parts; the second activation assembles them again smoothly. Below 760px recompose the headline, watch and controls for a phone, keeping labels clear of the object. Make the selected finish clearly visible beside its swatch. Use a full screen menu with keyboard focus containment. Reduced motion freezes the hands and removes tilt and entrance movement while preserving the product presentation.