/* Shilpaloy - home page motion. Only opacity + the translate/scale properties (compositor-friendly); never layout properties. */
@media (prefers-reduced-motion:no-preference){
:root{--k-ease:cubic-bezier(.22,1,.36,1)}
@keyframes k-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes k-lift{from{translate:0 26px}to{translate:0 0}}
@keyframes k-zoom{from{scale:1.04;translate:0 12px}to{scale:1;translate:0 0}}
@keyframes k-pop{from{opacity:0;scale:.95;translate:0 20px}to{opacity:1;scale:1;translate:0 0}}
@keyframes k-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.hx-kicker{animation:k-rise .9s var(--k-ease) .04s both}
.hx-title{animation:k-lift 1s var(--k-ease) .1s both}
.hx-sub{animation:k-rise .9s var(--k-ease) .2s both}
.hx-actions{animation:k-rise .9s var(--k-ease) .3s both}
.hx-img-main,.hx-mimg{animation:k-zoom 1.2s var(--k-ease) .05s both}
.hx-img-sub{animation:k-pop 1s var(--k-ease) .45s both}
.hx-steps{animation:k-rise .9s var(--k-ease) .38s both}
.hx-tile{animation:k-rise 1s var(--k-ease) .5s both}
.hx-tile:nth-child(2){animation-delay:.6s}
.hx-tile:nth-child(3){animation-delay:.7s}
.hx-tile:nth-child(4){animation-delay:.8s}
.k-rv{opacity:0;translate:0 30px}
.k-rv.k-in{opacity:1;translate:0 0;transition:opacity .9s var(--k-ease),translate .9s var(--k-ease);transition-delay:var(--k-d,0ms)}
@media (hover:hover){
.hp-cat-img{transition:scale 1.1s var(--k-ease)}
.hp-cat:hover .hp-cat-img{scale:1.06}
.elementor-element-hx-actions a,.elementor-element-hx-cta-actions a,.elementor-element-hx-corp-actions a{transition:translate .3s var(--k-ease),background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.elementor-element-hx-actions a:hover,.elementor-element-hx-cta-actions a:hover,.elementor-element-hx-corp-actions a:hover{translate:0 -2px}
.elementor-element-hx-actions a:active,.elementor-element-hx-cta-actions a:active,.elementor-element-hx-corp-actions a:active{translate:0 0}
}
}
@media print{.k-rv{opacity:1;translate:none}}