.hero{position:relative;min-height:min(100vh,760px);display:grid;align-items:center}
.hero-slider{position:absolute; inset:0; overflow:hidden; z-index:0;}
.hero-slider .slide{position:absolute; inset:0; opacity:0; transition:opacity .8s ease; will-change: opacity;}
.hero-slider .slide.active{opacity:1;}
.hero-slider .slide img{width:100%; height:100%; object-fit:cover; display:block; filter:contrast(1.02) saturate(1.02);}
.hero .container{position:relative; z-index:2;}
.hero::before{content:''; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(14,14,15,.55), rgba(14,14,15,.86)); z-index:1;}
.hero-dots{position:absolute; left:50%; bottom:18px; transform:translateX(-50%); display:flex; gap:8px; z-index:3;}
.hero-dots button{width:10px; height:10px; border-radius:50%; border:1px solid rgba(255,255,255,.7); background:transparent; cursor:pointer}
.hero-dots button.active{background:#fff}

/* force hide any leftover preloader */
#preloader,.preloader,.page-preloader,.site-preloader{display:none!important;opacity:0!important;visibility:hidden!important}
html,body{opacity:1!important;visibility:visible!important;overflow:auto!important}