.reveal-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  }
  .reveal-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .reveal-up.visible,
  .reveal-left.visible {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }

  /* Desktop progress line growth */
  .timeline-progress {
    width: 0%;
    transition: width 1.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .timeline-progress.grow {
    width: 100%;
  }