.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;height:50vh;position:relative}.hero h1{color:#fff;text-transform:uppercase;transform-origin:50%;white-space:nowrap;font-size:3rem;position:absolute;top:50%;left:0;transform:translate(-35%,-50%)rotate(-90deg)}.about-banner{background-image:linear-gradient(#0000,#00000080),url(../media/about.08fncmxusnzhd.webp)}.portfolio-banner{background-image:linear-gradient(#0000,#00000080),url(../media/portfolio.09r4tbhosu4sd.webp)}.showreel-banner{background-image:linear-gradient(#0000,#00000080),url(../media/showreel.0o6z70fd4ozfo.webp)}.media-banner{background-image:linear-gradient(#0000,#00000080),url(../media/media.24oynpalf_eel.webp)}.contact-banner{background-image:linear-gradient(#0000,#00000080),url(../media/contact.2-2yanqddd5qm.webp)}