/* ========================================
   SCROLL REVEAL ANIMATIONS
   ======================================== */

.scroll-reveal {
  position: relative;
  overflow: hidden;
}

.scroll-reveal-text {
  margin: 0;
  line-height: 1.2;
}

.scroll-reveal .word {
  display: inline-block;
  will-change: opacity, filter, transform;
}

/* Animation states */
.scroll-reveal.initial .word {
  opacity: 0.1;
  filter: blur(4px);
}

.scroll-reveal.animated .word {
  opacity: 1;
  filter: blur(0px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .scroll-reveal .word {
    will-change: auto;
  }
}