.hero-slider{--hs-bg: var(--color-dark);--hs-fg: var(--color-on-dark);--hs-muted: var(--color-on-dark-muted);--hs-em: var(--color-accent);--hs-line: var(--color-border-on-dark);--hs-ink: var(--color-on-dark);--hs-btn-bg: var(--color-background);--hs-btn-fg: var(--color-text);--hs-plate-bg: rgba(0, 0, 0, .18);--hs-height: clamp(540px, calc(100svh - var(--header-offset, 104px) - 150px), 780px);display:block;position:relative;background:var(--hs-bg);color:var(--hs-fg);transition:background-color var(--hs-duration, 1.1s) ease,color var(--hs-duration, 1.1s) ease}.hero-slider--ivory,.hero-slider[data-tone=ivory]{--hs-bg: var(--color-background);--hs-fg: var(--color-text);--hs-muted: var(--color-text-muted);--hs-em: var(--color-leather);--hs-line: var(--color-border);--hs-ink: var(--color-text);--hs-btn-bg: var(--color-text);--hs-btn-fg: var(--color-background);--hs-plate-bg: var(--color-background-secondary)}.hero-slider--beige,.hero-slider[data-tone=beige]{--hs-bg: var(--color-background-secondary);--hs-fg: var(--color-text);--hs-muted: var(--color-text-muted);--hs-em: var(--color-leather);--hs-line: var(--color-border-strong);--hs-ink: var(--color-text);--hs-btn-bg: var(--color-text);--hs-btn-fg: var(--color-background);--hs-plate-bg: var(--color-background)}.hero-slider[data-tone=dark]{--hs-bg: var(--color-dark);--hs-fg: var(--color-on-dark);--hs-muted: var(--color-on-dark-muted);--hs-em: var(--color-accent);--hs-line: var(--color-border-on-dark);--hs-ink: var(--color-on-dark);--hs-btn-bg: var(--color-background);--hs-btn-fg: var(--color-text);--hs-plate-bg: rgba(0, 0, 0, .18)}.hero-slider--compact{--hs-height: clamp(460px, calc(100svh - var(--header-offset, 104px) - 260px), 640px)}.hero-slider--tall{--hs-height: clamp(600px, calc(100svh - var(--header-offset, 104px) - 110px), 900px)}.hero-slider__grid{display:grid;grid-template-columns:max(var(--page-gutter),calc((100% - var(--page-width)) / 2)) minmax(300px,4.1fr) minmax(0,7.9fr);grid-template-areas:". text media" ". nav caps";grid-template-rows:1fr auto;padding-top:clamp(1.5rem,2.6vw,2.5rem)}.hero-slider--text-right .hero-slider__grid{grid-template-columns:minmax(0,7.9fr) minmax(300px,4.1fr) max(var(--page-gutter),calc((100% - var(--page-width)) / 2));grid-template-areas:"media text ." "caps nav ."}.hero-slider__text{grid-area:text;display:grid;align-items:center;padding-right:clamp(2rem,4.4vw,5rem)}.hero-slider--text-right .hero-slider__text{padding:0 0 0 clamp(2rem,4.4vw,5rem)}.hero-slider__copy{grid-area:1 / 1;visibility:hidden}.hero-slider__copy.is-active,.hero-slider__copy.is-leaving{visibility:visible}.hero-slider__copy--center{text-align:center}.hero-slider__copy--center .eyebrow--rule,.hero-slider__copy--center .hero-slider__ctas{justify-content:center}.hero-slider .eyebrow{color:var(--hs-muted);margin-bottom:clamp(1.25rem,2.2vw,1.9rem)}.hero-slider__heading{font-size:clamp(2.75rem,4.3vw,4.9rem);line-height:1.04;letter-spacing:-.01em;color:var(--hs-fg)}.hero-slider__heading em{display:block;color:var(--hs-em);padding-bottom:.06em}.hero-slider__sub{margin:clamp(1.25rem,2vw,1.75rem) 0 clamp(1.75rem,3vw,2.5rem);font-family:var(--font-heading-family);font-style:italic;font-size:clamp(1.06rem,1.3vw,1.3rem);line-height:1.45;color:var(--hs-muted);max-width:28ch}.hero-slider__copy--center .hero-slider__sub{margin-inline:auto}.hero-slider__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.9rem}.hero-slider__button{--btn-bg: var(--hs-btn-bg);--btn-fg: var(--hs-btn-fg);--btn-border: var(--hs-btn-bg)}.hero-slider__button:hover{--btn-bg: transparent;--btn-fg: var(--hs-fg);--btn-border: var(--hs-fg)}.hero-slider__link{color:var(--hs-fg)}.is-enhanced .hero-slider__in{opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease-out, cubic-bezier(.16,1,.3,1)),transform 1.1s var(--ease-out, cubic-bezier(.16,1,.3,1))}.is-enhanced .is-active .hero-slider__in{opacity:1;transform:none}.is-enhanced .is-active .hero-slider__in:nth-child(2){transition-delay:.12s}.is-enhanced .is-active .hero-slider__in:nth-child(3){transition-delay:.24s}.is-enhanced .is-active .hero-slider__in:nth-child(4){transition-delay:.34s}.is-enhanced .is-leaving .hero-slider__in{opacity:0;transform:translateY(-8px);transition-duration:.45s;transition-delay:0s}.hero-slider__media{grid-area:media;position:relative;height:var(--hs-height);overflow:hidden;background:var(--hs-plate-bg);touch-action:pan-y}.hero-slider__fig{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity var(--hs-duration) var(--ease-out, cubic-bezier(.16,1,.3,1)),transform var(--hs-duration) var(--ease-out, cubic-bezier(.16,1,.3,1))}.hero-slider__fig.is-active{opacity:1;z-index:1}.hero-slider__fig.is-leaving{opacity:0;z-index:2}.hero-slider__fig picture,.hero-slider__fig img,.hero-slider__fig svg{display:block;width:100%;height:100%}.hero-slider__fig img{object-fit:cover;object-position:var(--focal, center);transform:scale(1.045);transition:transform 7s cubic-bezier(.25,.1,.25,1)}.hero-slider__fig.is-active img{transform:scale(1)}.hero-slider--slide .hero-slider__fig{transform:translate(calc(var(--hs-dir, 1) * 3%))}.hero-slider--slide .hero-slider__fig.is-active{transform:none}.hero-slider--slide .hero-slider__fig.is-leaving{transform:translate(calc(var(--hs-dir, 1) * -3%))}.hero-slider__nav{grid-area:nav;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(2rem,4.4vw,5rem) 1.4rem 0}.hero-slider--text-right .hero-slider__nav{padding:1.25rem 0 1.4rem clamp(2rem,4.4vw,5rem)}.hero-slider__count{display:flex;align-items:center;gap:.9rem;font-size:.7rem;font-weight:var(--font-body-weight-medium);letter-spacing:.18em;color:var(--hs-muted)}.hero-slider__count b{font-weight:inherit;color:var(--hs-fg)}.hero-slider__line{position:relative;width:6rem;height:1px;background:var(--hs-line);overflow:hidden}.hero-slider__line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hs-ink);transform-origin:left;transform:scaleX(var(--p, 0))}.hero-slider__buttons{display:flex;align-items:center;gap:.25rem;margin-left:auto}.hero-slider__btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--hs-muted);cursor:pointer;transition:color .3s}.hero-slider__btn:hover{color:var(--hs-fg)}.hero-slider__btn:focus-visible{outline:1px solid currentColor;outline-offset:-4px}.hero-slider__btn svg{width:24px;height:12px;fill:none;stroke:currentColor;stroke-width:1.1}.hero-slider__toggle svg{width:10px;height:10px;stroke-width:1.3}.hero-slider__toggle .i-play{display:none;fill:currentColor;stroke:none}.hero-slider__toggle[aria-pressed=true] .i-play{display:block}.hero-slider__toggle[aria-pressed=true] .i-pause{display:none}.hero-slider__caps{grid-area:caps;position:relative;min-height:4rem;margin-right:var(--page-gutter)}.hero-slider--text-right .hero-slider__caps{margin:0 0 0 var(--page-gutter)}.hero-slider__cap{position:absolute;right:0;top:1.4rem;margin:0;font-size:.62rem;font-weight:var(--font-body-weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--hs-muted);opacity:0;transition:opacity .6s}.hero-slider--text-right .hero-slider__cap{right:auto;left:0}.hero-slider__cap span{color:var(--hs-fg);margin-right:.75rem}.hero-slider__cap.is-active{opacity:1;transition-delay:.3s}.hero-slider.is-single .hero-slider__grid{grid-template-rows:1fr auto}@media(max-width:749px){.hero-slider__grid,.hero-slider--text-right .hero-slider__grid{grid-template-columns:1fr;grid-template-areas:"media" "nav" "text";grid-template-rows:auto;padding-top:0}.hero-slider__media{height:auto;aspect-ratio:1}.hero-slider__fig img{object-position:var(--focal-mobile, var(--focal, center));transform:none;transition:none}.hero-slider--slide .hero-slider__fig,.hero-slider--slide .hero-slider__fig.is-leaving{transform:none}.hero-slider__nav,.hero-slider--text-right .hero-slider__nav{padding:.35rem calc(var(--page-gutter) - .75rem) .35rem var(--page-gutter);border-bottom:1px solid var(--hs-line)}.hero-slider__line{width:4rem}.hero-slider__caps{display:none}.hero-slider__text,.hero-slider--text-right .hero-slider__text{padding:1.1rem var(--page-gutter) 2rem;align-items:start}.hero-slider .eyebrow{margin-bottom:.65rem}.hero-slider__heading{font-size:clamp(2.2rem,9.8vw,2.65rem)}.hero-slider__sub{margin:.7rem 0 1.1rem;font-size:1.02rem}.hero-slider__ctas{flex-direction:column;align-items:stretch;gap:.25rem}.hero-slider__button{width:100%}.hero-slider__link{align-self:flex-start}.hero-slider__copy--center .hero-slider__link{align-self:center}}@media(prefers-reduced-motion:reduce){.hero-slider,.hero-slider__fig,.hero-slider__fig img,.hero-slider__cap,.is-enhanced .hero-slider__in{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-slider.css.map */