/* Custom GMC Reveal Styles */
.reveal {
  opacity: 0 !important;
  transform: translateY(20px);
  pointer-events: none;
  transition:
    opacity 0.8s ease-out,
    transform 0.8s ease-out;
}

.reveal.active {
  opacity: 1 !important;
  transform: translateY(0);
  pointer-events: auto;
}

.scale-in {
  opacity: 0;
  transform: scale(0.9);
}

.scale-in.active {
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 0.8s ease-out,
    transform 0.8s ease-out;
}

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

@keyframes planeFly {
  0% {
    transform: translate(20px, 20px);
  }
  50% {
    transform: translate(-10px, -10px);
  }
  100% {
    transform: translate(20px, 20px);
  }
}

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

.animate-float {
  animation: float 4s ease-in-out infinite;
}

.animate-plane {
  animation: planeFly 6s linear infinite;
}

.animate-marquee {
  animation: marqueeScroll 30s linear infinite;
}

.header-scrolled {
  background-color: #002d5b !important;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

@media (max-width: 768px) {
  .animate-marquee {
    animation: marqueeScroll 10s linear infinite;
  }
}