/* The original artwork and its exact vector overlays always move as one surface. */
@media (prefers-reduced-motion: no-preference) {
  .sc-depth-enabled .sc-hero-image {
    transform: translateY(var(--sc-image-y, 0px)) scale(var(--sc-image-scale, 1.065));
  }
  .sc-depth-enabled .sc-hero-sticker {
    transform: translateY(var(--sc-sticker-y, 0px)) rotate(var(--sc-sticker-turn, 9deg));
  }
  .sc-depth-enabled .sc-animate-plate .sc-composed-art {
    transform: perspective(1800px) rotateX(var(--sc-plate-turn, 0deg)) scale(var(--sc-plate-scale, 1));
    transform-origin: 50% 35%;
  }
  .sc-depth-enabled .sc-animate-artwork { translate: 0 var(--sc-art-y, 0px); }
  .sc-depth-enabled .sc-animate-panorama > img { scale: var(--sc-panorama-scale, 1); }
  .sc-depth-enabled .sc-art-in-view .sc-hero-image,
  .sc-depth-enabled .sc-art-in-view .sc-hero-sticker,
  .sc-depth-enabled .sc-art-in-view .sc-composed-art { will-change: transform; }
  .sc-depth-enabled .sc-animate-artwork.sc-art-in-view { will-change: translate; }
  .sc-case:not(.sc-motion-off) .sc-person {
    transform: translate(var(--person-x, 0px), var(--person-y, 0px)) scale(var(--person-scale, 1)) rotate(var(--person-turn, 0deg));
  }
  .sc-case:not(.sc-motion-off) .sc-circle-center { scale: calc(.94 + var(--circle-progress, 1) * .06); }
  .sc-case .sc-circle-check { transition-duration: .7s; transition-timing-function: cubic-bezier(.22,1,.36,1); }
  .sc-case .sc-circle-steps li { transition-duration: .45s; }
}
.sc-case.sc-motion-off .sc-hero-image { transform: none; will-change: auto; }
.sc-case.sc-motion-off .sc-hero-sticker { transform: rotate(9deg); }
.sc-case.sc-motion-off .sc-circle-check,
.sc-case.sc-motion-off .sc-circle-steps li { transition: none; }
.sc-case.sc-motion-off .sc-animate-plate .sc-composed-art,
.sc-case.sc-motion-off .sc-animate-artwork,
.sc-case.sc-motion-off .sc-animate-panorama > img { transform: none; translate: none; scale: none; will-change: auto; }
@media (prefers-reduced-motion: reduce) {
  .sc-case .sc-circle-center { scale: none; }
  .sc-case .sc-hero-sticker { transform: rotate(9deg); }
}