/* Initial state: hidden and slightly shifted */
.animate-section {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
}

/* Visible state when the section scrolls into view */
.animate-section.visible {
  opacity: 1;
  transform: translateY(0);
}