.hero-split{position:relative;min-height:67vh;overflow:hidden;display:flex;justify-content:center;align-items:stretch}.hero-split:before{content:"";position:absolute;top:0;left:0;width:50vw;height:100%;z-index:1}.hero-split__media{position:absolute;top:0;right:0;width:50vw;height:100%;z-index:1;overflow:hidden}.hero-split__media--video{cursor:pointer}.hero-split__media--video:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.hero-split__media--video .hero-split__video{pointer-events:none}.hero-split__video,.hero-split__image{width:100%;height:100%;object-fit:cover;display:block}.hero-split__container{position:relative;z-index:2;max-width:var(--page-width);width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 5rem;box-sizing:border-box;pointer-events:none}.hero-split__content,.hero-split__content *{pointer-events:auto}.hero-split__spacer{pointer-events:none}.hero-split__content{padding:4.8rem 3rem 4.8rem 0;max-width:60rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.hero-split__subtitle{display:block;font-weight:500;font-size:1.2rem;line-height:150%;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.2rem}.hero-split__title{margin:0 0 1.2rem}.hero-split__title p{margin:0}.hero-split__description{font-weight:400;font-size:1.5rem;line-height:160%;margin:0 0 4.4rem}.hero-split--reverse:before{left:auto;right:0}.hero-split--reverse .hero-split__media{right:auto;left:0}.hero-split--reverse .hero-split__content{grid-column:2;padding-right:0;padding-left:3rem}.hero-split--reverse .hero-split__spacer{grid-column:1;grid-row:1}@media(max-width:989px){.hero-split{min-height:50vh}.hero-split__container{padding:0 5rem}.hero-split__content{padding-top:9rem;padding-bottom:9rem}.hero-split__description{margin-bottom:3.2rem}}@media(max-width:749px){.hero-split{min-height:auto;flex-direction:column;align-items:stretch}.hero-split:before{width:100%}.hero-split__media{position:relative;width:100%;height:auto;aspect-ratio:4 / 3}.hero-split__container{grid-template-columns:1fr;padding:0 1.5rem}.hero-split__content{padding:3.2rem 0;max-width:none}.hero-split__spacer{display:none}.hero-split__description{margin-bottom:2.4rem}.hero-split--reverse:before{left:0;right:auto}.hero-split--reverse .hero-split__media{left:0}.hero-split--reverse .hero-split__content{grid-column:1;padding-left:0}.hero-split--reverse .hero-split__spacer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hero-split.css.map */