.brand-word{display:flex;align-items:flex-end;white-space:nowrap;letter-spacing:-.065em}
.brand-word .brand-letter{display:inline-block;position:relative;min-width:.57em;text-align:center;color:inherit;font-size:inherit;letter-spacing:0;will-change:transform}
.brand-word.running .brand-letter-1{animation:brand-letter-1 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-2{animation:brand-letter-2 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-3{animation:brand-letter-3 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-4{animation:brand-letter-4 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-5{animation:brand-letter-5 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-6{animation:brand-letter-6 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-7{animation:brand-letter-7 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-8{animation:brand-letter-8 5.8s 1 cubic-bezier(.77,0,.18,1) both}
.brand-word.running .brand-letter-9{animation:brand-letter-9 5.8s 1 cubic-bezier(.77,0,.18,1) both}
@keyframes brand-letter-1{0%,12%,100%{transform:none}25%{transform:translateX(-2px)}40%{transform:translate(-4px,-1px)}56%{transform:translate(-9px,-5px)}75%{transform:translateX(-8px)}90%{transform:none}}
@keyframes brand-letter-2{0%,12%,100%{transform:none}25%{transform:translateX(-1px)}40%{transform:translate(-2px,2px)}56%{transform:translate(-2px,4px)}75%{transform:translateX(-7px)}90%{transform:none}}
@keyframes brand-letter-3{0%,12%,100%{transform:none}25%{transform:translate(1px,-1px)}40%{transform:translate(3px,-3px)}56%{transform:translate(5px,-5px)}75%{transform:translateX(-6px)}90%{transform:none}}
@keyframes brand-letter-4{0%,12%,100%{transform:none}25%{transform:translate(2px,1px)}40%{transform:translate(4px,2px)}56%{transform:translate(9px,-7px)}75%{transform:translateX(-5px)}90%{transform:none}}
@keyframes brand-letter-5{0%,12%,100%{transform:none}25%{transform:translate(2px,-1px)}40%{transform:translate(5px,-2px)}56%{transform:translate(-9px,6px)}75%{transform:translateX(5px)}90%{transform:none}}
@keyframes brand-letter-6{0%,12%,100%{transform:none}25%{transform:translateX(4px)}40%{transform:translateX(7px)}56%{transform:translate(-2px,1px)}75%{transform:translateX(6px)}90%{transform:none}}
@keyframes brand-letter-7{0%,12%,100%{transform:none}25%{transform:translate(5px,-1px)}40%{transform:translate(8px,-2px)}56%{transform:translate(6px,-6px)}75%{transform:translateX(7px)}90%{transform:none}}
@keyframes brand-letter-8{0%,12%,100%{transform:none}25%{transform:translate(6px,1px)}40%{transform:translate(9px,2px)}56%{transform:translate(2px,3px)}75%{transform:translateX(8px)}90%{transform:none}}
@keyframes brand-letter-9{0%,12%,100%{transform:none}25%{transform:translateX(7px)}40%{transform:translate(10px,-1px)}56%{transform:translate(12px,-3px)}75%{transform:translateX(9px)}90%{transform:none}}
@media(prefers-reduced-motion:reduce){.brand-word.running .brand-letter{animation:none}}