/* ============================================================ site.css — секции РАБОТЫ, КЕЙСЫ, КОНТАКТЫ, COOKIE, ЮР.СТРАНИЦЫ Добавляется поверх style.css. HERO / курсор / звук / бегущие строки не трогаем — вся их разметка и правила остаются в style.css. ============================================================ */ /* ---------- небольшие технические правки без визуальных изменений ---------- */ html{scroll-behavior:smooth} body{overflow-x:hidden;max-width:100%} .nav{flex-wrap:wrap;row-gap:6px} /* ============================================================ ЕДИНЫЙ CUSTOM CURSOR (HERO) — технический фикс наслоения. Оверлеи кейсов (.case, z-index:200) и cookie-плашка (z-index:500) рендерятся ПОВЕРХ курсора (в style.css у него z-index:100), поэтому внутри открытого кейса курсор визуально пропадал (оставался под непрозрачным фоном .case), хотя технически продолжал двигаться. Поднимаем z-index курсора выше всех оверлеев сайта — сам курсор, его разметка, ring/dot и вся логика движения из HERO не меняются. ============================================================ */ .cursor-dot,.cursor-ring{z-index:600} /* ============================================================ HERO — мобильный showreel, теперь настоящий вертикальный монтаж 9:16 (showreel-mobile-9x16.mp4, подготовлен отдельно, не тот же кадр, что desktop-showreel). .hero по-прежнему не держится на искусственных 100vh — высота равна фактической высоте видео, но теперь при реальном 9:16 это уже полноценный первый экран, а не узкая лента. object-fit:contain — просто защитный слой на случай долей пикселя расхождения, полезной обрезки/растяжения при точном совпадении пропорций box/контента он не даёт. Desktop HERO и desktop-showreel не затронуты — правило только внутри max-width:640px. ============================================================ */ @media (max-width:640px){ .hero{height:auto;min-height:0} .hero__video{position:static;width:100%;height:auto;aspect-ratio:9/16; object-fit:cover;background:var(--bg)} } /* ============================================================ Правка: object-fit был contain — на реальных мобильных браузерах это давало узкую чёрную щель у края видео (расхождение в доли пикселя между CSS aspect-ratio и тем, как браузер/декодер трактует реальные пиксельные размеры файла, contain в такой ситуации ужимает видео и оставляет пустой край рамки). cover гарантированно растягивает видео на всю ширину и высоту контейнера без полей — при точном совпадении пропорций (файл ровно 9:16) обрезка практически нулевая, визуально неотличима. Сам файл, кадрирование, пропорции 9:16 и desktop-версия не меняются. ============================================================ */ /* ============================================================ MOBILE HEADER — компактная шапка на фоне сайта ПЕРЕД вертикальным showreel (раньше имя/навигация лежали прямо поверх видео). В HTML
теперь идёт первым внутри .hero, ДО