timeline-scope: именованные scroll-timeline в компоненте
Изоляция анимации от скролла страницы.
`timeline-scope: --carousel` ограничивает область видимости имени `--carousel` для `scroll-timeline` — анимация внутри блока не цепляется к корневому скроллу документа.
Сочетайте с `animation-timeline: --carousel` на progress bar внутри секции.
- timeline-scope — MDN — Область timeline.
- scroll-timeline — MDN — Scroll timeline.
Reduced motion
Отключайте timeline-анимации при `prefers-reduced-motion: reduce`.