/* The page owns .device-art placement, width and margins. Static art needs no JS. */
.device-art__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform-origin: 50% 55%;
  pointer-events: none;
}

.device-art[data-device-motion="active"] .device-art__image {
  transition: transform 280ms cubic-bezier(.2, .65, .35, 1);
}

[data-device-motion-toggle] { cursor: pointer; }
[data-device-motion-toggle]:disabled { cursor: default; }

@media (prefers-reduced-motion: reduce) {
  .device-art .device-art__image {
    transform: none !important;
    transition: none !important;
  }
}