cubic-bezier: кривые easing из дизайн-токенов
Отличие ease-out от custom bezier.
Токен `--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1)` даёт «снэп» в конце — характер бренда в hover кнопок и открытии drawer.
Избегайте длительности >400ms на микро-взаимодействиях — bezier не спасает медленный UI.
- cubic-bezier() — MDN — Контрольные точки.
- cubic-bezier.com — Визуальный редактор кривой.
reduced-motion
В `@media (prefers-reduced-motion: reduce)` сократите duration или отключите transition.