.hero{background:var(--black);color:var(--white);overflow:hidden;position:relative}.hero.black-overlay-10 .hero-bg-img:before,.hero.black-overlay-20 .hero-bg-img:before,.hero.black-overlay-30 .hero-bg-img:before,.hero.black-overlay-50 .hero-bg-img:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero.black-overlay-10 .hero-bg-img:before{background:#0000001a}.hero.black-overlay-20 .hero-bg-img:before{background:#0003}.hero.black-overlay-30 .hero-bg-img:before{background:#0000004d}.hero.black-overlay-50 .hero-bg-img:before{background:#00000080}.hero-bg-img{height:100%;left:0;position:absolute;top:0;width:100%}.hero>.sub-wrapper{align-items:center;justify-content:flex-end;min-height:clamp(540px,120vw,100vh);padding:8em var(--side-padding) 2em;position:relative;text-align:center;z-index:2}@supports (height:100dvh){@media(max-width:699px){.hero>.sub-wrapper{min-height:clamp(540px,120vw,100dvh)}}}.hero.short>.sub-wrapper{min-height:315px;padding:10em var(--side-padding) 2em}.hero-label{margin-bottom:1em}.hero-title{margin-bottom:.25em;max-width:500px;width:80%}.hero-desc{max-width:300px;width:60%}.hero-button{margin-top:1.25em}@media(min-width:700px){.hero>.sub-wrapper{min-height:clamp(500px,80vw,100vh);padding:10em var(--side-padding) 6em}.hero.short>.sub-wrapper{min-height:600px}}