/* =========================================================
   Animation keyframes
   ========================================================= */

@keyframes fadeInUp{
  from{opacity:0;transform:translateY(30px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes floatY{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
}

.hero-text{animation:fadeInUp 1s cubic-bezier(.2,.8,.2,1) both;}
.hero-text .eyebrow{animation-delay:.05s;}
.hero-form{animation:fadeIn 1.2s ease .3s both;}

.route-stop .node{animation:floatY 3s ease-in-out infinite;}
.route-stop:nth-child(2n) .node{animation-delay:.4s;}
.route-stop:nth-child(3n) .node{animation-delay:.8s;}

/* Mobile menu icon -> X */
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}