@media only screen and (min-width:0rem){#hero{display:flex;height:100vh;overflow:hidden;padding:12.5rem 1rem;position:relative;text-align:center;z-index:1}#hero .background{opacity:1;visibility:visible;z-index:-2}#hero .background,#hero .background:before{display:block;height:100%;left:0;position:absolute;top:0;width:100%}#hero .background:before{background:#000;content:"";opacity:.62;pointer-events:none;z-index:1}#hero .background img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#hero .container{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:auto;max-width:80rem;width:100%}#hero .content{width:100%}#hero .topper{display:inline-block;font-size:clamp(.8125rem,1.5vw,1rem);letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}#hero .title,#hero .topper{color:#fff;font-weight:700;line-height:1.2em;position:relative}#hero .title{font-size:clamp(2.4375rem,6.4vw,3.8125rem);text-align:center}#hero .text{color:#fff;font-size:clamp(1rem,1.95vw,1.25rem);line-height:1.5em;margin:0 auto 2rem;max-width:clamp(29rem,60vw,38.785rem);text-align:center;width:100%}}@media only screen and (min-width:48rem){#hero{min-height:100vh;padding-block:20.625rem}}@media only screen and (min-width:90rem){#hero{background-attachment:fixed;background-color:#000;background-image:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.62)),url(../images/hero-parallax.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}#hero .background{opacity:0;transition:opacity .3s ease;visibility:hidden}}