/* =============================
   Scroll Blur / Highlight effect
   ============================= */

/* initial blurred state */
.scroll-fade {
  opacity: 0.3;
  filter: blur(6px);
  transform: scale(0.98);
  transition: all 0.7s ease;
}

/* when in viewport (highlighted) */
.scroll-fade.visible {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}