.hero-split{position:relative;display:block;width:100%;overflow:hidden;color:var(--text-color, #1a1c1d);background:var(--color-bg-gradient, var(--color-bg, transparent))}@media only screen and (max-width:767px){.hero-split{background:var(--color-bg-gradient-mobile, var(--color-bg-gradient, var(--color-bg, transparent)))}}.hero-split--inner{--hero-split-padding-y: 40px;display:flex;align-items:center;gap:40px;max-width:var(--grid-width-row, 1380px);width:100%;margin:0 auto;padding:var(--hero-split-padding-y) 25px}@media only screen and (min-width:768px){.hero-split--inner{--hero-split-padding-y: 60px;padding-left:50px;padding-right:50px}}.hero-split.image-no-bottom-padding .hero-split--media{margin-bottom:calc(-1 * var(--hero-split-padding-y))}@media only screen and (min-width:1025px){.hero-split--inner{gap:80px}}@media only screen and (max-width:767px){.hero-split--inner{flex-direction:column;align-items:stretch}}.hero-split.content-valign-top .hero-split--inner{align-items:flex-start}.hero-split.content-valign-center .hero-split--inner{align-items:center}.hero-split.content-valign-bottom .hero-split--inner{align-items:flex-end}@media only screen and (max-width:767px){.hero-split.content-valign-top .hero-split--inner,.hero-split.content-valign-center .hero-split--inner,.hero-split.content-valign-bottom .hero-split--inner{align-items:stretch}}.hero-split--content,.hero-split--media{width:100%;min-width:0}@media only screen and (min-width:768px){.hero-split.image-position-left .hero-split--media{order:-1}}@media only screen and (min-width:768px)and (max-width:1024px){.hero-split--content,.hero-split--media{flex:1 1 0%;width:auto}}@media only screen and (min-width:1025px){.hero-split--inner{justify-content:space-between}.hero-split--content,.hero-split--media{width:auto}}.hero-split--content,.hero-split.text-right .hero-split--content,.hero-split.text-center .hero-split--content{max-width:650px}@media only screen and (min-width:768px){.hero-split.text-right .hero-split--content{margin-left:auto}.hero-split.text-center .hero-split--content{margin:0 auto}}.hero-split--content.content-width-small{max-width:480px}.hero-split--content.content-width-medium{max-width:650px}.hero-split--content.content-width-large{max-width:900px}.hero-split--content .hero-split--heading{color:var(--text-color, #1a1c1d)}.hero-split--content .rte a,.hero-split--content .hero-split--heading a{color:var(--text-color, inherit)}.hero-split--content .rte a{text-decoration:underline;text-underline-offset:3px}.hero-split--content .hero-split--heading p{line-height:inherit}.animations-true .hero-split--content .hero-split--heading{visibility:hidden;will-change:visibility}.animations-true .hero-split--content .subheading,.animations-true .hero-split--content .button,.animations-true .hero-split--content .inline-badge,.animations-true .hero-split--content .rte p{opacity:0}.hero-split--content .inline-badge{border-radius:4px;padding:8px 14px;font-size:1rem}.hero-split--content>*{margin-top:0;margin-bottom:0}.hero-split--content>*+*{margin-top:var(--content-spacing, 24px)}@media only screen and (min-width:768px){.hero-split--content>.button+.button{margin-top:0}}.hero-split--content>*+.hero-split--space,.hero-split--content>.hero-split--space+*{margin-top:0}.hero-split--content .button{margin-right:1rem}@media all and (max-width:767px){.hero-split--content .button{display:flex;width:fit-content}}.hero-split--content .rte p{font-size:inherit;margin:0 0 1em}.hero-split--content .rte p:last-child{margin-bottom:0}@media only screen and (min-width:1068px){.hero-split--content .rte.description-size--medium{font-size:1.25rem}.hero-split--content .rte.description-size--large{font-size:1.5rem}}.hero-split--media{position:relative;display:flex}.hero-split--media-inner{position:relative;width:100%;margin:0 auto}.hero-split--media-inner.ratio-portrait{aspect-ratio:4 / 5;width:min(100%,600px,calc(var(--image-height-mobile-max, 300px) * 4 / 5))}.hero-split--media-inner.ratio-square{aspect-ratio:1 / 1;width:min(100%,600px,var(--image-height-mobile-max, 300px))}.hero-split--media-inner.ratio-landscape{aspect-ratio:4 / 3;width:min(100%,600px,calc(var(--image-height-mobile-max, 300px) * 4 / 3))}.hero-split--media-inner.ratio-wide{aspect-ratio:16 / 9;width:min(100%,600px,calc(var(--image-height-mobile-max, 300px) * 16 / 9))}@media only screen and (min-width:768px){.hero-split--media-inner{height:auto}}@media only screen and (min-width:768px)and (max-width:1024px){.hero-split--media-inner{width:100%}.hero-split--media-inner.ratio-portrait{width:min(100%,calc(var(--image-height-desktop, 400px) * 4 / 5))}.hero-split--media-inner.ratio-square{width:min(100%,var(--image-height-desktop, 400px))}.hero-split--media-inner.ratio-landscape{width:min(100%,calc(var(--image-height-desktop, 400px) * 4 / 3))}.hero-split--media-inner.ratio-wide{width:min(100%,calc(var(--image-height-desktop, 400px) * 16 / 9))}}@media only screen and (min-width:1025px){.hero-split--media-inner.ratio-portrait{width:calc(var(--image-height-desktop, 400px) * 4 / 5)}.hero-split--media-inner.ratio-square{width:var(--image-height-desktop, 400px)}.hero-split--media-inner.ratio-landscape{width:calc(var(--image-height-desktop, 400px) * 4 / 3)}.hero-split--media-inner.ratio-wide{width:calc(var(--image-height-desktop, 400px) * 16 / 9)}}.hero-split--spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transform:scale(var(--spotlight-size, 1.4));filter:blur(60px);background:radial-gradient(circle at center,rgba(var(--spotlight-color-rgb),var(--spotlight-opacity, .6)),rgba(var(--spotlight-color-rgb),0) 70%)}.hero-split--image-wrap{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.hero-split--media-inner.rounded .hero-split--image-wrap{border-radius:var(--block-border-radius, 16px)}.hero-split--image-wrap img,.hero-split--image-wrap svg{width:100%;height:100%;object-fit:contain}.hero-split--image-wrap svg{opacity:.5}.hero-split--mobile{display:block}.hero-split--desktop{display:none}@media only screen and (min-width:767px){.hero-split--mobile{display:none}.hero-split--desktop{display:block}}@media only screen and (max-width:1100px){.hero-split--content .button{margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-split.css.map */