.hero .hero-container{position:relative}.hero .hero-container.hero-container-large{height:100vh}.hero .hero-container.hero-container-medium{height:600px}.hero .hero-container.hero-container-small{height:400px}.hero .background{clip-path:inset(0);z-index:1}.hero .background,.hero .foreground{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.hero .foreground{z-index:2}.hero .hero-container .hero-image{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.hero .hero-container .hero-image img{display:block;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:center center;width:100%}.hero .hero-container .background.parallax{clip-path:inset(0);height:100%}.hero .hero-container .background.parallax .hero-image img{left:0;object-fit:cover;position:fixed;top:0}.hero .foreground .foreground-container{display:flex;flex-flow:column;height:100%;justify-content:center;margin:0 auto;max-width:1200px;padding:50px 15px}.hero .foreground .foreground-container h1 span{font-size:18px}.hero .foreground .foreground-container .image{max-width:300px}.hero .foreground .foreground-container .image img{width:100%}.hero .darken-layer{height:100%;left:0;position:absolute;top:0;width:100%}.hero .hero-container .background video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hero .hero-container .background.parallax video{position:fixed}.hero .hero-container .hero-foreground{margin-top:25px}