/* Diversion — composition. */

.journey--diversion .frag--di-1 { --x: 46%; --y: 14%; --w: 36%; --depth: 0.7; }
.journey--diversion .frag--di-2 { --x: 80%; --y: 58%; --w: 16%; --ratio: 3 / 4; --depth: 1.1; }
.journey--diversion .frag--di-3 { --x: 44%; --y: 64%; --w: 22%; --depth: 0.3; }

.journey--diversion { --ill-x: 8%; --ill-y: 48%; --ill-w: 28%; }

@media (max-width: 640px) {
  .journey--diversion .frag--di-1 { grid-column: 1 / -1; }
}