.hero{position:relative}.hero-img{width:100%;max-height:40rem}.hero-body{position:absolute;inset:0;background:linear-gradient(75deg,rgba(0 0 0 / 100%),rgba(0 0 0 / 90%) 40%,rgba(0 0 0 / 30%) 60%,rgba(0 0 0 / 10%))}.hero-content{position:absolute;bottom:10%;left:5%}.hero-content>*{color:var(--col-HL)}.hero-content>h1{margin:0}.hero-content>p{font-size:calc(.7 * var(--h-size));line-height:1.2;font-weight:700;margin:1rem 0 0 5%}@media screen and (min-width:38rem){.hero-content{--h-size:3rem}.hero-content>p{width:60%;margin:0}.hero-content>p{width:80%;margin-top:2rem}}@media screen and (min-width:58rem){.hero-content{--h-size:4rem}}