.font-sans {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.shadow-glow {

  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  filter: blur(20px);
  opacity: 0.5;
}

.animate-hero-enter {
  animation: fadeInSlide 0.6s ease-out forwards;
  opacity: 0;
  transform: translateY(10px);
}

.animate-hero-scale {
  animation: fadeInScale 0.6s ease-out 0.1s forwards;
  opacity: 0;
  transform: scale(0.98);
}

@keyframes fadeInSlide {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInScale {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-project-in-view {
  animation: fadeInSlideUp 0.4s ease-out forwards;
  opacity: 0;
  transform: translateY(12px);
}

@keyframes fadeInSlideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}