.hero h1 .hero-role{position:relative;height:1.12em;overflow:hidden}
.hero-role i{position:absolute;inset:0 auto auto 0;font:inherit;font-style:normal;white-space:nowrap;opacity:0;transform:translateY(110%);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .55s ease;will-change:transform,opacity}
.hero-role i.is-active{opacity:1;transform:translateY(0)}
.hero-role i.is-above{opacity:0;transform:translateY(-110%)}
@media(prefers-reduced-motion:reduce){.hero-role i{transition:none;will-change:auto}}