.hero-bg{position:fixed;inset:0;height:100vh;z-index:-1;pointer-events:none;will-change:opacity}.hero-bg__img{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat}.hero-bg__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0,rgba(0,0,0,.55) 45%,rgba(0,0,0,.85) 80%,var(--bg) 100%)}