/* DEV-ONLY: the hero orbital frame must never stretch into an ellipse. */
.hero::before {
  inset: auto;
  top: 50%;
  left: 50%;
  width: min(92vw, 820px);
  height: auto;
  aspect-ratio: 1 / 1;
  transform: translate(-50%, -50%) rotate(-18deg);
}
@media (max-width: 820px) {
  .hero::before { width: min(128vw, 650px); }
}
@media (max-width: 520px) {
  .hero::before { width: min(148vw, 560px); top: 47%; }
}