/* Descent — composition. length: 2 in content.js, so the stage pins for a
   second screen of scroll and --progress runs 0→1 while pinned. */

.journey--descent .frag--de-1 { --x: 42%; --y: 10%; --w: 24%; --ratio: 9 / 16; --depth: 0.8; }
.journey--descent .frag--de-2 { --x: 70%; --y: 14%; --w: 22%; --depth: 0.4; }
.journey--descent .frag--de-3 { --x: 68%; --y: 50%; --w: 26%; --depth: 1.1; }
.journey--descent .frag--de-4 { --x: 8%;  --y: 58%; --w: 26%; --depth: 0.5; }

@media (max-width: 640px) {
  .journey--descent .frag--de-1 { grid-row: span 2; }
}