/* ==========================================================================
   ANIMATION KEYFRAMES
   ========================================================================== */

/* Zoom and sharpen image */
@keyframes focusOn {
  to {
    filter: blur(0px) brightness(0.6);
    transform: scale(1);
  }
}

/* Horizontal scan reveal for the title */
@keyframes textScan {
  0% { 
    clip-path: inset(0 100% 0 0); 
    opacity: 0; 
    transform: translateX(-20px);
  }
  100% { 
    clip-path: inset(0 0 0 0); 
    opacity: 1; 
    transform: translateX(0);
  }
}

/* Grow the blue decorative line */
@keyframes lineGrow {
  to { width: 100px; }
}

/* Reveal animation for secondary items */
.reveal-item {
  opacity: 0;
  animation: subReveal 1.5s ease forwards;
}

@keyframes subReveal {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}