#project-hero{height:100svh;overflow:hidden;position:relative;width:100%}#project-hero>.sub-wrapper{color:var(--cream-50);height:100%;justify-content:center;z-index:2}.project-hero-img{height:100%;left:0;position:absolute;top:0;width:100%}.project-hero-img:after{background-color:var(--black-30);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.project-hero-title{margin-bottom:.4em}@media(min-width:600px){#project-hero{height:80vw}}@media(min-width:1000px){#project-hero{height:calc(100svh - var(--head-padding));min-height:700px}}