Facet Glass — Référence de design web et prompt

# Prompt: Facet "Designed in glass" hero

Build a one-screen **WebGL hero for a fictional real-time material studio, Facet**. The page is a dark website shattered into **thick smoked-glass shards** floating on black. The content is printed on the shards. The whole slab tilts toward the cursor, the shard under the pointer lifts and tips, and "Read paper →" shatters the page to reveal a second view. Use plain HTML, CSS and JS with three.js 0.169.0 from jsDelivr (import map, plus `RoomEnvironment` from the addons). No build step and no images: all content is drawn in code. Font: Inter (variable woff2, 400–600).

## Scene and scale

- **Background:** #050507.
- **Camera:** perspective, fov 30°, placed so that 1 world unit = 1 CSS px at z = 0.
- **Renderer:** ACES filmic tone mapping, DPR capped at 2.
- **Environment:** PMREM RoomEnvironment, `environmentIntensity` .42, plus a soft white-blue key light from the top-left.
- **Page block:** centred, with side margins of 5.5 % of the width and top/bottom margins of 8.5 % of the height (16 px on phones).
  - The block is a **nav slab** (10.8 % of the block height) above a **14 px gap** and a **shard panel** (the rest).