/* Motion: one orchestrated hero entrance, gentle reveal of screens as they scroll in. All off for reduced motion. */
@media (prefers-reduced-motion:no-preference){
  .m-hero .hero__copy > *{animation:m-rise .7s cubic-bezier(.2,.7,.2,1) both}
  .m-hero .hero__copy > :nth-child(2){animation-delay:.08s}
  .m-hero .hero__copy > :nth-child(3){animation-delay:.16s}
  .m-hero .hero__copy > :nth-child(4){animation-delay:.24s}
  .m-hero .hero__copy > :nth-child(n+5){animation-delay:.32s}
  .m-hero .hero__vis{animation:m-rise .9s .2s cubic-bezier(.2,.7,.2,1) both}
  .m-pre{opacity:0;transform:translateY(22px)}
  .m-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--m-d,0s)}
  .door,.job,.btn{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
  .door:hover,.job:hover{transform:translateY(-3px)}
  @keyframes m-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}