/* Visible by default. Classes below exist only while a bounded entrance runs. */
@keyframes hlsTextIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes hlsImageIn{from{opacity:.15;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hlsIconIn{from{opacity:0;transform:translateY(9px) scale(.82) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes hlsHeroIn{from{opacity:.25;clip-path:inset(0 0 9% 0 round 20px);transform:translateY(18px) scale(.985)}to{opacity:1;clip-path:inset(0 round 20px);transform:none}}
.hls-site .animate-on-scroll.hls-enter-active{animation:hlsTextIn .55s cubic-bezier(.16,1,.3,1) var(--hls-enter-delay,0ms) both}
.hls-site .hls-enter-image.hls-enter-active{animation-name:hlsImageIn;animation-duration:.7s}
.hls-site .hls-enter-icon.hls-enter-active{animation-name:hlsIconIn;animation-duration:.5s}
.hls-site .hls-hero-art.hls-enter-active{animation-name:hlsHeroIn;animation-duration:.8s}
@media(prefers-reduced-motion:reduce){.hls-site .animate-on-scroll.hls-enter-active{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}}
.elementor-editor-active .animate-on-scroll,.elementor-editor-preview .animate-on-scroll{animation:none!important;opacity:1!important;transform:none!important}