clip-path: inset() — кадрирование hero без overflow
Маска прямоугольником и скруглением.
`clip-path: inset(0 round 24px)` обрезает видео-hero по скруглённому прямоугольнику без обёртки `overflow: hidden`, которая иногда ломает `position: sticky` потомков.
Для сложных силуэтов — `polygon()` или SVG `clipPath` в `url()`.
- clip-path — MDN — Функции inset, polygon.
- Clipping — CSS Masking — Модуль CSS Masking.
Производительность
Анимация clip-path дороже transform — для hover ограничьтесь статичной маской.