/* A restrained blue gradient keeps the existing lettering legible. */
.hero h1 .hero-gradient{color:#69aacf}
@supports (background-clip:text){
  .hero h1 .hero-gradient .impact-word-inner{background-image:linear-gradient(110deg,#568eb3,#9bd5ee 58%,#649fc2);background-size:220% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;transition:background-position 1.8s cubic-bezier(.2,.7,.3,1)}
  .hero:hover h1 .hero-gradient .impact-word-inner,.hero:focus-within h1 .hero-gradient .impact-word-inner{background-position:100% 50%}
}
@media(prefers-reduced-motion:reduce){.hero h1 .hero-gradient .impact-word-inner{transition:none}}
@media(forced-colors:active){.hero h1 .hero-gradient .impact-word-inner{background:none;color:CanvasText!important;-webkit-text-fill-color:CanvasText}}