Галерея пары masonry с арками и лайтбоксом

Один файл, ноль зависимостей, «use client» ради лайтбокса. Сетка — CSS columns: 2 до 40rem, 3 до 64rem, 4 выше; кадры — кнопки с break-inside:avoid и data-shape: rect 4:3, arch 4:5 с border-radius 50%/36%, tall 3:4. Фото filter grayscale(.55) saturate(.8), hover снимает фильтр и масштабирует 1.04. Лайтбокс — <dialog> showModal/close из эффекта по current, стрелки и ArrowLeft/ArrowRight листают по кругу, клик по backdrop закрывает; окно шириной до 52rem, фото object-fit:contain не выше 32rem в тёмной рамке; окно всплывает снизу с масштабом .94, подложка проявляется, каждое новое фото (key по src) мягко проступает с лёгким наездом. Зерно — SVG feTurbulence в ::after оболочки с multiply. Палитра --vibeui-portfolio-008-* нейтральная: чернила и бумага через light-dark(), цвета сайта передаются пропсами accent, ink и background; тёмная тема — по .dark/[data-theme] или tone. Шрифты Cormorant Garamond и Manrope подключаются <link precedence> с Google Fonts, с fallback на Georgia и системные. accent и background переопределяют цвета, prefers-reduced-motion гасит анимации.