Слои в глубину
Карточки и изображения не лежат в одной плоскости. У каждого элемента есть свой визуальный уровень.
Смотреть ↗real 3D depth / scroll scene
Теперь реальная глубина
Фото, заголовки и карточки двигаются не просто вверх-вниз, а в 3D-пространстве: приближаются, уходят назад, поворачиваются и собираются слоями при скролле вниз.
Здесь 3D не прячется как налоговая оптимизация. Его видно сразу: фото стоят слоями, сцена поворачивается, элементы движутся в глубину.
depth level 460px
Карточка вынесена вперёд через translateZ, поэтому реально висит над фото.
front layer
scroll depth
3D Элементы используют perspective, rotateX, rotateY и translateZ.
320vh Отдельная sticky-сцена даёт эффект движения вниз в глубину.
Фото Картинки заходят слоями, а не просто стоят скучной плиткой.
JS Скролл управляет трансформациями, а не делает вид, что старается.
Логика
3D должно быть видно
Поэтому тут усилены все эффекты: карточки наклоняются от мыши, фото имеют настоящие Z-слои, а следующая секция при скролле вниз превращается в объёмную сцену.
Движение вниз
При скролле элементы приближаются, уходят назад, поворачиваются и меняют прозрачность.
В глубину ↗
Фото как сцена
Фото не просто украшают страницу. Они собирают объём, настроение и направление взгляда.
Фото ↗scroll down / 3D depth
Скролл двигает сцену в глубину
Здесь уже не лёгкий parallax. Заголовок, фото и карточки летят по Z-оси, поворачиваются и проходят через экран слоями.
layer one front
Эта карточка выходит вперёд и проходит ближе к пользователю.
layer two deep
А эта уходит глубже, создавая реальную 3D-сцену.
scroll вниз · элементы двигаются в 3D
Фото-блоки
Фото встраиваются слоями
Ниже фото-сетка с объёмом и tilt-эффектом. При наведении карточки поворачиваются, а текст остаётся на переднем плане.
Большое фото держит атмосферу и глубину блока. 
Архитектурные линии усиливают 3D-ощущение. 
Детали работают как визуальные акценты. 
Фото, стекло и свет собираются в один дорогой слой. 