.hero-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(ellipse 120% 100% at 50% 45%,
              #16204a 0%, #0a0e24 45%, #03040c 100%);
}

#stage {
  position: relative;
  flex: none;
  width: 1920px;
  height: 1080px;
  transform-origin: center center;
}

#stars { position: absolute; inset: 0; }

#orbit-wrap, #moon-wrap, #title-wrap {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
}

#moon-wrap  { z-index: 2; }
#orbit-wrap { z-index: 3; }
#title-wrap { align-items: flex-end; padding-bottom: 118px; z-index: 4; }

#title {
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
  font-weight: 800; font-size: 82px; letter-spacing: 14px;
  text-transform: uppercase; white-space: nowrap;
  color: #ffe9a8;
  text-shadow: 0 0 26px rgba(255,196,64,.75), 0 0 70px rgba(255,150,20,.45);
}