/* The existing .hero-rain canvas styles come from style.css. */
.kab-home .kab-hero {
  position: relative;
  overflow: hidden;
}
.kab-home .kab-hero > .section-inner {
  position: relative;
  z-index: 1;
}

/* The original light-theme rain is too bright against the dark hero. */
html[data-theme="dark"] .kab-home .hero-rain {
  opacity: 0.08;
}
@media (prefers-color-scheme: dark) {
  html[data-theme="system"] .kab-home .hero-rain {
    opacity: 0.08;
  }
}