/* Main hero banner */
#main-hero {
  --main-hero-interval: 5000;
  --main-hero-fade: 800;
}

.main-hero-text {
  transition: opacity calc(var(--main-hero-fade) * 1ms) ease;
  will-change: opacity;
}

.main-hero-text.is-fading {
  opacity: 0;
}