/* V54 changes only the entrance flight: the cosmic image itself is the scene. */
.entry-sequence .entry-cosmos-rim {
  z-index: 0;
  -webkit-mask-image: none;
  mask-image: none;
  opacity: 1;
  animation: entry-v54-flight 8.15s cubic-bezier(.23,.19,.47,.97) both;
  transition: opacity .52s ease-out;
}
.entry-sequence.is-flight .entry-cosmos-rim { opacity: 1; }
.entry-sequence.is-hud .entry-cosmos-rim { opacity: 0; }
.entry-sequence .entry-canvas { z-index: 1; }
.entry-sequence .entry-webgl { display: none; }
@keyframes entry-v54-flight {
  0% { transform: scale(1.025) translate3d(0,0,0); }
  25% { transform: scale(1.065) translate3d(-.6%,.35%,0); }
  52% { transform: scale(1.105) translate3d(.8%,-.55%,0); }
  76% { transform: scale(1.16) translate3d(-.65%,.45%,0); }
  100% { transform: scale(1.215) translate3d(.55%,-.4%,0); }
}
@media (max-width: 700px) {
  .entry-sequence .entry-cosmos-rim { animation-name: entry-v54-flight-mobile; }
  /* Show only the lower region of the source in the lower panel, so the
     source image's moon cannot appear a second time near the bottom. */
  .entry-sequence .entry-cosmos-rim::after { background-size: auto 145%; }
  @keyframes entry-v54-flight-mobile {
    0% { transform: scale(1.01) translate3d(0,0,0); }
    50% { transform: scale(1.055) translate3d(-.4%,.2%,0); }
    100% { transform: scale(1.095) translate3d(.35%,-.3%,0); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .entry-sequence:not(.force-play) .entry-cosmos-rim { animation: none; }
}