/* Each project keeps its existing hero layout, with its own representative artwork behind it. */
body .project-hero-background{position:relative;isolation:isolate;overflow:hidden;background:#251e3d}
body .project-hero-background::before{content:none}
body .project-hero-background>.project-backdrop{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
body .project-hero-background::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(27,21,45,.9) 0%,rgba(27,21,45,.8) 33%,rgba(27,21,45,.57) 68%,rgba(27,21,45,.48) 100%),linear-gradient(0deg,rgba(27,21,45,.3),transparent 45%);pointer-events:none}
body .project-hero-background>.cv-wrap,body .project-hero-background>.wrap{position:relative;z-index:1}
body .project-hero-background h1,body .project-hero-background .company-lead,body .project-hero-background .hero-tagline,body .project-hero-background .hero-description{text-shadow:0 2px 12px rgba(0,0,0,.28)}
@media(max-width:680px){
 body .project-hero-background>.project-backdrop{object-position:center top}
 body .project-hero-background::after{background:linear-gradient(180deg,rgba(27,21,45,.75),rgba(27,21,45,.86) 58%,rgba(27,21,45,.94))}
}