/* hero text: neon outline that fills in, with a glowing caret (typewriter) */
.ks-nt{opacity:0}
.ks-nt.on{opacity:1;animation:ksNeon .75s ease-out backwards}
@keyframes ksNeon{
  0%{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.4px currentColor;text-shadow:0 0 6px currentColor,0 0 16px currentColor,0 0 34px currentColor}
  58%{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.4px currentColor;text-shadow:0 0 8px currentColor,0 0 20px currentColor,0 0 40px currentColor}
  100%{-webkit-text-fill-color:currentColor;-webkit-text-stroke:0 transparent;text-shadow:0 0 0 transparent}
}
.ks-nt-caret{display:inline-block;width:.07em;height:.9em;margin:0 0 0 .05em;vertical-align:-.1em;background:currentColor;border-radius:2px;box-shadow:0 0 8px currentColor,0 0 20px currentColor;animation:ksCaret .5s steps(2,start) infinite}
@keyframes ksCaret{to{opacity:.15}}
html.ks-a11y-still .ks-nt.on,html.ks-a11y-still .ks-nt-caret{animation:none}
@media (prefers-reduced-motion:reduce){.ks-nt.on,.ks-nt-caret{animation:none}}