.split-banner,.split-banner__inner{position:relative}.split-banner__panels{display:grid;grid-template-columns:repeat(var(--split-banner-columns, 2),1fr);gap:0}@media screen and (max-width:749px){.split-banner__panels{grid-template-columns:1fr}}.split-banner__panel{position:relative;display:block;overflow:hidden;height:var(--split-banner-height);text-decoration:none;color:inherit;background-color:#fff}.split-banner__image,.split-banner__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.split-banner__image{max-width:none;width:calc(100% + 50px);transform:translate3d(-40px,0,0)}.split-banner__placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.06)}.split-banner__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-shadow) / var(--split-banner-overlay, .15));pointer-events:none}.split-banner__panel-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:4rem 4.5rem;color:#fff;pointer-events:none}.split-banner__panel-content--top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.split-banner__panel-content--middle-left{justify-content:center;align-items:flex-start;text-align:left}.split-banner__panel-content--center{justify-content:center;align-items:center;text-align:center}.split-banner__panel-content--bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.split-banner__panel-content--bottom-center{justify-content:flex-end;align-items:center;text-align:center}.split-banner__panel-heading{margin:0;font-weight:700!important;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.55)}.split-banner__panel-heading--md{font-size:clamp(1.4rem,2.6vw,2.4rem)}.split-banner__panel-heading--lg{font-size:clamp(2.6rem,4.2vw,6rem);font-weight:600!important;min-width:min-content;max-width:min(100%,49rem);overflow-wrap:normal;word-break:keep-all}.split-banner__panel-text{margin-top:2.4rem;font-size:1.5rem;line-height:1.75;max-width:34ch;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.6)}.split-banner__panel-text,.split-banner__panel-text *{color:#fff}.split-banner__panel-text>:first-child{margin-top:0}.split-banner__panel-text>:last-child{margin-bottom:0}.split-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;padding:0 3rem;pointer-events:none;color:#fff}.split-banner__overlay--left{justify-content:flex-start;text-align:left}.split-banner__overlay--center{justify-content:center;text-align:center}.split-banner__overlay--right{justify-content:flex-end;text-align:right}.split-banner__heading{margin:0;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 24px rgb(var(--color-shadow) / .35)}.split-banner__heading--md{font-size:clamp(2rem,5vw,3.4rem)}.split-banner__heading--lg{font-size:clamp(2.6rem,7vw,5.4rem)}.split-banner__heading--xl{font-size:clamp(3rem,9vw,8rem)}.split-banner__subheading{margin:.6rem 0 0;font-size:clamp(1.2rem,2.2vw,2rem);font-weight:500;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 18px rgb(var(--color-shadow) / .35)}.split-banner__image{opacity:.7;transition:opacity .35s ease,transform .35s ease}.split-banner__panel-heading{transform:translate3d(0,40px,0);transition:transform .35s ease}.split-banner__panel-text{opacity:0;transform:translate3d(0,40px,0);transition:opacity .2s ease .05s,transform .35s ease}@media(hover:hover){.split-banner__panel:hover .split-banner__image{opacity:1;transform:translateZ(0)}.split-banner__panel:hover .split-banner__panel-heading,.split-banner__panel:hover .split-banner__panel-text{transform:translateZ(0)}.split-banner__panel:hover .split-banner__panel-text{opacity:1}a.split-banner__panel:hover .split-banner__arrow{opacity:1;transform:translateY(0)}}.split-banner__panel:focus-within .split-banner__image{opacity:1;transform:translateZ(0)}.split-banner__panel:focus-within .split-banner__panel-heading,.split-banner__panel:focus-within .split-banner__panel-text{transform:translateZ(0)}.split-banner__panel:focus-within .split-banner__panel-text{opacity:1}@media(hover:none){.split-banner__image{opacity:1;transform:translate3d(-25px,0,0)}.split-banner__panel-heading,.split-banner__panel-text{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.split-banner__image,.split-banner__panel-heading,.split-banner__panel-text,.split-banner__arrow{transition:opacity .2s ease;transform:none}.split-banner__image{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-split-banner.css.map */