Как сделать такую структуру сайта на gsap + locomotive.js?

Question

[ArtJH]

Все блоки фулскрин.
Первые три блока идут друг за другом. Но переход между ними как у вертикального слайдера
Потом переход на 4 блок. Он длинный 300vw, горизонтальный скролл.
Потом переход на 5 блок. В нем скролл диагональный, то есть мы скролим, а элементы по диагонали перемещаются