.hero{position:relative}.hero:after{content:"";position:absolute;inset:0;background:#00000080;z-index:0}.hero__content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:510px;grid-gap:16px;padding:19rem 0 7rem;color:#fff;z-index:1}@media only screen and (min-width:768px){.hero__content{min-height:100vh;padding:32rem 0 16rem}}.hero__content .cta{margin-top:16px}.hero__subheader{margin-bottom:0}