.site-intro-active,
.site-intro-active body {
  overflow: hidden;
}

.site-entry-intro {
  --site-intro-accent: #f7971d;
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #000;
  opacity: 1;
  transition: opacity 240ms ease;
}

.site-entry-intro.is-leaving {
  opacity: 0;
  pointer-events: none;
}

.site-intro-loader {
  width: clamp(140px, 18vw, 200px);
  max-height: 90vh;
  overflow: visible;
  transform-origin: 50% 50%;
}

.site-intro-center,
.site-intro-orbit-left,
.site-intro-orbit-right,
.site-intro-points {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}

.site-intro-center {
  will-change: transform;
}

.site-intro-orbit-right {
  fill: var(--site-intro-accent);
  will-change: transform;
}

.site-intro-orbit-left {
  fill: var(--site-intro-accent);
  will-change: transform;
}

.site-intro-points {
  will-change: transform;
}