/* Optional hero treatment; remove this stylesheet link to restore the white hero. */
.hero {
  /* Supplied gradient: white begins around the store badges and is complete
     near the top of the artwork. Its height is independent of the hero image. */
  background: #fff url('assets/zingo/hero-gradient.webp') center top / 100% 800px no-repeat;
}
.hero h1 { color: #fff; }
.hero-text p { color: rgb(255 255 255 / 85%); }
.hero h1 .gradient-text { background: none; color: #fff; -webkit-text-fill-color: #fff; }
.hero-text { text-shadow: none; }

/* White compact wordmark over the hero gradient. */
.floating-nav:not(.expanded) .brand img { filter: brightness(0) invert(1); }