.logo-morph{position:relative;width:74px;height:48px;display:grid;place-items:center;z-index:3}.logo-morph i{position:absolute;font-style:normal;font-family:'Space Grotesk';font-weight:700}.old-logo{font-size:35px;letter-spacing:-3px;animation:oldLogo 7s ease-in-out infinite}.old-logo sup{font-size:16px;color:var(--coral);position:relative;top:-.5em;margin-left:2px}.new-logo{display:flex;align-items:center;font-size:27px;letter-spacing:-1px;opacity:0;animation:newLogo 7s ease-in-out infinite}.new-logo b{display:grid;place-items:center;width:29px;height:34px;margin-left:3px;background:var(--wine);color:#fff;font-size:21px;box-shadow:0 0 18px rgba(255,91,100,.22)}.logo-morph:after{content:'';position:absolute;left:48px;top:3px;width:4px;height:4px;background:var(--coral);border-radius:50%;opacity:0;animation:morphSignal 7s ease-in-out infinite;box-shadow:0 0 10px var(--coral)}@keyframes oldLogo{0%,28%{opacity:1;transform:scale(1);filter:blur(0)}42%,88%{opacity:0;transform:scale(.78) rotate(-5deg);filter:blur(3px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes newLogo{0%,32%{opacity:0;transform:scale(.8) rotate(5deg);filter:blur(3px)}48%,86%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}100%{opacity:0;transform:scale(.8);filter:blur(3px)}}@keyframes morphSignal{0%,27%,52%,100%{opacity:0;transform:translate(-22px,14px) scale(.4)}36%,44%{opacity:1;transform:translate(0,0) scale(1)}}@media(prefers-reduced-motion:reduce){.old-logo{animation:none}.new-logo,.logo-morph:after{display:none}}