timeline-scope: именованные scroll-timeline в компоненте
timeline-scope: --carousel ограничивает область видимости имени --carousel для scroll-timeline — анимация внутри блока не цепляется к корневому скроллу документа.
Сочетайте с animation-timeline: --carousel на progress bar внутри секции.
- [timeline-scope — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/timeline-scope) — Область timeline.
- [scroll-timeline — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-timeline) — Scroll timeline.
---
## Reduced motion
Отключайте timeline-анимации при prefers-reduced-motion: reduce.
