/* migration-cakephp-yii-to-modern.html — hero animation (prefix: ly-)
   Theme: Legacy (red) stack + shrinking hiring pool → modern stack + deep candidate pool */
@keyframes lyGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes lyFade { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes lyFadeR{ from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes lyRow  { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes lyArrow{ 0%,100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
.ly-glow   { animation: lyGlow 3.5s ease-in-out infinite; }
.ly-legacy { animation: lyFade 0.5s var(--ease-spring) 0.4s both; }
.ly-hiring { animation: lyFade 0.5s var(--ease-spring) 0.6s both; }
.ly-arrow  { transform-box: fill-box; transform-origin: center; animation: lyFade 0.4s ease-out 1.0s both, lyArrow 1.8s ease-in-out 1.5s infinite; }
.ly-modern { animation: lyFadeR 0.55s var(--ease-spring) 1.2s both; }
.ly-l      { }
.ly-l1 { animation: lyRow 0.35s ease-out 1.5s both; }
.ly-l2 { animation: lyRow 0.35s ease-out 1.65s both; }
.ly-l3 { animation: lyRow 0.35s ease-out 1.8s both; }
.ly-pool   { animation: lyFadeR 0.55s var(--ease-spring) 1.4s both; }