Atrium MTL

Build ONE self-contained file: index.html — no build step, no npm, no React/Vue, no external CSS/JS libraries. Everything in a single document: inline <style>, inline SVG icons, vanilla JavaScript only. Page title: "ATRIUM MTL — An archive of light cast in stone". Viewport meta: width=device-width, initial-scale=1, viewport-fit=cover.

IMPORTANT — MEDIA: There is NO <video> element and NO CloudFront video URL on this page. The right-hand mosaic uses four CloudFront WEBP photos + one CloudFront SVG grain texture (listed below). Continuous motion is pure CSS @keyframes on columns (14.6s loop), timed to match a reference recording (0.342 card-heights per second). Do not embed or link any video file.

Use these EXACT remote asset URLs in :root (do not substitute local paths for images/grain):

--img-sculpt: url(https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/fc524fc3-03c3-40a1-9954-22eab1322592.webp)
--img-man: url(https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/1d56967e-0ed5-40f8-812d-9360e5ec1780.webp)
--img-visit: url(https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/5f3f6135-26b9-4c48-92ad-105161327cbc.webp)
--img-sil: url(https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/e7b68ae9-9240-4f52-a0a2-89082df4b8d0.webp)
--grain: url(https://d2ol7oe51mr4n9.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/40b7fef3-410d-4ef3-bd67-0a2fc7ee5a1d.svg)