.motion-on .m-shot img,
.motion-on .m-shot video {
  transform: translate3d(0, var(--mp, 0px), 0) scale(var(--ms, 1));
  will-change: transform;
}
.motion-on .m-shot--settling img,
.motion-on .m-shot--settling video {
  transition: transform 1.8s var(--ease, cubic-bezier(.16,1,.3,1));
}
.motion-on .btn {
  transform: translate3d(var(--mx, 0px), var(--my, 0px), 0);
  transition: transform .5s var(--ease, cubic-bezier(.16,1,.3,1)),
              background-color .4s ease, color .4s ease, border-color .4s ease;
}
.motion-on .btn.is-pulling { transition: transform .18s ease-out; }
.motion-on .btn:active { transform: translate3d(var(--mx, 0px), var(--my, 0px), 0) scale(.98); }
.motion-on .band--dark { position: relative; }
.motion-on .band--dark > .m-glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .8s var(--ease, cubic-bezier(.16,1,.3,1));
  background: radial-gradient(
    420px circle at var(--gx, 50%) var(--gy, 50%),
    rgba(217, 119, 87, .13),
    rgba(217, 119, 87, .05) 42%,
    transparent 72%);
}
.motion-on .band--dark.is-lit > .m-glow { opacity: 1; }
.motion-on .band--dark > .wrap { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .motion-on .m-shot img,
  .motion-on .m-shot video { transform: none; transition: none; }
  .motion-on .btn { transform: none; }
  .pt-veil { display: none; }
  .motion-on .band--dark > .m-glow { display: none; }
}