.section-hero{height:90vh}.hero__container{position:relative;overflow:hidden;height:100%}.hero__left{z-index:4;position:absolute;top:0;left:0;width:50%;height:100%;display:flex;justify-content:center;align-items:center}.hero__content{height:100%;position:relative;z-index:2;background:radial-gradient(71.5% 71.5% at 50% 50%,#160e0d40,#502c25)}.hero__left-image-1,.hero__left-image-2{width:50%;height:100%;position:relative}.hero__content--texts h1,.hero__content--texts p{color:#fff}.hero__content--texts{width:515px!important;max-width:95%}.hero__right img,.hero__left img{width:100%;height:100%;object-fit:cover}.hero__right-image-1,.hero__right-image-2{width:50%;height:100%;position:relative}.hero__right{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;z-index:4;justify-content:center;align-items:center}.hero__right{animation:slideInToRight 4.6s forwards;animation-delay:.8s}.hero__left{animation:slideIntoLeft 4.6s forwards;animation-delay:.8s}.hero__left .hero__left-image-2,.hero__right .hero__right-image-1{animation:widthIncrease 4.2s forwards;animation-delay:.8s}.hero__video{position:relative;height:100%}.hero__video video{width:100%;height:100%;object-fit:cover}.hero__video:after{background:radial-gradient(71.5% 71.5% at 50% 50%,#160e0d40,#502c25);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}@keyframes widthIncrease{0%{width:50%}to{width:100%}}@keyframes slideIntoLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.hero__content--texts{position:absolute;z-index:3;top:50%;width:calc(100% - 40px);left:50%;padding-inline:20px;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:10;animation:scale 4.2s forwards;animation-delay:.8s}@keyframes scale{0%{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1)}}@media only screen and (max-width: 989px){.section-hero{height:500px}.hero__right-image-2,.hero__left-image-1{display:none}.hero__right-image-1,.hero__left-image-2{width:100%}@keyframes widthIncrease{0%{width:100%;transform:scale(1)}to{width:100%;transform:scale(1.1)}}.hero__left,.hero__right{overflow:hidden}.section-image-text{background:#f4efe9!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero.css.map */