/* Site-wide, opt-in micro-interactions. Does not alter layout or theme templates. */
body.sla-enabled{--sla-duration:760ms;--sla-distance:19px;--sla-ease:cubic-bezier(.22,1,.36,1)}
body.sla-balanced{--sla-duration:980ms;--sla-distance:32px}
@media (prefers-reduced-motion:no-preference){
body.sla-enabled .sla-reveal{opacity:0;transform:translate3d(0,var(--sla-distance),0);transition:opacity var(--sla-duration) var(--sla-ease),transform var(--sla-duration) var(--sla-ease)}
body.sla-enabled .sla-reveal.sla-visible{opacity:1;transform:none}
body.sla-hover :is(.button,.btn,button:not(.mfp-close),.sl-service,.sl-award a,.box-blog-post,.product-small){transition:transform .35s var(--sla-ease),box-shadow .35s var(--sla-ease),border-color .35s ease}
@media (hover:hover) and (pointer:fine){body.sla-hover :is(.button,.btn,.sl-service,.box-blog-post,.product-small):hover{transform:translateY(-3px)}body.sla-images :is(.sl-service,.box-image,.sl-portfolio-item) img{transition:transform .8s var(--sla-ease)}body.sla-images :is(.sl-service,.box-image,.sl-portfolio-item):hover img{transform:scale(1.035)}}
}
@media(prefers-reduced-motion:reduce){body.sla-enabled .sla-reveal{opacity:1!important;transform:none!important;transition:none!important}body.sla-enabled *{scroll-behavior:auto!important}}
