.hero-typeword,.hero-typeword-text{display:inline;white-space:nowrap}
.hero-typeword-size{display:none}
[data-hero-typewriter]{padding:0;margin:0}
[data-hero-typewriter]:after{content:"";display:inline-block;vertical-align:-.04em;height:.85em;width:2px;margin-inline:1px;background:currentColor;animation:hero-caret 1.1s step-end infinite}
@keyframes hero-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){[data-hero-typewriter]:after{display:none;animation:none}}

.hero-typephrase{display:inline-block;white-space:nowrap}
@media(max-width:720px){.hero-typephrase{display:inline;white-space:normal}}

/* Keep the subtitle close when the animated title uses fewer lines. */
.hero h1:has(.hero-title-text){display:flex;align-items:flex-end;justify-content:center}
.hero-title-text{display:block;width:100%}

.hero-mobile-for{display:none}
@media(max-width:720px){
 .hero-title-intro,.hero-typephrase{display:block;white-space:nowrap}
 .hero-mobile-for{display:inline}
 .hero-desktop-for{display:none}
}