.hero-wrapper{height:calc(100svh + 50px);min-height:650px;position:relative;overflow:hidden}.hero-wrapper .wrapper{flex-direction:column;height:100%;padding-bottom:120px;display:flex}.hero-wrapper__bg{object-position:center;object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-wrapper__ripple{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-wrapper__separator{z-index:3;object-fit:cover;width:100%;max-height:50px;position:absolute;bottom:0;left:0;right:0}@media screen and (max-width:768px){.hero-wrapper__separator{height:10px}}.hero-wrapper__separator:after{content:"";width:100%;height:100%;position:absolute;left:0;right:0;transform:translateY(100%)}.hero-wrapper__title{color:#fff;z-index:1;margin-top:auto;position:relative}.hero-wrapper__title--heading{font-size:var(--font-size-xxl);margin:0 0 20px}.hero-wrapper__title--description{font-size:var(--font-size-m);margin:0}.hero-wrapper__title--cta{font-size:var(--font-size-lg);margin-top:20px;padding:14px 50px;display:inline-flex}.small-hero-wrapper{padding-top:200px;padding-bottom:100px;position:relative}.small-hero-wrapper .gradual-blur.gradual-blur{z-index:2!important}.small-hero-wrapper__bg{z-index:0;object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.small-hero-wrapper__bg.blur{filter:blur(5px);z-index:1;-webkit-mask-image:linear-gradient(135deg,#000,transparent);mask-image:linear-gradient(135deg,#000,transparent)}.small-hero-wrapper__separator{z-index:3;object-fit:cover;width:100%;max-height:50px;position:absolute;bottom:0;left:0;right:0}@media screen and (max-width:768px){.small-hero-wrapper__separator{height:10px}}.small-hero-wrapper:before{content:"";opacity:.5;z-index:1;background:linear-gradient(#000c5d,transparent);position:absolute;top:0;bottom:0;left:0;right:0}.small-hero-wrapper:after{content:"";opacity:.3;z-index:2;background:linear-gradient(transparent,#001ac3);position:absolute;top:0;bottom:0;left:0;right:0}.small-hero-wrapper__content{z-index:3;color:#fff;position:relative}.small-hero-wrapper__content--title{margin:0}.small-hero-wrapper__content--description{max-width:560px;margin-top:20px;margin-bottom:0}
@keyframes scaleIn{0%{transform:scale(1.1)}to{transform:scale(1)}}.water-ripple{z-index:1;width:100%;height:100%;animation:scaleIn .4s var(--material-cubic-bezier);position:absolute;top:0;left:0}