.hero{align-items:left;display:flex;justify-content:left;min-height:85vh;overflow:hidden;position:relative}.hero-slides{inset:0;position:absolute;z-index:0}.hero-slide{animation:heroFade 24s infinite,heroZoom 24s infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;opacity:0;position:absolute;transform:scale(1)}.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.45)),linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.05));inset:0;position:absolute;z-index:1}.hero-content{position:relative;z-index:2}.hero-slide.s1{animation-delay:0s,0s;background-image:url(/images/aboutme/drone-lc.jpg);background-image:image-set(url("/images/aboutme/drone-lc.avif") type("image/avif"),url("/images/aboutme/drone-lc.webp") type("image/webp"),url("/images/aboutme/drone-lc.jpg") type("image/jpeg"))}.hero-slide.s2{animation-delay:6s,6s;background-image:url(/images/commercial/little-crane-deck-2.jpg);background-image:image-set(url("/images/commercial/little-crane-deck-2.avif") type("image/avif"),url("/images/commercial/little-crane-deck-2.webp") type("image/webp"),url("/images/commercial/little-crane-deck-2.jpg") type("image/jpeg"))}.hero-slide.s3{animation-delay:12s,12s;background-image:url(/images/commercial/little-crane-balcony-1.jpg);background-image:image-set(url("/images/commercial/little-crane-balcony-1.avif") type("image/avif"),url("/images/commercial/little-crane-balcony-1.webp") type("image/webp"),url("/images/commercial/little-crane-balcony-1.jpg") type("image/jpeg"))}.hero-slide.s4{animation-delay:18s,18s;background-image:url(/images/commercial/little-crane-2.jpg);background-image:image-set(url("/images/commercial/little-crane-2.avif") type("image/avif"),url("/images/commercial/little-crane-2.webp") type("image/webp"),url("/images/commercial/little-crane-2.jpg") type("image/jpeg"))}@keyframes heroFade{0%{opacity:0}6%{opacity:1}25%{opacity:1}31%{opacity:0}to{opacity:0}}@keyframes heroZoom{0%{transform:scale(1)}25%{transform:scale(1.08)}to{transform:scale(1.08)}}@media (max-width:768px){.hero{min-height:78vh}.hero-slide{background-position:50%}}