/* Homepage artwork: reuse the existing decorative banner container. 
.page-home .hero-moon {
  top: 16%;
  right: 15%;
  width: min(100%, 1100px);
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 0;
  background: url("../../img/home/banner-2.png") top right / contain no-repeat;
  filter: none;
  animation: none;
  transform: none;
  opacity: 0.6;
  pointer-events: none;
}*/

/* Keep foreground copy and links above the decorative artwork. */
.page-home .hero-inner {
  z-index: 1;
}

@media (max-width: 640px) {
  .page-home .hero-moon {
    opacity: 0.3;
  }
}