/* ---------------------------------------------
   Global Animations & Keyframes
---------------------------------------------- */
.reveal,
.hero-text,
.video-copy,
.portfolio-card,
.testimonial-card {
  transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 700ms ease;
}

@keyframes slow-pan {
  0% {
    transform: translate3d(-2%, -2%, 0) scale(1.02);
  }
  50% {
    transform: translate3d(2%, 1%, 0) scale(1.05);
  }
  100% {
    transform: translate3d(-2%, -1%, 0) scale(1.02);
  }
}

@keyframes float {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(12px, -20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes diagonal-move {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-120px, -120px, 0);
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 0.45;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.12);
  }
}

@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-3px);
  }
  50% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(-2px);
  }
}