/* Restore the branded intro on Windows desktop/tablet even when the operating
   system reports reduced motion. Mobile behavior is intentionally unchanged. */
@media (min-width: 768px) {
  .cinema-intro { display: grid !important; }

  .cinema-intro .intro-panel {
    transition: transform 1.15s cubic-bezier(.77,0,.18,1) 1.85s !important;
  }

  .cinema-intro .intro-center img {
    opacity: 0;
    transform: scale(.35) rotate(-16deg);
    animation: rpsLogoDesktopV16 .8s cubic-bezier(.16,1,.3,1) .28s forwards !important;
  }

  .cinema-intro .intro-center .intro-store i {
    opacity: 1;
    transform: translateY(110%);
    animation: rpsWordsDesktopV16 .7s cubic-bezier(.16,1,.3,1) .68s forwards !important;
  }

  .cinema-intro .intro-center > b em {
    transform: translateX(-100%);
    animation: rpsLineDesktopV16 1.05s ease .82s forwards !important;
  }

  .cinema-intro.finish .intro-center {
    animation: rpsCenterOutDesktopV16 .6s ease forwards !important;
  }

  .cinema-intro.finish .intro-flash {
    animation: rpsFlashDesktopV16 .7s ease 1.05s !important;
  }

  .page-transition {
    display: flex !important;
    transition: transform .72s cubic-bezier(.77,0,.18,1) !important;
  }

  .page-transition i {
    transition: width .5s ease .18s !important;
  }
}

@keyframes rpsLogoDesktopV16 {
  0% { opacity: 0; transform: scale(.35) rotate(-16deg); }
  72% { opacity: 1; transform: scale(1.08) rotate(2deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes rpsWordsDesktopV16 {
  to { transform: translateY(0); }
}

@keyframes rpsLineDesktopV16 {
  to { transform: translateX(0); }
}

@keyframes rpsCenterOutDesktopV16 {
  to { opacity: 0; transform: scale(1.2); filter: blur(9px); }
}

@keyframes rpsFlashDesktopV16 {
  0%,100% { opacity: 0; }
  45% { opacity: .65; }
}