/* Portrait orbit alignment */

.about-hero__orbit-dot::before {
  top:
    calc(
      (var(--dot-size, 0.62rem) / -2)
      + 0.5px
    );
}

/* Mobile portrait orbit */

@media (max-width: 38rem) {
  .about-hero__orbit-dot--3,
  .about-hero__orbit-dot--4 {
    --dot-inset: 3rem;
  }
}