.hero{justify-content:center;min-height:100vh;min-height:100svh;overflow:hidden;padding:4em 0;position:relative}.hero.thin-height{justify-content:flex-end;min-height:65vh;min-height:65svh;padding:4em 0 2em}.hero-bg{left:0;overflow:hidden;position:absolute;top:0;transform:translateZ(0);z-index:0}.hero-bg,.hero-bg img{height:100%;width:100%}.hero-bg img{backface-visibility:hidden;-webkit-backface-visibility:hidden;-o-object-fit:cover;object-fit:cover;transform:translateZ(0);transform-origin:center center;will-change:transform}.hero-bg:after{background:linear-gradient(180deg,#0006 50%,#000000bf 65%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.hero.thin-height .hero-bg:after{background:linear-gradient(180deg,#00000059,#000000bf 80%)}.hero>.sub-wrapper{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:var(--baby-mono);flex-grow:1;gap:1em;justify-content:end;position:relative;transform:translateZ(0);will-change:transform,opacity;z-index:2}.hero-icon{font-size:1em}.hero-icon .shell{font-size:3em}.hero-title{margin-bottom:.3em;max-width:780px;text-align:center;width:100%}.hero-description{font-size:1.2em;max-width:450px;text-align:center;width:100%}.hero-button{align-items:center;display:flex;gap:2em;justify-content:center;margin-top:1em;width:100%}.alt-font .hero-button .main-btn{--color:var(--pink-alt)!important;--hover-color:var(--dark-pink-alt)!important}