section.hero{position:relative;padding:0!important;overflow:hidden}section.hero>.wrapper{max-width:100%}section.hero>.wrapper .media{aspect-ratio:16/20;overflow:hidden;width:100%}section.hero>.wrapper .media img,section.hero>.wrapper .media video{width:100%;height:100%;object-fit:cover;object-position:center}section.hero .content{position:absolute;z-index:2;bottom:0;left:0;padding:0 1rem 100px;width:100%;margin:0 auto;background:linear-gradient(0deg,rgba(0,0,0,.4) 65%,transparent)}section.hero .content h1,section.hero .content h1 *{color:#fff;text-shadow:0 0 15px rgba(0,0,0,.5)}section.hero .waves{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:100px;z-index:3}section.hero .waves svg{height:100%;width:100%}@media only screen and (min-width: 601px){section.hero .wrapper .media{aspect-ratio:16/14}section.hero .content{padding:0 1rem 140px}section.hero .waves{height:150px}}@media only screen and (min-width: 1200px){section.hero .wrapper .media{aspect-ratio:16/7}section.hero .content{padding:0 1rem 100px}section.hero .waves{height:150px;bottom:-50px}}