Нить слева обозначает путь через раздел. Она рисуется по мере того, как вы читаете, а не заранее.

У каждого важного абзаца свой репер: скобка слева вспыхивает, когда текст входит в кадр.

Приём держится на animation-timeline: view(): браузер сам связывает прогресс анимации с прокруткой, без единой строчки JS для самого рисунка.

Если прокрутки нет некоторое время, демо само медленно скроллит контейнер вниз и обратно, просто чтобы показать эффект без участия зрителя.

Как только вы берёте управление в руки и крутите колесо, автодемо уступает и возвращается только через паузу тишины.

Нить и реперы декоративны: они не мешают ни клику, ни выделению текста, ни настоящей прокрутке под ними.