html {
  scroll-behavior: smooth;
}

.fade-section {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease;
}

.fade-section.show {
  opacity: 1;
  transform: translateY(0);
}

.reveal {
  opacity: 0;
  transform: translateY(60px) scale(0.95);
  transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}