.turn{color:#f5dfb9;grid-template-columns:100%;transition:width .7s cubic-bezier(.65,0,.25,1);display:inline-grid}.turn-phrase{white-space:nowrap;grid-area:1/1;justify-self:center}.turn:not([data-ready=true]) .turn-phrase:not(:first-child){display:none}.turn-phrase>span{transition:opacity .55s cubic-bezier(.2,.7,.25,1),transform .75s cubic-bezier(.2,.7,.25,1),filter .55s cubic-bezier(.2,.7,.25,1);transition-delay:calc(.12s + var(--word) * 70ms);display:inline-block}.turn-phrase[data-state=idle]>span{opacity:0;filter:blur(10px);transition:none;transform:translateY(.32em)}.turn-phrase[data-state=out]>span{opacity:0;filter:blur(10px);transition-duration:.4s;transition-delay:calc(var(--word) * 40ms);transform:translateY(-.26em)}.hero-dot[data-hop=true]{animation:.7s cubic-bezier(.45,0,.3,1) both dot-hop}@keyframes dot-hop{45%{transform:translateY(-.3em)}}