.animate-on-scroll {
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  transition-delay: var(--delay, 0s);
}

.animate-on-scroll[data-animation="fade-in-up"] {
  transform: translateY(30px);
}

.animate-on-scroll[data-animation="fade-in-right"] {
  transform: translateX(30px); /* Start 30px to the right */
}

.animate-on-scroll[data-animation="fade-in-left"] {
  transform: translateX(-30px);
}

/* Add this new animation type */
.animate-on-scroll[data-animation="fade-in-only"] {
  transform: none;
}

.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0) translateX(0); /* Reset transform to its original position */
}
/* --- Responsive adjustments for Recent Projects --- */
@media (max-width: 768px) {
  .section-header h2 {
    font-size: 4rem;
  }

  .project-entry,
  .project-entry.is-reversed {
    flex-direction: column; /* Stack vertically on mobile */
    gap: 3rem;
  }
}