/* Movement is brief, purposeful and never changes the measured layout. */
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .lp-button,.header-project,.mobile-toggle,.theme-toggle,.lp-controls button,.ref-carousel-controls button{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease}
 .lp-service-card,.lp-blog-card,.ref-result-row{transition:border-color 180ms ease,box-shadow 180ms ease}
 .lp-inline>span{display:inline-block;transition:transform 200ms ease}
 .lp-inline:hover>span,a:focus-visible .lp-inline>span,.lp-inline:focus-visible>span{transform:translateX(4px)}
 .field input,.field textarea,.field select,.ref-search input{transition:border-color 180ms ease,box-shadow 180ms ease}
 .field input:focus,.field textarea:focus,.field select:focus,.ref-search input:focus{border-color:var(--accent-ink)}
 @media(min-width:992px){.lp-process-track{transition:transform 460ms cubic-bezier(.22,1,.36,1)}}
 @media(hover:hover) and (pointer:fine){
  .lp-service-card:hover,.lp-blog-card:focus-within,.ref-result-row:hover{box-shadow:inset 0 1px 0 var(--rim),0 10px 30px #0002}
 }
}
@media(prefers-reduced-motion:reduce){
 html,.lp-case-track,.lp-process-track,.ref-featured-track{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
}