/* ALLMC sitewide motion: spring scroll, reveals, hover/press.
   Transform/opacity only. Nav and pill-cta positioning are not changed. */
html.am-spring{scroll-behavior:auto !important}
html.am-js .am-reveal{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .9s cubic-bezier(.16,1,.3,1),
              transform .9s cubic-bezier(.16,1,.3,1);
  transition-delay:calc(var(--am-i, 0) * 60ms);
}
html.am-js .am-reveal.am-reveal--hero{
  opacity:.25;
  transform:translate3d(0,16px,0);
}
html.am-js .am-reveal.is-in,
html.am-js .am-reveal.am-reveal--hero.is-in{
  opacity:1;
  transform:none;
}

@media (hover:hover) and (pointer:fine){
  .btn, .btn-acc, .btn-ghost, .btn-white, .btn-play, .btn-line, a.btn{
    transition:transform .28s cubic-bezier(.16,1,.3,1),
                box-shadow .28s cubic-bezier(.16,1,.3,1),
                background-color .28s ease, color .28s ease, border-color .28s ease;
  }
  .btn:hover, .btn-acc:hover, .btn-ghost:hover, .btn-white:hover, .btn-play:hover, a.btn:hover{
    transform:translate3d(0,-2px,0);
  }
  .work-card, .work-thumb, .plan, .cat, .tool-card, .step4, .work-item, .faq details{
    transition:transform .35s cubic-bezier(.16,1,.3,1),
                box-shadow .35s cubic-bezier(.16,1,.3,1),
                border-color .35s cubic-bezier(.16,1,.3,1);
  }
  .work-card:hover, .work-thumb:hover, .plan:hover, .cat:hover, .tool-card:hover,
  .step4:hover, .work-item:hover{
    transform:translate3d(0,-4px,0);
  }
}

.btn:active, .btn-acc:active, .btn-ghost:active, .btn-white:active, .btn-play:active, a.btn:active,
.work-card:active, .work-thumb:active, .plan:active, .cat:active, .tool-card:active, .step4:active{
  transform:translate3d(0,1px,0) scale(.98);
  transition-duration:.12s;
}

/* Do not fight the grail hero frames or the pinned pill. */
.gh-card, .gh-card:hover, .gh-card:active,
.pill-cta, .pill-cta:hover, .pill-cta:active,
.nav .logo, .nav .logo:hover, .nav .logo:active,
.menu-btn, .menu-btn:hover, .menu-btn:active{
  transform:none;
}

@media (prefers-reduced-motion:reduce){
  html.am-js .am-reveal,
  html.am-js .am-reveal.am-reveal--hero,
  html.am-js .am-reveal.is-in{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  .btn, .btn-acc, .btn-ghost, .btn-white, .btn-play, a.btn,
  .work-card, .work-thumb, .plan, .cat, .tool-card, .step4, .work-item,
  .btn:hover, .btn:active, .work-card:hover, .work-card:active, .plan:hover, .plan:active{
    transition:none !important;
    transform:none !important;
  }
}