.split-banner{position:relative;display:block;width:100%;overflow:hidden;isolation:isolate}.split-banner--height-small{height:520px}.split-banner--height-medium{height:640px}.split-banner--height-large{height:760px}.split-banner--height-full{height:100svh}@media(min-width:768px){.split-banner--height-small{height:640px}.split-banner--height-medium{height:760px}.split-banner--height-large{height:880px}}.split-banner__layout{position:relative;display:flex;height:100%;flex-direction:column}@media(min-width:768px){.split-banner__layout{flex-direction:row}}.split-banner__pane{position:relative;width:100%;height:50%;overflow:hidden}@media(min-width:768px){.split-banner__pane{width:50%;height:100%}}.split-banner__panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.split-banner__img,.split-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.split-banner__placeholder{background-color:rgb(var(--text-color) / .08)}.split-banner__tint{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bg-color)}.split-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px 24px 64px;pointer-events:none}@media(min-width:768px){.split-banner__overlay{padding-left:48px;padding-right:48px}}.split-banner__content{position:relative;width:100%;max-width:900px;height:100%}.split-banner__copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgb(var(--text-color));pointer-events:none}.split-banner__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:rgb(var(--text-accent-color))}@media(min-width:768px){.split-banner__eyebrow{font-size:14px}}.split-banner__title{margin-top:16px;font-weight:600;line-height:1.05;color:rgb(var(--heading-color))}.split-banner__title--small{font-size:32px}.split-banner__title--medium{font-size:40px}.split-banner__title--large{font-size:48px}@media(min-width:600px){.split-banner__title--small{font-size:40px}.split-banner__title--medium{font-size:52px}.split-banner__title--large{font-size:64px}}@media(min-width:992px){.split-banner__title--small{font-size:56px}.split-banner__title--medium{font-size:72px}.split-banner__title--large{font-size:88px}}.split-banner__title--emphasis-accent em{font-style:normal;color:rgb(var(--text-accent-color))}.split-banner__title--emphasis-light em{font-style:normal;color:#fff}.split-banner__button{pointer-events:none;margin-top:28px;display:inline-block}.split-banner__copy[data-position=current] .split-banner__button{pointer-events:auto}.split-banner__side-copy{position:absolute;inset-inline:20px;bottom:88px;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;color:rgb(var(--text-color))}@media(min-width:768px){.split-banner__side-copy{inset-inline:32px;bottom:104px}}.split-banner__side-heading{font-weight:600;line-height:1.1;font-size:clamp(22px,5vw,34px);color:rgb(var(--heading-color))}@media(min-width:768px){.split-banner__side-heading{font-size:clamp(24px,2.6vw,40px)}}.split-banner__side-heading em{font-style:normal;color:rgb(var(--text-accent-color))}.split-banner__side-text{margin:8px 0 0;max-width:48ch;font-size:clamp(13px,1.8vw,16px);line-height:1.5}.split-banner__side-button{pointer-events:auto;margin-top:16px;display:inline-block}.split-banner__nav{position:absolute;inset-inline:0;bottom:24px;z-index:30;display:flex;align-items:center;justify-content:center;padding:0 16px}@media(min-width:768px){.split-banner__nav{bottom:32px}}.split-banner__nav-inner{pointer-events:auto;display:flex;align-items:center;gap:12px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background-color:#0000002e;padding:10px;color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px #ffffff24,0 10px 30px #0000002e;transition:opacity .4s ease}@media(min-width:768px){.split-banner:not(:hover):not(:focus-within) .split-banner__nav-inner{opacity:0}}.split-banner__arrow{display:flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:9999px;background-color:#e3e3e3e0;color:#000;border:0;cursor:pointer;transition:background-color .3s ease;box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000014}.split-banner__arrow:hover{background-color:#fff}.split-banner__arrow svg{width:16px;height:16px}.split-banner__dots{display:flex;align-items:center;gap:8px}.split-banner__dot{flex-shrink:0;overflow:hidden;position:relative;width:.625rem;height:.625rem;border-radius:9999px;border:0;padding:0;cursor:pointer;background:transparent;--split-banner-dot-duration: 0ms;--split-banner-dot-fill-width: .625rem}.split-banner__dot[data-active=true]{width:2rem}.split-banner__dot:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--split-banner-dot-fill-width);border-radius:9999px;--alpha-bg: .35;background-color:rgba(255,255,255,var(--alpha-bg));transition:width var(--split-banner-dot-duration) linear}.split-banner__dot[data-active=true]:before{--alpha-bg: 1}.split-banner__dot[data-autoplay=false][data-active=true]:before{width:2rem}@media(prefers-reduced-motion:reduce){.split-banner__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/split-banner.css.map */