.image-hero{width:100%;position:relative;max-height:100vh;overflow:hidden;display:flex;align-items:center}.image-hero--full{height:80vh}.image-hero--full .image-hero__inner,.image-hero--full .image-hero__inner svg,.image-hero--full .image-hero__inner img{height:100%}.image-hero--full .image-hero__inner svg{width:100%;object-fit:contain;object-position:center}.image-hero__inner{height:auto;width:100%;position:relative;background:#f2f2f2;display:flex}.image-hero__inner img,.image-hero__inner video{width:100%;object-fit:cover;object-position:center}.image-hero__img--desktop{display:block}.image-hero__img--mobile{display:none}.image-hero__content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:absolute;top:50%;transform:translateY(-50%);text-align:center}.image-hero__content--left{left:38px}.image-hero__content--center{left:50%;transform:translate(-50%,-50%);align-items:center}.image-hero__content--right{right:85px}.image-hero__content-title{margin-bottom:0;margin-top:0}.image-hero__content--black .image-hero__content-title,.image-hero__content--black .image-hero__content-subheading,.image-hero__content--black .image-hero__content-text{color:#000}.image-hero__content--white *:not(.btn){color:#fff}.image-hero__content--white .header-1{margin:0}.image-hero__content--white .text{margin:18px 0 35px}.image-hero__content-subheading{font-size:15px}.image-hero__content-text{margin-top:4px}.image-hero__content-btns{display:flex;gap:25px;align-items:center}.image-hero a{width:100%}.image-hero .btn{background:var(--background);color:var(--color)}@media(max-width:768px){.image-hero__img--desktop{display:none}.image-hero__img--mobile{display:block}.image-hero__content{width:calc(100% - 54px);left:27px;bottom:30px}.image-hero__content--right{right:27px;left:auto}.image-hero__content--center{left:50%}.image-hero__content-btns{margin-top:15px}.image-hero__content .header-1{text-align:center;font-size:28px}.image-hero__content--white .text{margin:15px 0 25px}.image-hero__content-btns{flex-direction:column;gap:11px}}@media(max-width:450px){.image-hero__content .header-1{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/component-image-hero.css.map */