.split-banner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:var(--text-color);overflow:hidden}.split-banner__container{max-width:1400px;margin:0 auto;display:flex;align-items:stretch;gap:2rem;padding:0 1rem}.split-banner__container--image-first{flex-direction:row-reverse}.split-banner__content{width:var(--text-width);padding:2rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.split-banner__small-title{letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.split-banner__title{font-weight:700;margin-bottom:1.5rem;line-height:1.2;margin-top:0;font-size:4rem}.split-banner__description{line-height:1.6;margin-bottom:2rem;opacity:.9}.split-banner__button{display:inline-block;padding:1rem 2rem;background-color:var(--button-color);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:500;transition:opacity .3s ease}.split-banner__button:hover{opacity:.9}.split-banner__image-wrapper{width:var(--image-width);position:relative;height:var(--section-height);overflow:visible;flex-shrink:0;border-radius:var(--image-border-radius)}.split-banner__image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:var(--image-position-y);justify-content:center;border-radius:var(--image-border-radius);overflow:hidden;border:10px solid white;box-shadow:0 10px 30px #00000026}.split-banner__image{width:100%;height:auto;display:block}.split-banner__image--center{position:absolute;top:50%;transform:translateY(-50%)}@media screen and (max-width:768px){.split-banner__container,.split-banner__container--image-first{flex-direction:column;min-height:auto;gap:1rem}.split-banner__content,.split-banner__image-wrapper{width:100%;text-align:center;padding:1rem}.split-banner__content{padding:2rem 1rem}.split-banner__title{font-size:2rem;margin-bottom:1rem}.split-banner__description{margin-bottom:1.5rem}.split-banner__image-wrapper{height:300px;margin:0;padding:0 10px}.split-banner__image{height:100%;width:100%;object-fit:cover}.split-banner{--padding-top: calc(var(--original-padding-top) * .7);--padding-bottom: calc(var(--original-padding-bottom) * .7)}}@media screen and (max-width:480px){.split-banner__image-wrapper{height:250px}.split-banner__content{padding:1.5rem 1rem}.split-banner__title{font-size:1.75rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-split-banner.css.map */