/* Motion is decorative: the base document remains fully visible without JS. */
.wp-block-button__link,
.pg-card,
.pg-trade-card,
.pg-related-card {
  transition-property: color, background-color, border-color, box-shadow, transform;
  transition-duration: 220ms, 220ms, 220ms, 320ms, 320ms;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

.pg-icon,
.pg-print-art .pg-art-layer,
.pg-print-art .pg-art-registration,
.pg-print-art__registration,
.pg-print-art__plates > :is(g, rect, path[fill]),
.pg-print-art__dots {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 420ms cubic-bezier(.22, 1, .36, 1), color 220ms ease;
}

.pg-arrow-link a::after,
.pg-card-link a::after,
.pg-related-card a::after,
.pg-trade-card h3 a::after {
  display: inline-block;
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1);
}

@media (prefers-reduced-motion: no-preference) {
  .wp-block-button__link:focus-visible {
    transform: translateY(-2px);
  }

  .pg-card:focus-within .pg-icon,
  .pg-trade-card:focus-within .pg-icon,
  .pg-related-card:focus-within .pg-icon {
    transform: translateY(-2px) rotate(-3deg);
  }

  .pg-arrow-link a:focus-visible::after,
  .pg-card-link a:focus-visible::after,
  .pg-related-card a:focus-visible::after,
  .pg-trade-card h3 a:focus-visible::after {
    transform: translate(2px, -2px);
  }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .wp-block-button__link:hover {
    transform: translateY(-2px);
  }

  .pg-card:hover .pg-icon,
  .pg-trade-card:hover .pg-icon,
  .pg-related-card:hover .pg-icon {
    transform: translateY(-2px) rotate(-3deg);
  }

  .pg-arrow-link a:hover::after,
  .pg-card-link a:hover::after,
  .pg-related-card a:hover::after,
  .pg-trade-card h3 a:hover::after {
    transform: translate(2px, -2px);
  }

  .pg-print-art:hover .pg-art-layer,
  .pg-print-art:hover .pg-print-art__plates > :is(g, rect, path[fill]) {
    transform: translateY(-2px);
  }

  .pg-print-art:hover .pg-art-registration,
  .pg-print-art:hover .pg-print-art__registration {
    transform: rotate(6deg);
  }

  .pg-print-art:hover .pg-print-art__dots {
    transform: translateX(2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  .wp-block-button__link,
  .pg-card,
  .pg-card img,
  .pg-trade-card,
  .pg-related-card,
  .pg-icon,
  .pg-print-art,
  .pg-print-art .pg-art-layer,
  .pg-print-art .pg-art-registration,
  .pg-print-art__registration,
  .pg-print-art__plates > :is(g, rect, path[fill]),
  .pg-print-art__dots,
  .pg-arrow-link a::after,
  .pg-card-link a::after,
  .pg-related-card a::after,
  .pg-trade-card h3 a::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}