/* motion */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  @keyframes rise{to{opacity:1;transform:none}}
  .play .badge{animation:rise .7s .1s forwards}
  .play .h1-name{animation:rise .9s .2s forwards;transform:translateY(26px)}
  .play .h1-role{animation:rise .9s .38s forwards;transform:translateY(22px)}
  .play .rwob{animation:rise .9s .56s forwards;transform:translateY(20px)}
  .play .hero-sub{animation:rise .9s .7s forwards;transform:translateY(20px)}
  .play .hero-ctas{animation:rise .9s .84s forwards;transform:translateY(20px)}
  .play .chip{animation:rise 1s forwards}
  .play .c1{animation-delay:.98s}.play .c2{animation-delay:1.12s}.play .c3{animation-delay:1.26s}
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation:none!important;transition:none!important}
    .reveal,.badge,.hero-sub,.hero-ctas,.rwob,.h1-name,.h1-role,.hero-photo,.book-thesis .l,.chip{opacity:1!important;transform:none!important}
    .mq-track{animation:none!important}
    .arc-fill{width:100%!important}
    .an{background:currentColor!important;border-color:currentColor!important}
    #signal{display:none}
  }
.play .hero-photo{animation:rise 1s .05s forwards;transform:translateY(20px)}