@keyframes heroIn { from { opacity: 0; transform: translateY(30px); } }
@keyframes heroMask { from { opacity: 0; clip-path: inset(18% 0 35% 0 round 50% 50% 2rem 2rem); transform: translateY(25px); } to { opacity: 1; clip-path: inset(0 0 0 0 round 50% 50% 2rem 2rem); } }
@keyframes drawLine { to { stroke-dashoffset: 0; } }
@keyframes cinemaBreathe { from { transform: scale(1.045); } to { transform: scale(1.09) translate3d(-.8%, .4%, 0); } }
@keyframes titleFlux {
  0%, 28% { background-position: 105% 50%; }
  58%, 100% { background-position: -105% 50%; }
}
@keyframes neonFrame {
  from { box-shadow: 0 40px 110px rgba(0,0,0,.5), 0 0 0 1px rgba(0,200,255,.25), 0 0 34px rgba(0,140,255,.1); }
  to { box-shadow: 0 40px 110px rgba(0,0,0,.5), 0 0 0 1px rgba(124,222,255,.48), 0 0 58px rgba(0,140,255,.19); }
}