.brand-word{display:inline-block;white-space:nowrap;direction:ltr}
.brand-letter{display:inline-block;transform:translateY(0)}
@keyframes brand-letter-hop{
  0%,100%{transform:translateY(0)}
  38%{transform:translateY(-7px)}
  68%{transform:translateY(1px)}
  84%{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:no-preference){
  .brand:focus-visible .brand-letter{animation:brand-letter-hop 480ms cubic-bezier(.22,.7,.3,1) both;animation-delay:calc(var(--letter)*45ms)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .brand:hover .brand-letter{animation:brand-letter-hop 480ms cubic-bezier(.22,.7,.3,1) both;animation-delay:calc(var(--letter)*45ms)}
}