/* Lift each section into place without changing document scrolling. */
@media (prefers-reduced-motion: no-preference) {
  .site-motion-enabled .section-lift {
    transition:
      opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
      translate 1s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--lift-delay, 0ms);
  }
  .site-motion-enabled .section-lift:not(.is-revealed) {
    opacity: 0;
    translate: 0 58px;
  }
  .site-motion-enabled .section-lift.is-revealed {
    opacity: 1;
    translate: 0 0;
  }
  .motion-image {
    scale: 1;
  }
  .page img.motion-image {
    transition:
      scale 0.8s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
      filter 0.4s ease;
    transform-origin: center;
  }
  .art-zoom {
    scale: 1;
    transition:
      scale 0.85s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    transform-origin: center;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .motion-image:hover,
  .image-hover:where(:hover, :focus-within) .motion-image {
    scale: 1.045;
  }
  .hero.image-hover:hover .hero-art {
    scale: 1.025;
  }
  .art-hover:where(:hover, :focus-within) .art-zoom {
    scale: 1.035;
  }
}
@media (max-width: 620px) {
  .site-motion-enabled .section-lift:not(.is-revealed) {
    translate: 0 34px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-motion-enabled .section-lift {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }
  .motion-image,
  .art-zoom {
    scale: 1 !important;
    transition: none !important;
  }
}