/* ===== HERO IMAGE ANIMATION ===== */
.zoom-bg {
  transform: scale(1.2);
  opacity: 0;
  animation:
    heroReveal 2s ease-out forwards,
    zoomLoop 20s ease-in-out 2s infinite alternate;
}

@keyframes heroReveal {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomLoop {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.08);
  }
}

/* ===== HERO TEXT ===== */
.hero-content {
  opacity: 0;
  transform: translateY(60px);
  animation: textReveal 1.5s ease forwards;
  animation-delay: 1s;
}

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

/* ===== BUTTON ===== */
.hero-content a {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  animation: buttonReveal 1s ease forwards;
  animation-delay: 1.8s;
}

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