.cefinnj-wrap {
  will-change: transform;
  transform-origin: center;
}

.logo.is-hovered .cefinnj-wrap {
  transform: translateY(-2px);
}

.logo.is-pressed .cefinnj-wrap {
  animation: logo-press .72s cubic-bezier(.2,.8,.2,1);
}

@keyframes logo-press {
  0% { transform: scale(1); }
  35% { transform: scale(.9) rotate(-2deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .cefinnj-wrap,
  .logo.is-hovered .cefinnj-wrap,
  .logo.is-pressed .cefinnj-wrap {
    animation: none !important;
    transform: none !important;
  }
}