/* The drift stays inside each clipped photo frame, below its title and shade. */
body.refined.evolved .section-motion-layer {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body.refined.evolved .section-motion-layer[data-section-motion-photo] {
  --section-photo-overscan: 30px;
  top: calc(0px - var(--section-photo-overscan));
  bottom: auto;
  height: calc(100% + var(--section-photo-overscan) * 2);
  /* The image retains its independent GSAP entrance scale. */
  transform: translate3d(0, var(--section-photo-y, 0px), 0);
}

body.refined.evolved .section-motion-layer[data-section-motion-active] {
  will-change: transform;
}

@media (max-width: 760px) {
  body.refined.evolved .section-motion-layer[data-section-motion-photo] {
    --section-photo-overscan: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.refined.evolved .section-motion-layer[data-section-motion-photo] {
    top: 0;
    height: 100%;
    transform: none;
    will-change: auto;
  }
}