.hero-container{position:relative;color:#fff;.banner{height:30rem;text-align:center;font-size:2.3rem;font-weight:700;position:relative;.background{width:100%;height:100%;object-fit:cover;z-index:-1}.background,.player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player{width:auto;height:110%;z-index:0;filter:drop-shadow(0 0 20px rgba(0,0,0,.25))}.san-lazzaro{position:relative;z-index:1;padding-top:8rem}.y-letter{position:relative;z-index:2}.bottom-gradient{position:absolute;height:10rem;width:100%;bottom:-2px;left:0;background:linear-gradient(0deg,#121217,rgba(18,18,23,0))}.left-gradient{left:0;background:linear-gradient(90deg,#121217,rgba(18,18,23,0))}.left-gradient,.right-gradient{position:absolute;height:100%;width:10rem;top:0;display:none}.right-gradient{right:0;background:linear-gradient(270deg,#121217,rgba(18,18,23,0))}}.text-container{position:relative;z-index:1;p{margin-bottom:2rem}button{width:100%}}@media (min-width:768px){.banner{height:45rem;font-size:5rem}.text-container{position:absolute;bottom:0;p{max-width:30rem}button{width:-moz-fit-content;width:fit-content}}}@media (min-width:1200px){.banner{height:55rem;font-size:7rem}.text-container{position:absolute;bottom:0;p{max-width:30rem}button{width:-moz-fit-content;width:fit-content}}}@media (min-width:1400px){.banner{height:60rem}}@media (min-width:1600px){.banner{max-width:1600px;margin:0 auto;.left-gradient,.right-gradient{display:block}}}@media (max-width:600px){.rugb-letters{position:relative;z-index:10!important}}}