/* Animated Logo - Smooth Looping Enhancements */

/* Smooth fade effect on video loop */
video[src*="logo.mp4"] {
  animation: logoFadeSmooth 0.5s ease-in-out;
}

@keyframes logoFadeSmooth {
  0% {
    opacity: 0.95;
  }
  100% {
    opacity: 1;
  }
}

/* Reduce jarring motion with subtle easing */
.bff-logo video {
  will-change: opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/* Optional: Add very subtle scale breathing effect */
.bff-logo:hover video {
  transform: scale(1.02);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}