/* Scroll Position Text Reveals - Hidden text that appears based on scroll position */

.scroll-reveal {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  color: var(--color-muted);
  font-style: italic;
  font-size: 0.9rem;
  line-height: 1.4;
}

.scroll-reveal.revealed {
  opacity: 1;
}

/* Graceful degradation - show content if CSS animations are disabled */
@media (prefers-reduced-motion: reduce) {
  .scroll-reveal {
    opacity: 0.7;
  }
  
  .scroll-reveal.revealed {
    opacity: 1;
  }
}

/* Show all reveals when JavaScript is disabled */
.no-js .scroll-reveal {
  opacity: 1;
}