/* Scroll-triggered Fade Animations - LTR (English) Direction */

/* Horizontal slide animations for LTR */
.fade-element.fade-left {
  transform: translateX(-50px) translateY(0);
}

.fade-element.fade-left.fade-in {
  transform: translateX(0) translateY(0);
}

.fade-element.fade-right {
  transform: translateX(50px) translateY(0);
}

.fade-element.fade-right.fade-in {
  transform: translateX(0) translateY(0);
}

/* Hero section left/right animations for LTR */
.hero .fade-element.fade-left {
  transform: translateX(-50px) translateY(80px);
}

.hero .fade-element.fade-right {
  transform: translateX(50px) translateY(80px);
}

.hero .fade-element.fade-left.fade-in,
.hero .fade-element.fade-right.fade-in {
  transform: translateX(0) translateY(0);
}