/* Hold the Intelix scene in place while its labels reveal through the scroll. */
.system-action {
  overflow: visible;
}

.intelix-orbit-pin {
  position: relative;
  min-height: calc(100vh + 1560px);
  margin-top: 25px;
}

.intelix-orbit-pin > .intelix-orbit {
  position: sticky;
  top: clamp(84px, calc((100vh - 620px) / 2), 150px);
  z-index: 1;
  margin-top: 0;
  margin-inline: 0;
}

/* Scroll-tied reveal for the four Intelix orbit labels. */
.intelix-orbit.orbit-labels-scroll .orbit-node {
  opacity: var(--orbit-opacity, 0);
  transform: translateY(var(--orbit-offset, 22px));
  pointer-events: none;
  transition:
    opacity .16s ease-out,
    transform .16s ease-out,
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
  will-change: opacity, transform;
}

.intelix-orbit.orbit-labels-scroll .orbit-node:hover {
  transform: translateY(calc(var(--orbit-offset, 0px) - 4px));
}

@media (prefers-reduced-motion: reduce) {
  .intelix-orbit.orbit-labels-scroll .orbit-node {
    transition: none;
  }
}