:root{--mob-height: 100vh;--desk-height: 100vh;--animation-speed: 1s;--logo-adjustment: 4rem}.hero-banner{min-height:var(--mob-height);text-align:center;position:relative}.hero-banner h1{margin:0}.hero-banner__split{display:flex;flex-direction:row}.hero-banner__logo{width:100%;scale:0;position:absolute;top:var(--header-height);left:0;right:0;animation-name:logoAnimation;animation-duration:var(--animation-speed);animation-delay:1s;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:linear}.hero-banner__content-wrapper{position:absolute;top:calc(var(--header-height));left:0;right:0;width:100%;height:calc(var(--mob-height) - var(--header-height))}.hero-banner__content{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 10rem;height:100%;overflow:hidden;justify-content:center;background-repeat:no-repeat;background-position:bottom;background-size:contain}.hero-banner__content-item{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.hero-banner__content-item:nth-of-type(1){grid-area:1 / 1 / 2 / 2}.hero-banner__content-item:nth-of-type(1) img{left:-100vh;animation-name:leftSideAnimation;animation-duration:var(--animation-speed);animation-delay:2s;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:linear}.hero-banner__content-item:nth-of-type(2){grid-area:2 / 1 / 3 / 2}.hero-banner__content-item:nth-of-type(2) img{right:-100vh;animation-name:rightSideAnimation;animation-duration:var(--animation-speed);animation-delay:2s;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:linear}.hero-banner__content-item:nth-of-type(3){grid-area:3 / 1 / 4 / 2;align-items:center}.hero-banner__left,.hero-banner__right{width:0;height:var(--mob-height);display:block;animation-name:backgroundAnimationMobile;animation-duration:var(--animation-speed);animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:linear}.hero-banner__image{width:25vh;max-width:80%;height:auto;position:relative}.hero-banner__content-item>div{position:relative}.hero-banner__button{position:absolute;bottom:18%;line-height:2.4rem;font-weight:700;padding:1rem 2rem;font-size:2.4rem;min-width:170px;opacity:0;animation-name:opacityAnimation;animation-duration:var(--animation-speed);animation-delay:3s;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:linear}.hero-banner__button--left{left:10rem;z-index:var(--z-hero-button-left)}.hero-banner__button--right{right:6rem;z-index:var(--z-hero-button-right)}.hero-banner__scroll{font-size:1.8rem;font-weight:var(--font-body-weight);opacity:0;animation-name:opacityAnimation;animation-duration:var(--animation-speed);animation-delay:3s;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:linear}@media screen and (max-width: 989px){.hero-banner__content{padding:5rem 0}.hero-banner__content-item:nth-of-type(1){justify-content:flex-end;width:80vw;margin:0 auto}.hero-banner__content-item:nth-of-type(2){justify-content:flex-start;width:80vw;margin:0 auto}}@media screen and (min-width: 990px){.hero-banner{min-height:var(--desk-height)}.hero-banner__content-wrapper{height:calc(var(--desk-height) - var(--header-height) - var(--logo-adjustment));top:calc(var(--header-height) + var(--logo-adjustment))}.hero-banner__left,.hero-banner__right{width:50%;height:0;animation-name:backgroundAnimationDesktop;animation-duration:var(--animation-speed);animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:linear}.hero-banner__image{width:40vh;max-width:80%;position:relative}.hero-banner__button{bottom:20%}.hero-banner__button--left{left:2rem}.hero-banner__button--right{right:2rem}.hero-banner__content{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 15rem}.hero-banner__content-item{align-items:flex-end}.hero-banner__content-item:nth-of-type(1){grid-area:1 / 1 / 2 / 2}.hero-banner__content-item:nth-of-type(2){grid-area:1 / 2 / 2 / 3}.hero-banner__content-item:nth-of-type(3){grid-area:2 / 1 / 3 / 3;align-items:flex-start;margin-top:3rem}}@media screen and (min-width: 1440px){.hero-banner__content{grid-template-rows:82% 10%}.hero-banner__image{width:42vh}.hero-banner__button--left{left:10rem}.hero-banner__button--right{right:6rem}}@media screen and (max-width: 989px){.hero-banner__button--left,.hero-banner__button--right{left:50%;right:0;transform:translate(-50%)}}@keyframes backgroundAnimationDesktop{0%{height:0}to{height:var(--desk-height)}}@keyframes backgroundAnimationMobile{0%{width:0}to{width:50%}}@keyframes logoAnimation{0%{scale:0}to{scale:100%}}@keyframes leftSideAnimation{0%{left:-100vh}to{left:0}}@keyframes rightSideAnimation{0%{right:-100vh}to{right:0}}@keyframes opacityAnimation{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/s/files/1/0804/3379/t/170/assets/stmt-section-hero-banner.css.map */