.hero-sequence{display:inline-flex;max-inline-size:100%;flex-wrap:wrap;justify-content:center;gap:.13em .24em;vertical-align:top;color:var(--motion-color)}
.hero-word{position:relative;max-inline-size:100%;overflow-wrap:anywhere;animation:pest-word-in var(--motion-duration) var(--motion-easing) var(--word-delay) both}
.hero-sequence[data-entry=rise]{--word-y:.35em}
.hero-sequence[data-entry=slide]{--word-x:-.35em}
[dir=rtl] .hero-sequence[data-entry=slide]{--word-x:.35em}
.hero-sequence[data-entry=scale]{--word-scale:.8}
.hero-word-mark{position:absolute;inset:0;pointer-events:none;animation:pest-mark 780ms var(--motion-easing) calc(var(--word-delay) + 160ms) both;color:var(--mark-color)}
.hero-word[data-mark=line] .hero-word-mark{inset:auto 5% -.075em;height:.14em;border-top:.045em solid;border-radius:50%;transform-origin:left}
[dir=rtl] .hero-word[data-mark=line] .hero-word-mark{transform-origin:right}
.hero-word[data-mark=ring] .hero-word-mark{inset:-.12em -.08em;border:.035em solid;border-radius:50%;rotate:-9deg}
.hero-word-mark i{position:absolute;inset-block-start:50%;left:50%;width:.16em;height:.045em;border-radius:1em;background:currentColor;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(.26em)}
.hero-word-mark i:nth-child(-n+3){left:100%}
.hero-word-mark i:nth-child(n+4){left:0}
@keyframes pest-word-in{from{opacity:0;transform:translate(var(--word-x,0),var(--word-y,0)) scale(var(--word-scale,1))}to{opacity:1;transform:none}}
@keyframes pest-mark{0%{opacity:0;scale:.76}32%,62%{opacity:1;scale:1}100%{opacity:0;scale:1.08}}
@media(max-width:650px){.hero-sequence{padding-inline:.22em}}
@media(prefers-reduced-motion:reduce){.hero-word{animation:none}.hero-word-mark{display:none}}

.hero-sequence[data-entry=none] .hero-word { animation:none; }
.hero-word[data-mark=ring] .hero-word-mark { animation-name:pest-ring; }
@keyframes pest-ring {
  0% { opacity:0; scale:.8; rotate:-35deg; }
  35%, 65% { opacity:1; }
  100% { opacity:0; scale:1.08; rotate:12deg; }
}
