/* Card assembly, informed by the live YappiX services entrance:
   an enlarged card moves up/in, then settles; cards can replay on returning.
   Existing pointer motion owns the independent translate/scale properties. */
.motion-enabled main{overflow-x:clip}
.motion-enabled .reveal.reveal-card{
  transform-origin:50% 0;
  transition-property:opacity,transform,translate,scale,background-color,border-color,box-shadow;
  transition-duration:.82s,1.2s,.3s,.3s,.25s,.25s,.25s;
  transition-timing-function:cubic-bezier(.2,.65,.3,1),cubic-bezier(.16,.75,.22,1),ease-out,ease-out,ease,ease,ease;
  transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s,0s,0s;
}
.motion-enabled .reveal.reveal-card:not(.is-visible){
  opacity:0;
  transform:translate3d(var(--reveal-x,0px),64px,0) scale(1.12);
  pointer-events:none;
}
.motion-enabled .reveal.reveal-card.is-visible{opacity:1;transform:none}
/* The whole colored section arrives first; its smaller cards do not compound the zoom. */
.motion-enabled .reveal.reveal-card.reveal-panel:not(.is-visible){transform:translate3d(0,64px,0) scale(1.04)}
.motion-enabled .reveal.reveal-card.reveal-nested:not(.is-visible){transform:translate3d(0,22px,0) scale(1.025)}
.motion-enabled .steps.reveal.reveal-card.reveal-nested:not(.is-visible){transform:translate3d(0,18px,0)}
/* Older service styles restrict transitions with !important; include its entrance. */
.motion-enabled .service.reveal.reveal-card{
  transition-property:opacity,transform,translate,scale,background-color,border-color!important;
  transition-duration:.82s,1.2s,.3s,.3s,.25s,.25s!important;
  transition-timing-function:cubic-bezier(.2,.65,.3,1),cubic-bezier(.16,.75,.22,1),ease-out,ease-out,ease,ease!important;
  transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s,0s!important;
}
.motion-enabled .steps.reveal.reveal-card:not(.is-visible){transform:translate3d(0,58px,0)}
.motion-enabled .reveal.reveal-card:focus-within{opacity:1;transform:none;transition-delay:0s;pointer-events:auto}
@media(max-width:800px){
  .motion-enabled .reveal.reveal-card{transition-duration:.7s,1s,.3s,.3s,.25s,.25s,.25s}
  .motion-enabled .reveal.reveal-card:not(.is-visible){transform:translate3d(0,48px,0) scale(1.055)}
  .motion-enabled .steps.reveal.reveal-card:not(.is-visible){transform:translate3d(0,40px,0)}
  .motion-enabled .reveal.reveal-card.reveal-panel:not(.is-visible){transform:translate3d(0,44px,0) scale(1.02)}
  .motion-enabled .reveal.reveal-card.reveal-nested:not(.is-visible){transform:translate3d(0,16px,0) scale(1.015)}
  .motion-enabled .steps.reveal.reveal-card.reveal-nested:not(.is-visible){transform:translate3d(0,14px,0)}
}
.motion-disabled .reveal.reveal-card{opacity:1;transform:none;pointer-events:auto;transition:none}
@media(prefers-reduced-motion:reduce){
  .motion-enabled .reveal.reveal-card,.motion-enabled .reveal.reveal-card:not(.is-visible),.reveal.reveal-card{opacity:1!important;transform:none!important;pointer-events:auto;transition:none!important}
  .motion-enabled .service.reveal.reveal-card{transition:none!important}
}