/* Side-by-side section animations */
.slide-from-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-from-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Respect user preference for reduced motion */
@media (prefers-reduced-motion) {
  .slide-from-left,
  .slide-from-right {
    transition: opacity 0.8s ease-out;
    transform: none;
  }
}