/* Keep animated artwork in its own stacking context, behind native text. */
.water-header {
  isolation: isolate;
}

.water-header .banner-title,
.water-header .banner-subtitle {
  font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  font-style: normal;
  font-synthesis: none;
  /* A text shadow avoids the offscreen filter surface used by drop-shadow(). */
  -webkit-filter: none;
  filter: none;
}

.water-header .banner-title {
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}

.water-header .banner-subtitle {
  font-weight: 600;
}