/**
 * Blur Text Styles
 * Desktop: blur until hover OR until scrolled past questions section
 * Mobile: blur until scrolled past questions section
 */

/* Desktop: blur until hover or until revealed */
.blur-text {
  filter: blur(3px);
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.blur-text:hover:not(.is-revealed) {
  filter: blur(0);
}

/* When revealed (scrolled past questions section), always show unblurred */
.blur-text.is-revealed {
  filter: blur(0) !important;
  opacity: 1 !important;
}

/* Mobile: blur until scrolled into view */
@media (hover: none) {
  .blur-text {
    filter: blur(6px);
    opacity: 0.55;
    transition: filter 450ms ease, opacity 450ms ease;
    will-change: filter, opacity;
  }

  .blur-text.is-revealed {
    filter: blur(0);
    opacity: 1;
  }
}

/* Accessibility: Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .blur-text {
    filter: blur(0) !important;
    transition: none !important;
  }
  
  .blur-text.is-revealed {
    filter: blur(0) !important;
  }
}
