/**
 * Parallax for .c-video-01 / .c-video-02 (desktop only)
 * - Uses CSS `translate` to avoid clobbering existing transforms.
 * - JS updates --parallax-y.
 */

@media (prefers-reduced-motion: reduce) {
  .c-video-01,
  .c-video-02 {
    translate: none;
    will-change: auto;
  }
}

@media (min-width: 769px) {
  .c-video-01,
  .c-video-02 {
    will-change: transform;
    translate: 0 var(--parallax-y, 0px);
  }

  /* Fallback for older browsers without `translate` */
  @supports not (translate: 0 0) {
    .c-video-01,
    .c-video-02 {
      transform: translate3d(0, var(--parallax-y, 0px), 0);
    }
  }
}

@media (max-width: 768px) {
  .c-video-01,
  .c-video-02 {
    translate: none;
    will-change: auto;
  }
}