.hero{position:relative;display:grid;overflow:hidden;color:var(--hero-text, var(--color-foreground));background-color:var(--color-background)}.hero>*,.hero__half>*,.hero__slide>*{grid-area:1 / 1}.hero__media{position:relative;min-height:100%;overflow:hidden;background-color:var(--color-surface)}.hero__media picture,.hero__image{display:block;width:100%;height:100%}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:var(--focal-m, center)}.hero__placeholder{fill:var(--color-text-muted);opacity:.35}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--hero-overlay);pointer-events:none}.hero__full-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero--hm-small{min-height:50svh}.hero--hm-medium{min-height:70svh}.hero--hm-large{min-height:85svh}.hero--hm-full{min-height:100svh}.hero--hm-adapt{aspect-ratio:3 / 4}@media screen and (max-width:749px){.hero--first.hero--hm-full{min-height:calc(100svh - var(--hero-top, 0px))}.hero--first.hero--hm-large{min-height:calc(85svh - var(--hero-top, 0px))}}.hero__inner{position:relative;z-index:3;display:flex;flex-direction:column;padding:2.5rem var(--page-margin);pointer-events:none}body:has(.section-header.is-overlay) .hero--first .hero__inner{padding-top:calc(var(--header-height, 0px) + 2rem)}.hero__content{display:grid;gap:1rem;width:100%;max-width:var(--hero-content-width);pointer-events:auto}.hero--mv-top .hero__inner{justify-content:flex-start}.hero--mv-center .hero__inner{justify-content:center}.hero--mv-bottom .hero__inner{justify-content:flex-end}.hero--mx-left .hero__inner{align-items:flex-start;text-align:left}.hero--mx-center .hero__inner{align-items:center;text-align:center}.hero--mx-center .hero__buttons{justify-content:center}.hero__eyebrow{color:var(--hero-eyebrow, inherit)}.hero__title{margin:0;font-size:var(--hero-title-size);line-height:var(--font-heading--line-height);color:var(--hero-title, var(--color-heading, inherit))}.hero__text{color:var(--hero-text, inherit)}.hero__buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}@media(prefers-reduced-motion:no-preference){.hero--animate:not(.hero--mode-slideshow) .hero__content>*,.hero--animate .hero__slide.is-active .hero__content>*{animation:hero-in .8s ease both}.hero--animate .hero__content>*:nth-child(2){animation-delay:.12s}.hero--animate .hero__content>*:nth-child(3){animation-delay:.24s}.hero--animate .hero__content>*:nth-child(4){animation-delay:.36s}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}.hero__split{display:grid;grid-template-columns:1fr 1fr;gap:var(--split-gap, 0px)}.hero__half{position:relative;display:grid;min-width:0;overflow:hidden}.hero__half .hero__image{transition:transform .9s cubic-bezier(.2,.6,.2,1)}@media(hover:hover){.hero__half--link:hover .hero__image{transform:scale(1.03)}}.hero__content--half{gap:.75rem}.hero__content--half .hero__title{font-size:calc(var(--hero-title-size) * .7)}.hero--split-content-center>.hero__inner{z-index:3}@media screen and (max-width:749px){.hero--split-stack .hero__split{grid-template-columns:1fr;grid-auto-rows:1fr}.hero--split-side .hero__inner{padding:1.5rem 1rem}.hero--split-side .hero__content--half .hero__title{font-size:calc(var(--hero-title-size) * .55)}}.hero__slides{position:relative;display:grid}.hero__slide{position:relative;display:grid;min-width:0;grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}.hero__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .8s ease}.hero--transition-slide .hero__slide{opacity:1;transition:none}.hero--transition-slide .hero__slide.is-leaving{visibility:visible}.hero__arrow{position:absolute;top:50%;z-index:4;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background-color:#ffffffd9;color:#141414;cursor:pointer;transform:translateY(-50%);opacity:0;transition:opacity .25s ease,background-color .2s ease}.hero__arrow--prev{left:1.25rem}.hero__arrow--next{right:1.25rem}.hero:hover .hero__arrow,.hero__arrow:focus-visible{opacity:1}.hero__arrow:hover{background-color:#fff}@media(hover:none),(max-width:749px){.hero__arrow{display:none}}.hero__dots{position:absolute;z-index:4;left:0;right:0;bottom:.75rem;display:flex;justify-content:center;gap:.25rem;pointer-events:none}.hero__dot{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 .25rem;border:0;background:none;color:var(--hero-text, currentcolor);cursor:pointer;pointer-events:auto;opacity:.5;transition:opacity .2s ease}.hero__dot[aria-current=true],.hero__dot:hover{opacity:1}.hero__dots--dots .hero__dot span{width:8px;height:8px;border-radius:50%;background-color:currentcolor}.hero__dots--lines .hero__dot span{width:32px;height:2px;background-color:currentcolor}.hero--progress .hero__dots--lines .hero__dot{opacity:1}.hero--progress .hero__dots--lines .hero__dot span{position:relative;overflow:hidden;background-color:#fff0;box-shadow:inset 0 0 0 2px currentcolor;opacity:.45}.hero--progress .hero__dots--lines .hero__dot[aria-current=true] span{opacity:1;box-shadow:none;background-color:color-mix(in srgb,currentcolor 35%,transparent)}.hero--progress .hero__dots--lines .hero__dot span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentcolor;transform:scaleX(0);transform-origin:left center}.hero--progress .hero__dots--lines .hero__dot[aria-current=true] span:after{transform:scaleX(1)}.hero--progress.is-playing .hero__dots--lines .hero__dot[aria-current=true] span:after{animation:hero-progress var(--slide-duration, 6s) linear forwards}@keyframes hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero__split-eyebrow{position:absolute;z-index:3;top:1.5rem;left:0;right:0;margin:0;text-align:center;color:var(--hero-eyebrow, var(--hero-text, currentcolor));pointer-events:none}body:has(.section-header.is-overlay) .hero--first .hero__split-eyebrow{top:calc(var(--header-height, 0px) + 1.5rem)}.hero__dots--numbers .hero__dot{font-family:var(--font-label--family);font-size:var(--font-label--size);letter-spacing:var(--font-label--spacing)}.hero__dots--numbers .hero__dot[aria-current=true] span{text-decoration:underline;text-underline-offset:.4em}.hero--has-dots .hero__inner{padding-bottom:4.5rem}.hero__strip{position:relative;min-height:100%;overflow:hidden}.hero__strip-track{position:absolute;top:0;bottom:0;left:0;display:flex;width:max-content;animation:hero-strip var(--strip-speed, 45s) linear infinite}.hero--strip-right .hero__strip-track{animation-direction:reverse}.hero--strip-pause:hover .hero__strip-track{animation-play-state:paused}.hero__strip-group{display:flex;gap:var(--strip-gap, 8px);height:100%;padding-right:var(--strip-gap, 8px)}.hero__strip-item{position:relative;flex:none;height:100%;aspect-ratio:var(--strip-ratio, 3 / 4);overflow:hidden;background-color:var(--color-surface)}.hero__strip-item img,.hero__strip-item svg{display:block;width:100%;height:100%;object-fit:cover}.hero__strip-link{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes hero-strip{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hero__strip-track{animation:none}}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__video--mobile{display:none}@media screen and (max-width:749px){.hero__video--desktop{display:none}.hero__video--mobile{display:block}}.hero__media--embed{container-type:size}.hero__iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);border:0;transform:translate(-50%,-50%);pointer-events:none}.hero__pause{position:absolute;z-index:4;right:1rem;bottom:1rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background-color:#0006;color:#fff;cursor:pointer}.hero__play-icon,.hero__pause.is-paused .hero__pause-icon{display:none}.hero__pause.is-paused .hero__play-icon{display:block}@media screen and (min-width:750px){.hero__image{object-position:var(--focal-d, center)}.hero{min-height:0;aspect-ratio:auto}.hero--h-small{min-height:50svh}.hero--h-medium{min-height:70svh}.hero--h-large{min-height:85svh}.hero--h-full{min-height:100svh}.hero--h-adapt{aspect-ratio:16 / 9}.hero--first.hero--h-full{min-height:calc(100svh - var(--hero-top, 0px))}.hero--first.hero--h-large{min-height:calc(85svh - var(--hero-top, 0px))}.hero__inner{padding:4rem var(--page-margin);max-width:calc(var(--page-width) + var(--page-margin) * 2);width:100%;margin-inline:auto}.hero__half .hero__inner{padding:3rem;max-width:none}.hero--v-top .hero__inner{justify-content:flex-start}.hero--v-center .hero__inner{justify-content:center}.hero--v-bottom .hero__inner{justify-content:flex-end}.hero--x-left .hero__inner{align-items:flex-start;text-align:left}.hero--x-center .hero__inner{align-items:center;text-align:center}.hero--x-right .hero__inner{align-items:flex-end;text-align:right}.hero--x-left .hero__buttons{justify-content:flex-start}.hero--x-center .hero__buttons{justify-content:center}.hero--x-right .hero__buttons{justify-content:flex-end}.hero--has-dots .hero__inner{padding-bottom:5rem}}@media(prefers-reduced-motion:reduce){.hero__slide,.hero__half .hero__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-banner.css.map */