/* A gentle underline travels left to right, then continues on the second line. */
.hero-underline-line{position:relative;display:inline-block}
.hero-underline-line::after{content:"";position:absolute;left:0;right:0;bottom:-.055em;height:.045em;min-height:2px;border-radius:999px;background:var(--blue);pointer-events:none;transform:scaleX(0);transform-origin:left center;opacity:0;animation:heroUnderlineSweep 8s ease-in-out infinite}
.hero-underline-line-second::after{animation-delay:1.65s}
@keyframes heroUnderlineSweep{0%,8%{transform:scaleX(0);opacity:0}10%{opacity:.8}29%,64%{transform:scaleX(1);opacity:.8}78%,100%{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-underline-line::after{animation:none!important;transform:scaleX(1);opacity:.65}}