/* Daylight only. Night retains the original hero-motion.css appearance. */
.hero[data-hero-period="day"] .hero-image {
  filter:saturate(.82) contrast(1.02) brightness(1);
}
.hero[data-hero-period="day"] .hero-shade {
  background:
    linear-gradient(90deg,rgba(4,12,21,.9) 0%,rgba(5,15,25,.78) 28%,rgba(5,15,25,.58) 44%,rgba(5,15,25,.14) 68%,rgba(5,15,25,.04) 100%),
    linear-gradient(0deg,rgba(4,12,20,.8) 0%,rgba(4,12,20,.08) 38%,rgba(4,12,20,.02) 70%,rgba(4,12,20,.12) 100%);
}
@media(max-width:900px) {
  .hero[data-hero-period="day"] .hero-shade {
    background:
      linear-gradient(90deg,rgba(4,12,21,.86),rgba(4,12,21,.6)),
      linear-gradient(0deg,rgba(4,12,21,.85),rgba(4,12,21,.06) 55%,rgba(4,12,21,.06));
  }
}