Точно воссоздайте этот одностраничный футер креативной студии. Это задача на точность, а не редизайн. Реализуйте предоставленный контент, ресурсы, CSS и взаимодействия в точности. Соберите только эту страницу футера. Держите её локально; не публикуйте и не разворачивайте. Не добавляйте шапку, hero, карточки, формы, секции, кнопки, ссылки, анимации или лишний текст. Приложенные ниже исходные снимки — авторитетная спецификация. Копируйте их точно, адаптируя лишь пути импорта или обвязку фреймворка при необходимости. Не заменяйте приблизительной типографикой, другим логотипом, стоковым видео или обобщённым эффектом слежения глаз. 1. Общий вид: вся страница — один футер с левой колонкой информации, центральным рукописным логотипом, правой колонкой контактного текста с тремя соцальными иконками и видео сиреневого персонажа. На десктопе видео заполняет вьюпорт позади всего контента. На мобильном контент выстраивается вертикально, видео идёт после него в обычном потоке. Композиция просторная и минималистичная, текст очень тёмный, без тонировки, скрима, градиента, блюра или оверлея поверх видео. Внешних ссылок и реальных контактов нет. Навигационные надписи, контактный текст, иконки и логотип — статичные элементы, не кликабельные якоря. Не выдумывайте адреса, email, телефоны, действия WhatsApp или соцаккаунты. Нигде не показывайте Truus. 2. Точный видимый текст: сохраните орфографию, регистр, пунктуацию, фигурные апострофы, звёздочки и переносы. Левый бейдж: “have a fresh idea?”. Левый заголовок: “imagination” / “meets craft”. Надписи: “Made”, “Story”, “In the lab”, “Say hey”. Правый бейдж: “say hey”. Правый заголовок: “let’s team up!” / “bring us your idea*”. Примечание: “*good things start with one spark. let’s make yours.”. Соцальные иконки по порядку: LinkedIn, Instagram, TikTok, с точными SVG, без текстовых подписей и ссылок. Центральный логотип — контурный рукописный SVG Logoipsum из BrandLogo с viewBox 169×40; fill = currentColor, наследует #080909. Не обводите и не перегенерируйте логотип. 3. Точная типографика и цвета: заголовки Epilogue Black 900; остальной текст DM Sans Regular 400; используйте настоящие шрифты и font-synthesis: none. Скачайте DMSans-Regular.woff2 и Epilogue-Black.woff2 и раздавайте локально через @font-face с font-display: swap. Текст и логотип #080909; резервный фон десктопа #dfe4f2; бейдж #f7f8fa; мобильный фон #f0eefa. Без теней, декоративных рамок, карточек и градиентов. 4. Точный десктоп-макет (>700px): глобально box-sizing border-box; body без отступов, min-height 100vh. Footer position relative, min-height 100vh, padding-top 6.54vw, isolation isolate, overflow hidden. Левый блок: margin-left 8.65vw, width 25vw; бейдж pill 100px, высота 1.9vw, padding .39vw .61vw, шрифт .88vw; заголовок margin-top 1.45vw, шрифт 1.66vw вес 900; навигация flex-колонка gap .93vw, margin-top 1.3vw, шрифт 1.075vw. Логотип абсолютно left 40.33vw top 7.7vw width 17vw. Правый блок абсолютно left 74.3vw top 6.54vw; примечание margin 1.05vw 0 0, шрифт .733vw; соцряд flex gap 1.43vw, иконки 1.71vw. Сохраните эти vw-значения и точное трёхколоночное размещение. Слой видео: wrapper абсолютно inset 0 z-index -1 pointer-events none; видео object-fit cover center позади текста, без канваса зрачков. 5. Точный мобильный макет (≤700px), только внутри @media(max-width:700px): фон #f0eefa; footer flex-колонка gap 36px, min-height 100svh, padding 40px 24px 0; порядок логотип, левый, правый, видео; логотип static width 210px max-width 75%; бейджи высота 30px шрифт 14px; заголовки clamp(22px,6.3vw,30px); навигация сетка 2 колонки column-gap 24px, шрифт 17px, каждая надпись min-height 44px (строка 1 Made/Story, строка 2 In the lab/Say hey); примечание max-width 34ch шрифт 14px обычный перенос; соцряд gap 18px, wrappers 44×44px с иконками 30×30px, первый wrapper margin-left -7px; wrapper видео relative order 3 width calc(100%+48px) aspect-ratio 4/3 margin-top -16px, в край под контентом. 6. Точный видеоресурс: используйте полный дословный URL CloudFront без замены клипа, пропуска сегментов, экранирования подчёркиваний или изменения имени. Источник 1920×1080, 24 fps, ~7.041667с: пушистый сиреневый персонаж с розовым сердцем на бледно-сиреневом фоне, глаза движутся по кругу. Скачайте как public/footer-background.mp4 и создайте public/footer-scrub.mp4 командой: ffmpeg -hide_banner -loglevel error -i public/footer-background.mp4 -an -c:v libx264 -preset fast -crf 20 -g 1 -pix_fmt yuv420p -movflags +faststart public/footer-scrub.mp4. Сохраните размеры, fps, длительность, цвета и композицию; all-intra кодирование для случайной перемотки. У элемента должны быть muted, playsInline и preload="auto", без нативных контролов, аудио, постера и видимого UI загрузки. 7. Точное взаимодействие мышью на десктопе: скраббинг видео — курсор выбирает кадр, где записанные зрачки смотрят на курсор. Не перерисовывайте зрачки и не анимируйте глаза в CSS. Используйте таблицу gaze-frames.json. Средняя точка глаз (948,418) в кадре 1920×1080; масштаб cover max(w/1920,h/1080); eyeX = rect.left + rect.width/2 + (948-960)*scale; eyeY = rect.top + rect.height/2 + (418-540)*scale; вычтите из курсора; игнорируйте в радиусе 8px; atan2(dy,dx) нормализуйте к [0,2π); найдите строку с минимальной круговой угловой разницей; используйте time + 1/240с; перематывайте только если разница > 1/48с, есть данные кадра и нет активной перемотки; ограничьте до duration - 1/24; объединяйте через requestAnimationFrame; не интерполируйте; десктоп-видео стартует на паузе в 0 и остаётся на выбранном кадре; пересчитывайте при resize и scroll; пассивные слушатели, снимайте всё при размонтировании. Кардинальные: вправо 2.54167с, вниз 0.33333с, влево 1.0с, вверх 1.70833с. 8. Мобильное воспроизведение: при ≤700px отключите перемотку по указателю; видео под контентом играет обычно, без звука, в цикле; уважайте prefers-reduced-motion, ставя на паузу; если автоплей недоступен, оставьте видимый кадр, без ошибки и контролов. Используйте слушатели matchMedia для корректного переключения на брейкпоинте 700px. 9. Семантика и метаданные: footer с aria-label="Footer"; wrapper видео aria-hidden="true" и pointer-events:none; wrapper логотипа role="img" aria-label="Studio logo" с aria-hidden SVG; соцобёртки с метками LinkedIn, Instagram, TikTok. Язык en. Заголовок: Studio — Footer. Описание: Fresh ideas, imagination, and creative collaboration. Favicon: тот же логотип /logo.svg с fill #080909. 10. Ограничения реализации: React и TypeScript с обычным CSS; референс в app/page.tsx, app/layout.tsx и клиентском видеокомпоненте. Сохраняйте предоставленный исходник, где среда позволяет. Без библиотек анимации, UI-фреймворков и канваса. Используйте точные исходные файлы; получите два шрифта и видео; для public/logo.svg переведите fillRule/clipRule обратно в fill-rule/clip-rule и задайте #080909, сохранив viewBox и path. Успешно соберите и проверьте кардинальное отображение взгляда, мобильную укладку, перенос на 320px/390px и десктоп-макет выше 700px. Не меняйте контент при проверке. Держите всё локально; не публикуйте и не разворачивайте.