/* Start custom CSS */@keyframes llUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
#ll-hero.ll-hero{border-top:0 !important}
@keyframes llKen{from{transform:scale(1.03)}to{transform:scale(1.13)}}
#ll-hero>picture,#ll-hero>img{animation:llKen 26s ease-in-out infinite alternate;will-change:transform}
#ll-hero:has(>picture,>img)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 48%,rgba(0,0,0,.18) 100%),linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,.6) 100%)}
html body .elementor picture.e-image-base>img{display:block;width:100%;height:100%;object-fit:inherit;object-position:inherit;border-radius:inherit}
#ll-hero-content>*{animation:llUp 1.1s cubic-bezier(.2,.7,.2,1) both}
#ll-hero-content>*:nth-child(2){animation-delay:.15s}
#ll-hero-content>*:nth-child(3){animation-delay:.3s}
#ll-hero-content>*:nth-child(4){animation-delay:.45s}
html.ll-anim [id^="ll-rv-"]{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
html.ll-anim [id^="ll-rv-"].is-in{opacity:1;transform:none}
[id^="ll-rv-tile-"]::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.9) 100%)}
[id^="ll-rv-tile-"]::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.6);opacity:0;transition:opacity .45s ease}
[id^="ll-rv-tile-"]:hover::before{opacity:1}
[id^="ll-rv-tile-"] img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
[id^="ll-rv-tile-"]:hover img{transform:scale(1.06)}
html body .elementor [id^="ll-rv-tile-"] a,html body .elementor [id^="ll-rv-tile-"] a:hover{color:inherit}
[id^="ll-rv-tile-"] a::after{content:"";position:absolute;inset:0;z-index:3}
@media (prefers-reduced-motion:reduce){#ll-hero-content>*,#ll-hero>picture,#ll-hero>img{animation:none}}/* End custom CSS */