@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  
  html.bz-motion main.zx .bz-hover-card:is(.ag-review-card, .see-fig, .zx-case, .figbig, .zx-hero-frame, .zx-card, .svc-card, .ag-poster, .figshot) {
    transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .2s, background-color .2s;
  }

  html.bz-motion main.zx .bz-hover-card:is(.ag-review-card, .see-fig, .zx-case, .figbig, .zx-hero-frame, .zx-card, .svc-card, .ag-poster, .figshot):hover {
    transform: perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px) !important;
  }

  html.bz-motion main .bz-hover-card img.bz-zoom {
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
  }

  html.bz-motion main .bz-hover-card:hover img.bz-zoom {
    transform: scale(1.06) !important;
  }

  html.bz-motion main .bz-hover-button {
    transition: translate .25s ease-out !important;
  }

  html.bz-motion main .bz-hover-button:hover {
    translate: var(--bz-mx,0px) var(--bz-my,0px);
  }
}