/* ============================= */
/* REVEAL ANIMATION (SAFE MODE) */
/* ============================= */

/* Content is ALWAYS visible */
.reveal {
  opacity: 1;
  transform: none;
}

/* Animate only when JS adds .active */
.reveal.active {
  animation: fadeUp 0.8s ease forwards;
}

.delay-1 { animation-delay: 0.15s; }
.delay-2 { animation-delay: 0.3s; }

/* ============================= */
/* SECTION TITLES */
/* ============================= */

.section-title {
  opacity: 1;
  transform: none;
}

.section-title.active {
  animation: fadeUpSmall 0.8s ease forwards;
}

/* ============================= */
/* HERO SLIDER TEXT */
/* ============================= */

.slide-content h1,
.slide-content p,
.slide-content .btn {
  opacity: 1;
  transform: none;
}

.slide.active .slide-content h1 {
  animation: fadeUpSmall 0.8s ease forwards;
  animation-delay: 0.2s;
}

.slide.active .slide-content p {
  animation: fadeUpSmall 0.8s ease forwards;
  animation-delay: 0.4s;
}

.slide.active .slide-content .btn {
  animation: fadeUpSmall 0.8s ease forwards;
  animation-delay: 0.6s;
}

/* ============================= */
/* KEYFRAMES */
/* ============================= */

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpSmall {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}