/* services.css - page-specific styles for services.html */

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

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

.delay-700 {
  animation-delay: 0.7s;
}

.brutalist-shadow {
  box-shadow: 8px 8px 0px 0px #1a104e;
}

.brutalist-shadow-blue {
  box-shadow: 8px 8px 0px 0px #2e5bff;
}

.services-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 700ms ease, transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.services-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}