/* ANIMATIONS */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  opacity: 0;
  animation: fadeUp 0.8s ease forwards;
}

.hero-eyebrow {
  animation-delay: 0.1s;
}
.hero-name {
  animation-delay: 0.25s;
}
.hero-title {
  animation-delay: 0.35s;
}
.hero-desc {
  animation-delay: 0.45s;
}
.hero-cta {
  animation-delay: 0.55s;
}
.photo-frame {
  animation-delay: 0.3s;
}