/* Reuse the established POTENT artwork response for navigation and film thumbnails. */
.motion-art{position:relative;transform:perspective(1000px) translateY(var(--lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--zoom,1));transition:transform 180ms ease,filter 220ms ease;transform-style:preserve-3d}
.windows-nav .nav-buttons>a.motion-art{transition:transform 180ms ease,filter 220ms ease,background-color 100ms,box-shadow 100ms}
@media(hover:hover) and (pointer:fine){.motion-art:hover{filter:brightness(1.14);z-index:2}}
.motion-art.sparkle-burst{animation:potent-art-click 650ms ease-out}
@keyframes potent-art-click{0%,100%{filter:brightness(1)}35%{filter:brightness(1.5) drop-shadow(0 0 7px #75caff);transform:perspective(1000px) translateY(-7px) rotateY(8deg) scale(1.075)}}
@media(hover:none),(pointer:coarse){.video-card.motion-art,.film-choice.motion-art,.friend-grid a.motion-art,#reel-play.motion-art,.nav-buttons>a.motion-art,.profile-counter.motion-art,.project.motion-art,[data-film].motion-art{transform:none!important;animation:none!important}}
@media(prefers-reduced-motion:reduce){.motion-art{transform:none!important;transition:none!important;animation:none!important;filter:none!important}}