/* Top-page crescent placement.
   The moon stays in its own dark-sky area and never covers text or artwork. */
.hero > .moon {
  width: 94px !important;
  top: 24px !important;
  right: 28px !important;
  left: auto !important;
  opacity: .94 !important;
  z-index: 1 !important;
  pointer-events: none;
}

@media (width <= 800px) {
  .hero {
    padding-top: 82px !important;
  }

  .hero > .moon {
    width: 62px !important;
    top: 14px !important;
    right: 18px !important;
  }
}