/* ==========================================================================
   START OF HERO SECTION STYLES
   ========================================================================== */

@keyframes focusOn {
  to { filter: blur(0px) brightness(1); transform: scale(1); }
}

@keyframes textScan {
  0% { clip-path: inset(0 100% 0 0); opacity: 0; }
  100% { clip-path: inset(0 0 0 0); opacity: 1; }
}

@keyframes lineGrow {
  to { width: 100px; }
}

.reveal-item {
  opacity: 0;
  animation: subReveal 1.5s ease forwards;
}

@keyframes subReveal {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
/* ==========================================================================
   END OF HERO SECTION STYLES
   ========================================================================== */