/* Shared motion for platform screens, case interfaces and standalone illustrations. */
[data-platform-showcase][data-showcase-ready]>.interm-ecran,
[data-case-showcase][data-showcase-ready]>[data-showcase-screen],
[data-illustration-showcase][data-showcase-ready]>[data-showcase-screen]{
  transform-origin:50% 50%;
  transform:rotateX(calc(var(--showcase-scroll-x,0deg) + var(--showcase-pointer-x,0deg))) rotateY(var(--showcase-pointer-y,0deg));
  transition:none;
  backface-visibility:hidden;
}
[data-platform-showcase][data-showcase-moving]>.interm-ecran,
[data-case-showcase][data-showcase-moving]>[data-showcase-screen],
[data-illustration-showcase][data-showcase-moving]>[data-showcase-screen]{will-change:transform}
[data-case-showcase],[data-illustration-showcase]{position:relative;perspective:1600px}
[data-case-showcase]>[data-showcase-screen]{box-shadow:0 30px 55px -35px rgba(74,57,76,.3)}
@media(prefers-reduced-motion:reduce){
  [data-platform-showcase]>.interm-ecran,
  [data-platform-showcase][data-showcase-ready]>.interm-ecran,
  [data-case-showcase]>[data-showcase-screen],
  [data-case-showcase][data-showcase-ready]>[data-showcase-screen],
  [data-illustration-showcase]>[data-showcase-screen],
  [data-illustration-showcase][data-showcase-ready]>[data-showcase-screen]{transform:none;transition:none}
}