/* Scroll animation */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===== Gradient text ===== */
.gradient-text {
  background: linear-gradient(135deg, #E4874A, #CF531E, #AC3F1A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.dark .gradient-text {
  background: linear-gradient(135deg, #EDAF71, #E4874A, #DE6A29);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}