/* Motion. Everything here is off for people who ask their device for reduced motion,
   and hidden-until-revealed only applies once JS has marked the page with .js
   (so nothing is ever stuck invisible if the script fails). */
.site-head{transition:box-shadow .3s}
.site-head.scrolled{box-shadow:0 8px 24px -16px rgba(27,27,27,.45)}

.js .hero .kicker,.js .hero h1,.js .hero .deck,.js .hero .btn-row,.js .hero .contact{opacity:0;transform:translateY(22px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.js .hero .kicker{animation-delay:.05s}
.js .hero h1{animation-delay:.15s}
.js .hero .deck{animation-delay:.3s}
.js .hero .btn-row{animation-delay:.45s}
.js .hero .contact{animation-delay:.55s}
.js .hero-photo{opacity:0;transform:translateY(28px) scale(.97);animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .25s forwards}
@keyframes rise{to{opacity:1;transform:none}}

.js .rv{opacity:0;transform:translateY(20px);transition:opacity .75s cubic-bezier(.2,.65,.2,1),transform .75s cubic-bezier(.2,.65,.2,1)}
.js .rv.in{opacity:1;transform:none}
.js .cards .card:nth-child(2),.js .dates .date:nth-child(2),.js .involve>div:nth-child(2),.js .steps li:nth-child(2){transition-delay:.1s}
.js .cards .card:nth-child(3),.js .dates .date:nth-child(3),.js .involve>div:nth-child(3){transition-delay:.2s}
.js .cards .card:nth-child(4){transition-delay:.3s}

.card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .75s cubic-bezier(.2,.65,.2,1)}
@media (hover:hover){
  .card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -26px rgba(27,27,27,.45)}
}
.js .card.rv.in:hover{transform:translateY(-6px)}
.btn{transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:active{transform:scale(.97)}

.band .quote .hl{background-size:0% .14em;transition:background-size 1s cubic-bezier(.2,.7,.2,1) .3s}
.band .quote.in .hl,.no-js .band .quote .hl{background-size:100% .14em}

@media (prefers-reduced-motion:reduce){
  .js .hero .kicker,.js .hero h1,.js .hero .deck,.js .hero .btn-row,.js .hero .contact,.js .hero-photo,.js .rv{opacity:1;transform:none;animation:none;transition:none}
  .band .quote .hl{background-size:100% .14em;transition:none}
  .card,.btn{transition:none}
}