.section-hero-banner{background-color:#421469;color:#fff;min-height:35rem;max-height:50rem;overflow:hidden;padding-bottom:1rem;width:100%;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.image__wrapper img{max-height:100%;object-fit:contain;object-position:center top;display:block;max-width:100%}.image__wrapper-inner{margin-top:0rem}.banner_content h2{font-size:80px;margin:0 0 2rem}.banner_content h2 br{display:none}.button_field{display:flex;gap:1rem}.button_field a{font-family:Kaarna;font-size:1.25rem;line-height:1}.section-hero-banner .banner_col-image{height:100%;max-height:60vh;-ms-flex-order:-1;order:-1;position:relative;width:120%;left:-15%;margin-bottom:-5rem}.image__wrapper{position:relative;height:100%}.image__wrapper-inner{display:block;max-width:100%;position:relative}.image__wrapper-inner{height:100%;top:-5rem;left:.5rem;z-index:0}.image__wrapper-inner img{max-height:100%;object-fit:contain;object-position:center top;width:100%}.banner_grid{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-pack:justify;justify-content:space-between}@media(max-width:767px){.banner_grid{row-gap:20px}.section-hero-banner .banner_col-image{width:129%;left:-20%}.section-hero-banner .button_field{position:fixed;bottom:0;left:0;right:0;padding:.5rem;background:#fff;z-index:3;box-shadow:0 10px 20px #0000000a,0 2px 6px #00000014,0 0 1px #0000001f;gap:.5rem}.section-hero-banner .button_field a{flex:1}}@media(min-width:768px){.image__wrapper-inner{margin-top:-8rem}.banner_grid{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.image__wrapper-inner{height:100%;position:absolute;right:0;left:0;top:0;width:100%;z-index:0}.section-hero-banner .banner_col-image{height:calc(100% + 8rem);max-height:calc(100% + 8rem);max-width:50rem;-ms-flex-order:1;order:1;width:100%;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:50vw;flex-basis:50vw;left:0}.banner_col-content{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:5rem 2rem 5rem 7rem}}@media(min-width:990px){.banner_col-content{padding:5rem 5rem 5rem 7rem}}@media(min-width:1580px){.banner_content h2 br{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-banner.css.map */