.brand-hsplit{--hsplit-radius: 12px;--hsplit-radius-lg: 20px;--hsplit-pad-mobile: clamp(20px, 5vw, 32px);--hsplit-pad-desktop: clamp(40px, 4vw, 72px);--hsplit-pad-top: 0px;--hsplit-pad-bottom: 0px;position:relative;isolation:isolate;background:transparent;padding-block-start:var(--hsplit-pad-top);padding-block-end:var(--hsplit-pad-bottom)}.brand-hsplit__panel{position:relative;background:transparent;color:var(--text-primary);margin:0 1.5rem 60px}.brand-hsplit[data-frame-mobile=fullbleed] .brand-hsplit__panel,.brand-hsplit[data-frame=fullbleed]:not([data-frame-mobile]) .brand-hsplit__panel{margin:0}@media(min-width:1024px){.brand-hsplit__panel{margin:0 3rem 80px}.brand-hsplit[data-frame-desktop=fullbleed] .brand-hsplit__panel,.brand-hsplit[data-frame=fullbleed]:not([data-frame-desktop]) .brand-hsplit__panel{margin:0}.brand-hsplit[data-frame-desktop=framed] .brand-hsplit__panel{margin:0 3rem 80px}}.brand-hsplit__slides{list-style:none;margin:0;padding:0;display:grid;grid-template-areas:"stack";position:relative}@media(min-width:1024px){.brand-hsplit__slides{border-radius:var(--hsplit-radius-lg);overflow:hidden}.brand-hsplit[data-frame=fullbleed] .brand-hsplit__slides,.brand-hsplit[data-frame-desktop=fullbleed] .brand-hsplit__slides{border-radius:0}.brand-hsplit[data-frame-desktop=framed] .brand-hsplit__slides{border-radius:var(--hsplit-radius-lg);overflow:hidden}}.brand-hsplit__slide{grid-area:stack;display:grid;grid-template-columns:1fr;gap:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);filter:blur(2px);transition:opacity .7s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),transform .9s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),filter .7s ease,visibility .7s}.brand-hsplit__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);filter:blur(0)}.brand-hsplit__slide.is-active .brand-hsplit__pane--image img{animation:brand-hsplit-drift 14s ease-in-out infinite alternate}.brand-hsplit[data-paused=true] .brand-hsplit__slide.is-active .brand-hsplit__pane--image img{animation-play-state:paused}@keyframes brand-hsplit-drift{0%{transform:scale(1.02) translateZ(0)}to{transform:scale(1.06) translate3d(-1.5%,-1%,0)}}.brand-hsplit__slide .brand-hsplit__headline,.brand-hsplit__slide .brand-hsplit__lede,.brand-hsplit__slide .brand-hsplit__cta,.brand-hsplit__slide .brand-hsplit__eyebrow{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),transform .9s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.brand-hsplit__slide.is-active .brand-hsplit__eyebrow{transition-delay:.12s;opacity:1;transform:none}.brand-hsplit__slide.is-active .brand-hsplit__headline{transition-delay:.2s;opacity:1;transform:none}.brand-hsplit__slide.is-active .brand-hsplit__lede{transition-delay:.32s;opacity:1;transform:none}.brand-hsplit__slide.is-active .brand-hsplit__cta{transition-delay:.44s;opacity:1;transform:none}.brand-hsplit__pane{display:block;position:relative;overflow:hidden;color:inherit;text-decoration:none}.brand-hsplit__image-wrap{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.brand-hsplit__pane--image{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4 / 5;order:1;background:var(--surface-raised)}.brand-hsplit__pane--video{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:9 / 16;order:3}.brand-hsplit__pane--image picture,.brand-hsplit__img,.brand-hsplit__pane--image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.brand-hsplit__pane--image img{transition:transform .9s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.brand-hsplit__pane--image:hover img{transform:scale(1.03)}.brand-hsplit__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.brand-hsplit__copy{display:flex;flex-direction:column;align-items:inherit;text-align:inherit;gap:12px;color:inherit;text-decoration:none;cursor:pointer}.brand-hsplit__copy:hover .brand-hsplit__headline{color:var(--accent)}.brand-hsplit__copy:hover{color:inherit}.brand-hsplit__content{order:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px var(--hsplit-pad-mobile) 8px;position:relative;z-index:2;color:var(--text-primary)}.brand-hsplit__eyebrow{margin:0;font-family:var(--font-body);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:oklch(from currentColor l c h / .78)}.brand-hsplit__headline{margin:0;font-family:var(--font-display);font-variation-settings:var(--frax-display);font-size:clamp(1.75rem,1.4rem + 1.6vw,2.25rem);line-height:1.18;letter-spacing:var(--tracking-display);text-wrap:balance}.brand-hsplit__lede{margin:0;font-size:var(--text-body);line-height:var(--lh-body);color:oklch(from currentColor l c h / .78);max-width:56ch}.brand-hsplit__cta{margin-top:12px;display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--text-inverse);padding:14px 28px;border-radius:6px;font-family:var(--font-body);font-size:var(--text-small);font-weight:500;letter-spacing:var(--tracking-button);text-transform:uppercase;text-decoration:none;transition:background .2s ease,transform .2s ease}.brand-hsplit__cta:hover{background:oklch(from var(--accent) calc(l - .05) c h);transform:translateY(-1px)}.brand-hsplit__cta svg{transition:transform .25s ease}.brand-hsplit__cta:hover svg{transform:translate(3px)}@media(max-width:1023px){.brand-hsplit__cta--desktop-only{visibility:hidden!important;pointer-events:none!important}}.brand-hsplit__video,.brand-hsplit__pane--video :where(img,.brand-image,.brand-image__img){width:100%;height:100%;object-fit:cover;display:block;background:oklch(from var(--surface-inverse) calc(l - .04) c h)}.brand-hsplit__pane--video{background:var(--surface-inverse)}.brand-hsplit__video-meta{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:8px;background:#00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-inverse);font-size:var(--text-micro);pointer-events:none}.brand-hsplit__video-meta-title{font-weight:500;letter-spacing:.02em}.brand-hsplit__video-meta-price{font-family:var(--font-mono);opacity:.85}@media(min-width:1024px){.brand-hsplit__slide{grid-template-columns:7fr 3fr;grid-template-areas:"image video";height:clamp(640px,85vh,920px)}.brand-hsplit[data-split="5050"] .brand-hsplit__slide{grid-template-columns:1fr 1fr}.brand-hsplit[data-split="6040"] .brand-hsplit__slide{grid-template-columns:6fr 4fr}.brand-hsplit[data-split="8020"] .brand-hsplit__slide{grid-template-columns:8fr 2fr}.brand-hsplit[data-height=compact] .brand-hsplit__slide{height:clamp(520px,70vh,760px)}.brand-hsplit[data-height=full] .brand-hsplit__slide{height:95vh}.brand-hsplit__pane--image{grid-area:image;margin:0;border-radius:0;aspect-ratio:auto;height:100%;width:100%;order:unset}.brand-hsplit__pane--video{grid-area:video;margin:0;border-radius:0;aspect-ratio:auto;height:100%;width:100%;order:unset}.brand-hsplit__content{grid-area:image;order:unset;align-self:end;align-items:flex-start;text-align:left;padding:var(--hsplit-pad-desktop);color:var(--text-inverse);max-width:60ch;z-index:3;pointer-events:none}.brand-hsplit__content>*{pointer-events:auto}.brand-hsplit[data-hsplit-surface=bone] .brand-hsplit__content,.brand-hsplit__slide[data-tone=dark] .brand-hsplit__content{color:var(--text-primary)}.brand-hsplit__headline{font-size:clamp(2.5rem,1.6rem + 2.6vw,3.75rem);line-height:1.1;text-shadow:0 2px 24px oklch(0% 0 0 / .18)}.brand-hsplit[data-hsplit-surface=bone] .brand-hsplit__headline,.brand-hsplit__slide[data-tone=dark] .brand-hsplit__headline{text-shadow:none}.brand-hsplit__scrim{background:linear-gradient(180deg,oklch(0% 0 0 / .1) 0%,transparent 28%,transparent 55%,oklch(0% 0 0 / .55) 100%),linear-gradient(90deg,oklch(0% 0 0 / .3) 0%,transparent 50%)}.brand-hsplit__slide[data-tone=dark] .brand-hsplit__scrim{background:linear-gradient(180deg,transparent 60%,oklch(100% 0 0 / .3) 100%)}.brand-hsplit[data-hsplit-surface=bone] .brand-hsplit__scrim{display:none}.brand-hsplit__cta{margin-top:8px}}.brand-hsplit__controls{position:absolute;right:clamp(12px,3vw,28px);top:clamp(12px,3vw,28px);z-index:5;display:none;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-inverse)}.brand-hsplit[data-scene-count="2"] .brand-hsplit__controls,.brand-hsplit[data-scene-count="3"] .brand-hsplit__controls,.brand-hsplit[data-scene-count="4"] .brand-hsplit__controls,.brand-hsplit[data-scene-count="5"] .brand-hsplit__controls,.brand-hsplit[data-scene-count="6"] .brand-hsplit__controls{display:inline-flex}.brand-hsplit__arrow{cursor:pointer;width:32px;height:32px;border-radius:999px;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.brand-hsplit__arrow:hover{background:oklch(from currentColor l c h / .18)}.brand-hsplit__counter{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.06em}.brand-hsplit__counter-sep{opacity:.5;margin:0 4px}.brand-hsplit__dots{display:inline-flex;align-items:center;gap:6px}.brand-hsplit__dot{cursor:pointer;width:6px;height:6px;border:0;border-radius:999px;background:oklch(from currentColor l c h / .4);transition:background .2s ease,transform .2s ease}.brand-hsplit__dot[aria-current=true]{background:currentColor;transform:scale(1.4)}.brand-hsplit__empty{padding:clamp(48px,6vw,96px);text-align:center;color:var(--text-muted);font-family:var(--font-body)}@media(max-width:1023.98px){.brand-hsplit[data-mobile-show=image] .brand-hsplit__pane--video{display:none}.brand-hsplit[data-mobile-show=image] .brand-hsplit__slide{position:relative;grid-template-columns:1fr}.brand-hsplit[data-mobile-show=image] .brand-hsplit__content{position:absolute;inset:auto 0 0 0;order:unset;align-items:flex-start;text-align:left;padding:24px var(--hsplit-pad-mobile);color:var(--text-inverse);z-index:3}.brand-hsplit[data-mobile-show=image] .brand-hsplit__headline{font-size:clamp(1.75rem,1.4rem + 1.6vw,2.25rem);text-shadow:0 2px 18px oklch(0% 0 0 / .25)}.brand-hsplit[data-mobile-show=image] .brand-hsplit__scrim{background:linear-gradient(180deg,transparent 40%,oklch(0% 0 0 / .55) 100%)}.brand-hsplit[data-mobile-show=image] .brand-hsplit__pane--image{aspect-ratio:4 / 5;border-radius:var(--hsplit-radius)}.brand-hsplit[data-mobile-show=video] .brand-hsplit__pane--image{display:none}.brand-hsplit[data-mobile-show=video] .brand-hsplit__slide{position:relative;grid-template-columns:1fr}.brand-hsplit[data-mobile-show=video] .brand-hsplit__content{position:absolute;inset:auto 0 0 0;order:unset;align-items:flex-start;text-align:left;padding:24px var(--hsplit-pad-mobile);color:var(--text-inverse);z-index:3}.brand-hsplit[data-mobile-show=video] .brand-hsplit__pane--video{aspect-ratio:9 / 16;border-radius:var(--hsplit-radius)}.brand-hsplit[data-mobile-show=video] .brand-hsplit__pane--video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,oklch(0% 0 0 / .55) 100%);pointer-events:none;z-index:1}.brand-hsplit[data-mobile-show=both] .brand-hsplit__pane--image{margin-bottom:0}.brand-hsplit[data-mobile-show=both] .brand-hsplit__content{order:2}}@media(prefers-reduced-motion:reduce){.brand-hsplit__slide,.brand-hsplit__pane--image :where(img,.brand-image__img),.brand-hsplit__cta{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-hero-split.css.map */