@media (min-width: 701px) and (pointer: fine) {
  .scene-panel.project .project-media *,
  .scene-panel.project .project-info *,
  .scene-panel.project .project-note * {
    animation: none !important;
  }

  .scene-panel.project .project-media,
  .scene-panel.project .project-info,
  .scene-panel.project .project-note {
    animation: selected-film-idle-float 6.8s cubic-bezier(.45, 0, .55, 1) infinite alternate !important;
  }

  .scene-panel.project .project-info { animation-delay: -2.2s !important; }
  .scene-panel.project .project-note { animation-delay: -4.4s !important; }

  .scene-panel.project .project-media {
    transform: translate3d(
      var(--desktop-parallax-x, 0px),
      var(--desktop-parallax-y, 0px),
      0
    );
    scale: 1;
    transition:
      box-shadow .5s cubic-bezier(.16, 1, .3, 1),
      scale .55s cubic-bezier(.16, 1, .3, 1);
  }

  .scene-panel.project .project-media:hover,
  .scene-panel.project .project-media:focus-visible {
    scale: 1.012;
  }

  .scene-panel.project .project-media:active {
    scale: 1.004;
    transition-duration: 110ms;
  }

  .scene-panel.project .project-info,
  .scene-panel.project .project-note {
    transform: translate3d(
      var(--desktop-parallax-x, 0px),
      var(--desktop-parallax-y, 0px),
      0
    );
  }

  .scene-panel.project.is-pointer-parallax-active .project-media,
  .scene-panel.project.is-pointer-parallax-active .project-info,
  .scene-panel.project.is-pointer-parallax-active .project-note {
    will-change: transform;
  }

}

@keyframes selected-film-idle-float {
  from { translate: -4px -9px; rotate: -.36deg; }
  to { translate: 6px 15px; rotate: .36deg; }
}

@media (min-width: 701px) and (pointer: fine) {
  body .scene-panel .desktop-parallax-layer {
    transform: translate3d(
      var(--desktop-parallax-x, 0px),
      var(--desktop-parallax-y, 0px),
      0
    );
    will-change: transform;
  }

  body .scene-panel.hero .hero-title.desktop-parallax-layer {
    transform: translate(-50%, -50%) translate3d(
      var(--desktop-parallax-x, 0px),
      var(--desktop-parallax-y, 0px),
      0
    );
  }

  body .scene-panel.hero .hero-nav.desktop-parallax-layer {
    transform: translateX(-50%) translate3d(
      var(--desktop-parallax-x, 0px),
      var(--desktop-parallax-y, 0px),
      0
    );
  }

  body .scene-panel .scene-home-link.desktop-parallax-layer:hover,
  body .scene-panel .scene-home-link.desktop-parallax-layer:focus-visible {
    transform: translate3d(
      var(--desktop-parallax-x, 0px),
      calc(var(--desktop-parallax-y, 0px) - 2px),
      0
    );
  }
}