/* Keynote type motion adapted from the user's supplied HTML study. */
.hero-title-motion{
 contain:paint;
 overflow:clip;
 padding:14px;
 margin:-14px;
}
.hero-title-motion[data-motion="preparing"]{visibility:hidden}
.hero-motion-unit{
 display:inline-block;
 max-inline-size:100%;
 vertical-align:baseline;
 transform-origin:50% 60%;
 white-space:normal;
}
.hero-title-motion .highlight{background-repeat:no-repeat;background-position:left bottom}
[dir="rtl"] .hero-title-motion .highlight{background-position:right bottom}
@media(prefers-reduced-motion:reduce){
 .hero-title-motion[data-motion="preparing"]{visibility:visible}
 .hero-motion-unit{transform:none!important;filter:none!important;opacity:1!important;text-shadow:none!important}
}