.brand-anim .wm-cursor { opacity: 0; }
.brand-anim .wm-chev,
.brand-anim .wm-stem { transform-box: fill-box; }
.brand-anim .wm-chev { transform-origin: 50% 50%; }
.brand-anim .wm-stem { transform-origin: 50% 100%; }

.brand-anim .wm-cursor { animation: wm-blink 1.5s linear 0.1s both; }
.brand-anim .wm-chev { animation: wm-flip 0.45s cubic-bezier(.6, 0, .3, 1) 1.5s both; }
.brand-anim .wm-stem { animation: wm-stem 0.35s ease-out 1.8s both; }
.brand-anim .wm-letter { animation: wm-in 0.45s ease-out both; }
.brand-anim .wm-1 { animation-delay: 2.05s; }
.brand-anim .wm-2 { animation-delay: 2.15s; }
.brand-anim .wm-3 { animation-delay: 2.25s; }
.brand-anim .wm-4 { animation-delay: 2.35s; }
.lockup-lg .lockup-symbol { animation: wm-symbol 0.5s ease-out 2.05s both; }

@keyframes wm-blink {
  0%, 16% { opacity: 1; }
  17%, 33% { opacity: 0; }
  34%, 50% { opacity: 1; }
  51%, 67% { opacity: 0; }
  68%, 88% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes wm-flip { from { transform: scaleX(-1); } to { transform: scaleX(1); } }
@keyframes wm-stem { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes wm-in { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }
@keyframes wm-symbol { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: none; } }