.home-about svg.about-orbit { display: block; overflow: visible; }
@media (min-width: 701px) {
  /* Preserve Ellipse 13 and its rotation, fitting the rotated box inside the viewport.
     cos(10.24deg) + (412.873 / 1600) * sin(10.24deg) = 1.0299; .97 leaves a gutter. */
  .home-about svg.about-orbit {
    width: min(1600px, calc(97vw - 62.08px));
    height: auto;
    aspect-ratio: 1600 / 412.873;
    top: auto;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%) rotate(10.24deg);
  }
}
.orbit-draw-ready .orbit-stroke { stroke-dasharray: 1; stroke-dashoffset: 1; }
.orbit-draw-ready.orbit-draw-playing .orbit-stroke {
  animation: about-orbit-draw 2.6s cubic-bezier(.3,.2,.35,1) both;
}
.orbit-draw-ready.orbit-draw-complete .orbit-stroke {
  animation: none;
  stroke-dashoffset: 0;
}
.orbit-draw-paused .orbit-stroke { animation-play-state: paused !important; }
@keyframes about-orbit-draw {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .orbit-draw-ready .orbit-stroke {
    animation: none !important;
    stroke-dashoffset: 0;
  }
}