.short-wrap {
  animation: logo-in 900ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
}

.mid-wrap {
  animation: logo-in 900ms 200ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
}

.long-wrap {
  animation: logo-in 900ms 400ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
}

.mid-long-wrap {
  animation: logo-in 900ms 700ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
}

.super-long-wrap {
  animation: logo-in 900ms 800ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
}



@keyframes logo-in {
  0%   { opacity: 0; transform: translateY(18px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}