/* The card artwork remains in owner-portal.css; motion is a pointer enhancement. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .demo-account-art[data-tilt][data-owner-tilt] {
    position: relative;
    isolation: isolate;
    transform-origin: 50% 50%;
    transform: perspective(1000px) rotateX(var(--owner-tilt-x, 0deg)) rotateY(var(--owner-tilt-y, 0deg)) translateY(var(--owner-tilt-lift, 0px));
  }

  .demo-account-art[data-tilt][data-owner-tilt-active] {
    will-change: transform;
  }

  .demo-account-art[data-tilt] > .owner-card-luster {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 3;
    opacity: var(--owner-light-opacity, 0);
    background: radial-gradient(ellipse at var(--owner-light-x, 50%) var(--owner-light-y, 50%), #fff9 0%, #fff3 26%, #fff0 68%);
    mix-blend-mode: soft-light;
  }

  .demo-account-art[data-tilt] > .owner-card-luster {
    background:
      radial-gradient(ellipse at var(--owner-light-x, 50%) var(--owner-light-y, 50%), #ffffffa3 0%, #ffffff38 25%, #fff0 64%),
      linear-gradient(var(--owner-light-angle, 115deg), #fff0 18%, #ffffff0a 34%, #ffffff70 49%, #ffffff0a 63%, #fff0 82%);
    mix-blend-mode: soft-light;
  }

  .demo-account-art[data-owner-tilt-active] {
    box-shadow: 0 22px 32px -17px #03130e99, inset 0 1px 0 #ffffff59;
  }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .demo-account-art[data-tilt][data-owner-tilt] {
    transform: none !important;
  }

  .demo-account-art[data-tilt] > .owner-card-luster {
    display: none !important;
  }
}