header.hero{width:100%;background:#000;padding:var(--spacing-vertical) var(--spacing-horizontal);position:relative;div.image-container{position:absolute;inset:0;width:100%;height:100%;z-index:0;img{object-fit:cover}}div.image-container:after{content:"";background:rgba(0,0,0,.5);position:absolute;inset:0;width:100%;height:100%;z-index:0}div.content-container{max-width:1200px;margin:0 auto;position:relative;z-index:2;h1,p{color:var(--color-text-light);max-width:60%}h1{font-weight:600;text-wrap:balance}p{font-size:1rem}@media (max-width:900px){text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:0 1rem;h1,p{max-width:640px}}@media (max-width:640px){h1{font-size:1.25rem}p{font-size:1rem}}}}