TITLE: HOROLOGÉ — Time, considered.
PROMPT: Craft 'HOROLOGÉ', a minimal-luxury watch house page. Palette: ink black (#0B0B0D), champagne gold (#C9A96A), porcelain type. Hero: a single elegant timepiece rendered in CSS/SVG — case, applied indices, and hands displaying the visitor's real local time with a smooth-sweep seconds hand and a periodic glass reflection sweep. Below: hairline-bordered sections of serif storytelling (Time, considered.), a specs table, strap variants. Interactions: hovering the watch gently illuminates the indices, strap chips swap strap color, and a movement button fans the watch into an exploded layered diagram with staggered transforms. Slow, confident, expensive.
DESCRIPTION: An ink-black maison page with champagne-gold hairlines and porcelain serif type. The hero timepiece is built entirely from layered CSS circles — conic-gradient bezel, radial case, lacquered dial, 60 JS-generated applied indices, gold seconds hand, date window and crown — showing the visitor's real local time with a continuously smooth-sweep seconds hand (66ms tick) and a periodic diagonal glass-reflection sweep across the sapphire layer. Hairline chapters follow: italic serif storytelling, a hoverable specs table, and four strap chips with tactile swatches; a faint brushed-texture overlay and breathing gold glow complete the expensive calm.
TECHNIQUES: pure-CSS watch from stacked border-radius layers (conic-gradient bezel, radial-gradient case and dial), JS-generated index ring with rotate transforms, real-time smooth-sweep hands via Date + setInterval 66ms with micro-step easing on the seconds hand, animated glass reflection sweep (skewed gradient translate keyframes), exploded-view mode fanning six layers in translateZ with staggered cubic-bezier transitions and gold layer labels, strap swapping by rewriting layer gradients, pointer-tilt parallax on the watch stage, drop-shadow index illumination on hover, IntersectionObserver reveals, brushed-metal repeating-linear-gradient overlay, prefers-reduced-motion honored
INTERACTION: The watch shows live local time and sways gently in 3D toward the pointer; hovering illuminates the indices with a gold drop-shadow and reveals gold pins at each marker; strap chips instantly re-tint both strap halves and mark themselves chosen; the "View the movement" button fans the watch into an exploded layered diagram (glass, bezel, case, dial, movement, straps) with labeled, staggered transforms and toggles back; sections fade-rise on scroll.