.hero-split{--hero-split-image-width: 64%;--hero-split-muted: color-mix(in srgb, var(--hero-split-ink) 62%, transparent);--hero-split-gutter: clamp(26px, 3.5vw, 65px);--hero-split-height: clamp(540px, calc(74svh - 66px) , 760px);--hero-split-fade: .65s ease;display:block;position:relative;container-type:inline-size;color:var(--hero-split-ink);background:var(--hero-split-panel-bg);font-family:var(--font--body)}.hero-split *,.hero-split *:before,.hero-split *:after{box-sizing:border-box}.hero-split a{color:inherit;text-decoration:none}.hero-split a:hover{opacity:1}.hero-split a:focus-visible,.hero-split button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hero-split__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-split__track::-webkit-scrollbar{display:none}.hero-split__slide{position:relative;flex:0 0 100%;min-width:0;height:var(--hero-split-height);display:grid;grid-template-columns:var(--hero-split-image-width) 1fr;scroll-snap-align:start;background:var(--hero-split-panel-bg)}.hero-split[data-hero-ready] .hero-split__track{display:grid;overflow:hidden;touch-action:pan-y}.hero-split[data-hero-ready] .hero-split__slide{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity var(--hero-split-fade),visibility var(--hero-split-fade)}.hero-split[data-hero-ready] .hero-split__slide[data-hero-active]{opacity:1;visibility:visible;z-index:1}.hero-split__visual{min-width:0;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--hero-split-panel-bg) 85%,#000)}.hero-split__visual picture{display:contents}.hero-split__visual img,.hero-split__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-split__visual img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hero-split__copy{position:relative;min-width:0;padding:clamp(36px,5vw,72px) var(--hero-split-gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-split--image-right .hero-split__slide{grid-template-columns:1fr var(--hero-split-image-width)}.hero-split--image-right .hero-split__visual{order:2}.hero-split .hero-split__eyebrow{margin:0 0 22px;color:var(--hero-split-eyebrow-color, var(--hero-split-muted));font-size:var(--hero-split-eyebrow-size, 11px);font-weight:var(--hero-split-eyebrow-weight, inherit);line-height:1.4;letter-spacing:var(--hero-split-eyebrow-spacing, .23em);text-transform:var(--hero-split-eyebrow-transform, uppercase)}.hero-split .hero-split__heading{margin:0;color:var(--hero-split-heading-color, var(--hero-split-ink));font-family:var(--nd-font-display, var(--font--title));font-weight:var(--hero-split-heading-weight, var(--nd-font-display-weight, var(--font--title-weight)));font-style:var(--nd-font-display-style, var(--font--title-style));font-size:clamp(var(--hero-split-heading-size-mobile, 40px),var(--hero-split-heading-fluid, 4.6vw),var(--hero-split-heading-size, 72px));line-height:1;letter-spacing:-.03em;text-transform:none;overflow-wrap:break-word}.hero-split .hero-split__intro{max-width:var(--hero-split-intro-width, 440px);margin:24px 0;color:var(--hero-split-intro-color, var(--hero-split-muted));font-size:var(--hero-split-intro-size, 18px);font-weight:var(--hero-split-intro-weight, inherit);line-height:1.65}.hero-split__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.hero-split__actions a{position:relative;min-width:138px;min-height:var(--hero-split-primary-height, 48px);padding:0 25px;border-radius:var(--hero-split-primary-radius, 0);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background-color .25s,color .25s}.hero-split__actions a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor;opacity:0;transition:opacity .25s}.hero-split .hero-split__primary{background:var(--hero-split-primary-bg, var(--hero-split-ink));color:var(--hero-split-primary-ink, var(--hero-split-panel-bg));font-size:var(--hero-split-primary-size, 12px);font-weight:var(--hero-split-primary-weight, inherit);letter-spacing:var(--hero-split-primary-spacing, .11em);text-transform:var(--hero-split-primary-transform, uppercase)}.hero-split__primary-label{transition:transform .25s}.hero-split__primary-arrow{position:absolute;right:12px;opacity:0;transition:opacity .25s}.hero-split .hero-split__secondary{gap:18px;color:var(--hero-split-secondary-ink, var(--hero-split-ink));font-size:var(--hero-split-secondary-size, 13px);font-weight:var(--hero-split-secondary-weight, inherit);letter-spacing:var(--hero-split-secondary-spacing, normal);text-transform:var(--hero-split-secondary-transform, none)}.hero-split .hero-split__secondary:after{opacity:1}.hero-split .hero-split__secondary:is(:hover,:focus-visible){background:var(--hero-split-primary-bg, var(--hero-split-ink));color:var(--hero-split-primary-ink, var(--hero-split-panel-bg))}.hero-split .hero-split__secondary:is(:hover,:focus-visible):after{opacity:0}.hero-split .hero-split__actions:has(.hero-split__secondary:is(:hover,:focus-visible)) .hero-split__primary{background:transparent;color:var(--hero-split-secondary-ink, var(--hero-split-ink))}.hero-split .hero-split__actions:has(.hero-split__secondary:is(:hover,:focus-visible)) .hero-split__primary:after{opacity:1}.hero-split__actions:has(.hero-split__secondary:is(:hover,:focus-visible)) .hero-split__primary-label{transform:translate(-8px)}.hero-split__actions:has(.hero-split__secondary:is(:hover,:focus-visible)) .hero-split__primary-arrow{opacity:1}.hero-split .hero-split__footnote{position:absolute;right:var(--hero-split-gutter);bottom:30px;margin:0;color:var(--hero-split-footnote-color, var(--hero-split-muted));font-size:var(--hero-split-footnote-size, 9px);letter-spacing:.14em;text-transform:uppercase}.hero-split__controls{position:absolute;z-index:3;left:24px;bottom:24px;display:flex;align-items:center;gap:8px}.hero-split--image-right .hero-split__controls{left:calc(100% - var(--hero-split-image-width) + 24px)}.hero-split .hero-split__control{min-width:38px;height:38px;padding:0 10px;border:0;border-radius:24px;background:#fff;color:#111;font:inherit;font-size:16px;line-height:1;cursor:pointer}.hero-split .hero-split__pause{font-size:10px;letter-spacing:.03em}.hero-split .hero-split__pause:disabled{cursor:default;opacity:.7}.hero-split__js-only{display:none}.hero-split[data-hero-ready] .hero-split__js-only{display:block}.hero-split__dots{display:flex;align-items:center;padding:0 3px}.hero-split__dots a{width:30px;height:38px;display:grid;place-items:center}.hero-split__dots a:after{content:"";width:6px;height:6px;border-radius:5px;background:#fff;box-shadow:0 0 2px #00000073;opacity:.6;transition:width .25s,opacity .25s}.hero-split__dots a[aria-current]:after{width:20px;opacity:1}.hero-split__scroll-cue{position:absolute;z-index:4;left:var(--hero-split-image-width);bottom:-22px;transform:translate(-50%);padding:15px 20px;border-radius:30px;background:#fff;box-shadow:0 6px 20px #0000001f,0 1px 3px #00000014;font-size:10px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s}.hero-split .hero-split__scroll-cue:hover,.hero-split .hero-split__scroll-cue:focus-visible{background:var(--hero-split-ink);color:#fff;box-shadow:0 10px 28px #00000038,0 2px 6px #0000001f;transform:translate(-50%,-2px)}.hero-split--image-right .hero-split__scroll-cue{left:calc(100% - var(--hero-split-image-width))}.hero-split__scroll-cue span{display:inline-block;margin-left:14px;transition:transform .25s}.hero-split__scroll-cue:hover span,.hero-split__scroll-cue:focus-visible span{transform:translateY(2px)}@media(max-width:980px){.hero-split{--hero-split-image-width: 58%}}@media(max-width:680px){.hero-split{--hero-split-image-height: 46svh}.hero-split__slide,.hero-split--image-right .hero-split__slide{height:auto;grid-template-columns:1fr;grid-template-rows:var(--hero-split-image-height) auto}.hero-split--image-right .hero-split__visual{order:0}.hero-split__visual img{object-position:center 30%}.hero-split__copy{padding:26px 24px 64px}.hero-split .hero-split__eyebrow{margin-bottom:12px}.hero-split .hero-split__heading{font-size:var(--hero-split-heading-size-mobile, 40px)}.hero-split .hero-split__intro{margin:16px 0;font-size:var(--hero-split-intro-size-mobile, 15px)}.hero-split .hero-split__footnote{left:24px;right:24px;bottom:30px;text-align:right;font-size:var(--hero-split-footnote-size-mobile, 8px)}.hero-split__controls,.hero-split--image-right .hero-split__controls{left:18px;bottom:auto;top:calc(var(--hero-split-image-height) - 49px)}.hero-split__scroll-cue,.hero-split--image-right .hero-split__scroll-cue{left:50%}}@media(prefers-reduced-motion:reduce){.hero-split *,.hero-split *:before,.hero-split *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-hero-split.css.map */