Slate

Build a premium cinematic hero page for SLATE — "One device, no noise". ONE self-contained HTML file: inline <style>, inline <script>, Google Fonts via <link>. No build step, no framework. The only external asset is one background video.

VIDEO BEHAVIOUR — PLAY ONCE, THEN HOLD (do not loop):
The clip plays through exactly once on load and then FREEZES on its final frame and stays there.
- The <video> has NO `loop` attribute.
- Call .play() once on 'canplay' and on window load (catch and ignore rejections).
- On 'ended': pause it and pin currentTime to (duration - 0.05) so it holds the last frame.
A looping clip re-cuts to frame 1 and reads as a cheap GIF. Playing once and resolving reads as