/* Color moves across the lettering; the original readable type stays still. */
.heading-reactive{position:relative;isolation:isolate}
.heading-reactive>.heading-ink{position:absolute!important;inset:0;display:block!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none;user-select:none;white-space:inherit;text-align:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;opacity:0;color:transparent!important;-webkit-text-fill-color:transparent!important;background-image:var(--heading-gradient,linear-gradient(115deg,#006c67 4%,#168779 28%,#3da38f 48%,#087d7d 69%,#005854 96%));background-size:160% 160%;background-position:var(--ink-bg-x,50%) var(--ink-bg-y,50%);background-clip:text;-webkit-background-clip:text;mask-image:radial-gradient(circle var(--ink-radius,95px) at var(--ink-x,50%) var(--ink-y,50%),#000 5%,#000e 36%,#0008 66%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--ink-radius,95px) at var(--ink-x,50%) var(--ink-y,50%),#000 5%,#000e 36%,#0008 66%,transparent 100%)}
.heading-reactive>.heading-ink *{color:transparent!important;-webkit-text-fill-color:transparent!important}
.hero .heading-reactive{--heading-gradient:linear-gradient(115deg,#d5ffec 3%,#67edc5 26%,#b2f5a7 46%,#43dbd3 72%,#edfff7 97%)}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.heading-ink{display:none!important}}
@media(forced-colors:active){.heading-ink{display:none!important}}