/* Constellation Field-inspired layer, isolated to the public home hero. */
.hero-constellation {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.94;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.7) 38%, #000 70%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.7) 38%, #000 70%);
}

.hero-copy,
.hero-scene {
  position: relative;
  z-index: 1;
}

@media (max-width: 600px) {
  .hero-constellation {
    opacity: 0.76;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, #000 52%, #000 100%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, #000 52%, #000 100%);
  }
}