/* Approved 4:3 hero; gradient is independent of the photograph. */
.hero{--hero-photo:url('../images/hero-studio-quente.webp');position:relative;background-image:var(--hero-photo);background-size:cover;background-position:50% center;background-repeat:no-repeat;background-color:#08140d;isolation:isolate}
.hero:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,17,10,.97) 0%,rgba(7,22,13,.92) 25%,rgba(9,24,14,.76) 39%,rgba(10,24,15,.35) 57%,transparent 78%),linear-gradient(0deg,rgba(5,15,9,.2),transparent 40%)}
.hero-grid{position:relative;z-index:1}
@media(max-width:760px){
.hero{--hero-photo:url('../images/hero-studio-quente.webp');background-image:var(--hero-photo);background-size:auto 470px;background-position:58% top}
.hero:after{background:linear-gradient(180deg,transparent 15%,rgba(8,20,13,.18) 30%,rgba(8,20,13,.86) 51%,#08140d 70%)}
}