/* A destination approaches behind the content during the existing flight gap. */
.orbit-planet-arrival {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  contain: layout paint;
}

.orbit-planet-arrival[hidden] { display: none; }
.orbit-neighbor-arrival-muted { visibility: hidden; }

.orbit-arrival-planet {
  position: absolute;
  right: 1%;
  bottom: 10%;
  width: clamp(130px, 18vw, 270px);
  opacity: var(--arrival-opacity, 0);
  transform: translate3d(var(--arrival-x, 0), var(--arrival-y, 0), 0) scale(var(--arrival-scale, 1));
  transform-origin: 50% 50%;
  filter: saturate(.65) brightness(.8) blur(var(--arrival-blur, 0px));
}

.orbit-arrival-planet img {
  display: block;
  width: 100%;
  height: auto;
}

.orbit-arrival-ringed { width: clamp(190px, 25vw, 380px); }
.orbit-planet-arrival[data-direction="reverse"] .orbit-arrival-planet {
  right: auto;
  bottom: auto;
  left: 9%;
  top: 19%;
  transform: translate3d(calc(var(--arrival-x, 0px) * -1), calc(var(--arrival-y, 0px) * -1), 0) scale(var(--arrival-scale, 1));
}

#portfolio.intro-pending .orbit-planet-arrival { visibility: hidden; }
#portfolio.page-hidden .orbit-arrival-planet { animation-play-state: paused; }

@media (max-width: 700px) {
  .orbit-arrival-planet { right: -8%; bottom: 15%; width: clamp(110px, 29vw, 160px); }
  .orbit-arrival-ringed { width: clamp(170px, 43vw, 230px); }
  .orbit-planet-arrival[data-direction="reverse"] .orbit-arrival-planet { left: -9%; top: 19%; }
}

@media (prefers-reduced-motion: reduce) {
  .orbit-planet-arrival { display: none; }
  .orbit-neighbor-arrival-muted { visibility: visible; }
}