Подборка объектов с фильтром

Один файл, зависимость только react-dom (createPortal), «use client». Типы выводятся из listings (уникальные kind), чип «все» — allLabel; активный чип залит цветом текста. Сетка 1/2/3 колонки по container query, li появляются @keyframes с задержкой --n×70ms. Карточка — div role=button: media с двумя <img> (imageHover поверх с opacity 0 → 1 по hover, оба scale 1.05), цена, параметры, чип-подсказка. По клику измеряется getBoundingClientRect, в body через портал рендерится слой position:fixed с perspective:1400px, подложкой и летуном: absolute в размере и позиции окна (карточка ×1.35 по центру, не больше экрана), transform-style:preserve-3d, стартовый transform translate/scale ставит его ровно на карточку; оригинал прячется. После reflow и requestAnimationFrame transform становится translate(0) scale(1) rotateY(180deg) за .5s cubic-bezier(.2,.9,.25,1) — перелёт, рост и переворот одним движением, анимируется только transform (композитный слой, без перерасчёта раскладки). Стороны — backface-visibility:hidden и translateZ(1px); лицевая — копия карточки, обратная несёт imageHover во весь кадр и стеклянную панель с ценой, названием, text, features и ссылкой openLabel; клик по стороне переворачивает окно, крестик есть на обеих сторонах, скрытая сторона inert. Закрытие — стартовый transform назад, фокус возвращается на карточку. Пока открыто: body overflow:hidden с компенсацией скроллбара, Escape закрывает, Tab зациклен в окне. При смене фильтра список пересобирается с новым key. Палитра --vibeui-realty-003-* нейтральная: чернила и бумага через light-dark(), цвета сайта передаются пропсами accent, ink и background; шрифты Cormorant Garamond и Manrope подключаются <link precedence> с Google Fonts, с fallback на системные. tone фиксирует схему, accent, ink и background переопределяют цвета.