/* Landing-only motion. Entrance, hover and preview scroll use separate layers. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.motion-reveal{animation:none!important}
.motion-line-mask{display:block;overflow:clip;padding-bottom:.14em;margin-bottom:-.14em}
.motion-line-content{display:block}
.capabilities-intro h2 :is(.motion-line-mask,.motion-line-content),.contact h2>.motion-line-mask{color:inherit}
.contact h2 .motion-line-content>span{color:var(--lime)}
.motion-armed .motion-reveal:is([data-motion="card"],[data-motion="price"],[data-motion="form"],[data-motion="caption"]){opacity:0;transform:translate3d(0,24px,0);transition:opacity 600ms var(--motion-ease),transform 600ms var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-armed .motion-reveal[data-motion="caption"]{transform:translate3d(0,16px,0)}
.motion-armed .motion-reveal.is-visible:is([data-motion="card"],[data-motion="price"],[data-motion="form"],[data-motion="caption"]){opacity:1;transform:translate3d(0,0,0)}
.motion-armed [data-motion="heading"] .motion-line-content{opacity:0;transform:translate3d(0,30px,0);transition:transform 650ms var(--motion-ease),opacity 650ms var(--motion-ease);transition-delay:var(--line-delay,0ms)}
.motion-armed [data-motion="heading"].is-visible .motion-line-content{opacity:1;transform:translate3d(0,0,0)}
.capability-list>.motion-reveal,.process-list>.motion-reveal{position:relative}
.motion-armed :is(.capability-list,.process-list)>.motion-reveal{border-top-color:transparent}
.motion-armed .capability-list>.motion-reveal:last-child{border-bottom-color:transparent}
.motion-armed :is(.capability-list,.process-list)>.motion-reveal:before,.motion-armed .capability-list>.motion-reveal:last-child:after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:#cfd5c5;transform:scaleX(0);transform-origin:left center;transition:transform 750ms var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-armed .capability-list>.motion-reveal:last-child:after{top:auto;bottom:-1px}
.motion-armed :is(.capability-list,.process-list)>.motion-reveal.is-visible:before,.motion-armed .capability-list>.motion-reveal.is-visible:last-child:after{transform:scaleX(1)}
.motion-armed :is(.capability-list,.process-list)>.motion-reveal>*{opacity:0;transform:translate3d(0,16px,0);transition:opacity 600ms var(--motion-ease),transform 600ms var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
.motion-armed :is(.capability-list,.process-list)>.motion-reveal.is-visible>*{opacity:1;transform:translate3d(0,0,0)}
.motion-instant,.motion-instant *{transition:none!important;animation:none!important}
#catalog .project-preview-motion{transform:translate3d(0,0,0)}
#work .section-symbol{transform:translate3d(0,0,0)}
#contact .contact-scribble{transform:rotate(-8deg)}
.faq-list .faq-answer-content{display:flow-root}
.faq-list .faq-answer-content>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:17px;max-width:650px;padding-right:35px}
.faq-list details.is-faq-animating>.faq-answer{overflow:hidden}
.faq-list details.is-faq-enhanced summary>span{transform:rotate(0deg);transition:transform 250ms var(--motion-ease)}
.faq-list details.is-faq-enhanced.is-faq-open summary>span{transform:rotate(45deg)}
@media(min-width:960px) and (prefers-reduced-motion:no-preference){
  #catalog .project-preview-motion{transform:translate3d(0,var(--preview-scroll-y,0px),0)}
  #work .section-symbol{transform:translate3d(0,var(--section-symbol-y,0px),0)}
  #contact .contact-scribble{transform:translate3d(0,var(--contact-arrow-y,0px),0) rotate(calc(-8deg + var(--contact-arrow-rotate,0deg)))}
  #catalog .project-preview-motion.is-scroll-active,#work .section-symbol.is-scroll-active,#contact .contact-scribble.is-scroll-active{will-change:transform}
}
@media(max-width:959px){.motion-armed .motion-reveal[data-motion="card"]{transition-delay:0ms}}
@media(max-width:639px){.faq-list .faq-answer-content>p{line-height:1.85;margin-top:14px;padding-right:0}}
@media(prefers-reduced-motion:reduce){
  .motion-reveal,.motion-reveal .motion-line-content,.motion-reveal>*{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
  .motion-armed :is(.capability-list,.process-list)>.motion-reveal:before,.motion-armed .capability-list>.motion-reveal:last-child:after{transform:scaleX(1);transition:none}
  #catalog .project-preview-motion,#work .section-symbol{transform:none!important;will-change:auto!important}
  #contact .contact-scribble{transform:rotate(-8deg)!important;will-change:auto!important}
  .faq-list details.is-faq-enhanced summary>span{transition:none}
}