.hero{--radius-hero: 2rem;--hero-height: 44rem;--hero-pad: clamp(var(--space-lg), 4vw, 4rem);display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero--height-small{--hero-height: 40rem}.hero--height-large{--hero-height: 48rem}@media screen and (min-width:750px){.hero--height-small{--hero-height: 44rem}.hero--height-medium{--hero-height: 52rem}.hero--height-large{--hero-height: 60rem}}.hero__main{display:block;flex:1.7 1 56rem;min-width:0}.hero__slider{position:relative;height:100%;overflow:hidden;border-radius:var(--radius-hero)}.hero__slider .swiper-wrapper{display:flex;height:100%}.hero__slider .swiper-slide{display:flex;box-sizing:border-box;flex:0 0 100%;width:100%;height:auto;min-height:var(--hero-height)}.hero-slide{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--hero-pad);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hero__slider--controls .hero-slide{padding-bottom:calc(var(--hero-pad) + var(--size-tap) + var(--space-md))}@media screen and (min-width:990px){.hero__slider--controls-bottom_right .hero-slide{padding-bottom:var(--hero-pad)}}.hero-slide__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-slide__image,.hero-slide__placeholder{display:block;width:100%;height:100%;object-fit:cover}.hero-slide__placeholder{fill:rgba(var(--color-foreground),.25)}.hero-slide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgba(var(--color-background),var(--hero-overlay)),rgba(var(--color-background),calc(var(--hero-overlay) * .5)) 55%,rgba(var(--color-background),0))}.hero-slide__content{display:flex;flex-direction:column;align-items:flex-start;max-width:64rem}.hero-slide__eyebrow{margin:0;font-size:var(--font-size-caption);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground))}.hero-slide__eyebrow--highlight{color:rgb(var(--token-highlight))}.hero-slide__heading{max-width:12ch;margin:var(--space-sm) 0 var(--space-md);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(4rem,5.5vw,7.6rem);line-height:1;letter-spacing:-.02em;text-wrap:balance;color:inherit}.hero-slide__text{max-width:42ch;margin:0 0 var(--space-xl);font-size:1.7rem;line-height:1.5;color:rgba(var(--color-foreground),.88);text-wrap:pretty}.hero-slide__buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero .hero__controls{position:absolute;z-index:2;bottom:var(--space-md);inset-inline-end:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);background-color:transparent}.hero .hero__controls[hidden]{display:none}.hero .hero__controls--bottom_center{inset-inline-end:auto;left:50%;transform:translate(-50%)}.hero__arrow,.hero__autoplay{display:inline-flex;align-items:center;justify-content:center;width:var(--size-tap);height:var(--size-tap);padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.14);color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-short) ease}@supports (backdrop-filter: blur(1px)){.hero__arrow,.hero__autoplay{-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}}.hero__arrow:hover,.hero__autoplay:hover{background:rgba(var(--color-foreground),.24)}.hero__arrow .svg-wrapper,.hero__autoplay .svg-wrapper{display:inline-flex;width:var(--size-icon-sm);height:var(--size-icon-sm)}.hero__arrow svg,.hero__autoplay svg{width:100%;height:100%}.hero__arrow--prev .svg-wrapper{transform:rotate(90deg)}.hero__arrow--next .svg-wrapper{transform:rotate(-90deg)}.hero__pagination{display:flex;align-items:center}.hero__dot{--hero-dot-hit: 2.4rem;display:inline-flex;align-items:center;justify-content:center;min-width:var(--hero-dot-hit);height:var(--hero-dot-hit);padding:0;border:0;background:none;cursor:pointer}.hero__dot:before{content:"";display:block;width:.8rem;height:.8rem;border-radius:var(--radius-pill);background:rgba(var(--color-foreground),.5);transition:width var(--duration-default) ease,background-color var(--duration-default) ease}.hero__dot[aria-current=true]{min-width:var(--space-xl)}.hero__dot[aria-current=true]:before{width:2.4rem;background:rgb(var(--color-foreground))}.hero__arrow:focus-visible,.hero__autoplay:focus-visible,.hero__dot:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset);box-shadow:none}.hero__tiles{display:flex;flex:1 1 32rem;flex-direction:column;gap:var(--gap-items);min-width:0}.hero-tile{position:relative;isolation:isolate;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;min-height:calc((var(--hero-height) - var(--space-md)) / 2);padding:var(--space-xl);overflow:hidden;border-radius:var(--radius-hero);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none}.hero-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-tile__image{width:100%;height:100%;object-fit:cover}.hero-tile--has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgba(var(--color-background),.92),rgba(var(--color-background),.6) 45%,rgba(var(--color-background),0))}.hero-tile__eyebrow{margin:0;font-size:var(--font-size-caption);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-button))}.hero-tile__title{margin:var(--space-xs) 0 var(--space-2xs);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3rem;line-height:1.1;color:inherit}.hero-tile__subline{margin:0;font-size:var(--font-size-control);color:rgba(var(--color-foreground),.75)}a.hero-tile:hover .hero-tile__title{text-decoration:underline;text-underline-offset:var(--space-2xs)}a.hero-tile:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--token-focus));outline-offset:var(--focus-ring-offset);box-shadow:none}@media screen and (max-width:989px){.hero__tiles{flex-direction:row;flex-wrap:wrap}.hero-tile{flex:1 1 28rem}}@media screen and (max-width:749px){.hero-tile{min-height:20rem;padding:var(--space-lg)}}@media(prefers-reduced-motion:reduce){.hero__dot:before,.hero__arrow,.hero__autoplay{transition:none}}.hero--layout-split .hero-slide,.hero--layout-split .hero__controls{--hero-accent: var(--hero-panel-accent-text, var(--color-button));--hero-panel-pad: clamp(var(--space-xl), 3.4vw, var(--space-2xl))}.hero--layout-split .hero-slide--accent-text{--hero-accent: var(--color-foreground)}.hero--layout-split .hero-slide__media{position:relative;inset:auto;z-index:auto;overflow:hidden}.hero--layout-split .hero-slide__image,.hero--layout-split .hero-slide__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.hero--layout-split .hero-slide__image{object-position:var(--hero-focal, 50% 50%)}.hero--layout-split .hero-slide__media--fill{display:grid;place-items:center;background:rgb(var(--token-tint))}.hero--layout-split .hero-slide__fill-mark{display:block;width:min(55%,36rem)}.hero--layout-split .hero-slide__mobile-only .hero-slide__image{z-index:1}.hero--layout-split .hero-slide__fill-mark .brand-wordmark__svg{width:100%;height:auto}@media screen and (min-width:750px){.hero--layout-split .hero-slide__mobile-only{display:none}}.hero--layout-split .hero-slide__content{max-width:none;background:rgb(var(--color-background))}.hero--layout-split .hero-slide__eyebrow{font-size:1.4rem;letter-spacing:.04em;color:rgb(var(--hero-accent))}.hero--layout-split .hero-slide__heading{max-width:none;margin:var(--space-xs) 0 0;font-family:var(--hero-heading-font, var(--font-heading-family));font-style:var(--hero-heading-style, var(--font-heading-style));font-weight:var(--hero-heading-weight, var(--font-heading-weight));font-size:clamp(3.6rem,3.6vw,4.8rem);line-height:1.2;color:rgb(var(--hero-panel-heading, var(--color-foreground)))}.hero--layout-split .hero-slide__rule{display:block;width:6rem;height:.1rem;margin:var(--space-sm) 0 var(--space-md);background:rgb(var(--hero-panel-accent, var(--hero-accent)))}.hero--layout-split .hero-slide__eyebrow+.hero-slide__text{margin-top:var(--space-sm)}.hero--layout-split .hero-slide__text{margin:0 0 var(--space-lg);font-size:1.6rem;color:rgb(var(--color-foreground))}.hero--layout-split .hero-slide__content>:last-child{margin-bottom:0}.hero--layout-split .hero-slide__buttons .pill-button{--pill-button-min-height: var(--size-control-large);--pill-button-padding-inline: 2.5rem}.hero--layout-split .hero-slide__buttons .pill-button--solid{background:rgb(var(--hero-panel-button, var(--color-button)));color:rgb(var(--hero-panel-button-label, var(--color-button-text)));font-size:var(--hero-panel-button-size, 1.5rem);font-weight:var(--hero-panel-button-weight, var(--font-body-weight-semibold))}.hero--layout-split .hero-slide__buttons .pill-button--solid:hover{background:rgb(var(--hero-panel-accent-text, var(--color-button)))}@media screen and (min-width:1200px){.hero--layout-split.hero--height-small{--hero-height: 40rem}.hero--layout-split.hero--height-medium{--hero-height: 46rem}.hero--layout-split.hero--height-large{--hero-height: 52rem}.hero--layout-split .hero__slider .hero-slide{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;padding:0}.hero--layout-split .hero-slide__media:only-child{grid-column:1 / -1}.hero--layout-split .hero-slide__content{justify-content:center;padding:var(--hero-panel-pad)}}@media screen and (max-width:1199px){.hero--layout-split .hero__main{--hero-photo-ratio: .5625;--hero-photo-h: min(calc(100cqw * var(--hero-photo-ratio)), 60vh)}.hero--layout-split .hero__slider .hero-slide{justify-content:flex-start;min-height:0;padding:0}.hero--layout-split .hero-slide__media{flex:none;width:100%;height:var(--hero-photo-h)}.hero--layout-split .hero-slide__content{flex:1 1 auto;padding:var(--hero-panel-pad)}}@media screen and (max-width:749px){.hero--layout-split .hero__main{--hero-photo-ratio: .75}.hero--layout-split .hero-slide__image{object-position:var(--hero-focal-mobile, var(--hero-focal, 50% 50%))}.hero--layout-split .hero-slide__content{padding:var(--space-lg)}.hero--layout-split .hero-slide__heading{font-size:clamp(3rem,8vw,4rem)}}.hero--layout-split .hero__main{position:relative;container-type:inline-size}.hero--layout-split.hero .hero__controls{top:0;right:0;bottom:0;left:0;align-items:flex-end;justify-content:flex-end;padding:0 var(--space-lg) var(--space-md);transform:none;pointer-events:none}.hero--layout-split.hero .hero__controls[hidden]{display:none}.hero--layout-split .hero__controls>*{pointer-events:auto}.hero--layout-split .hero__pagination{height:var(--size-tap)}.hero--layout-split .hero__dot:before{width:1rem;height:1rem;border-radius:50%;background:rgb(var(--token-surface-alt));box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.7)}.hero--layout-split .hero__dot[aria-current=true]{min-width:var(--hero-dot-hit)}.hero--layout-split .hero__controls{--hero-dot-accent: var(--hero-panel-accent-ui, var(--hero-accent))}.hero--layout-split .hero__dot[aria-current=true]:before{width:1.2rem;height:1.2rem;background:rgb(var(--hero-dot-accent));box-shadow:none}.hero--layout-split .hero__arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgb(var(--token-surface-alt));color:rgb(var(--hero-panel-heading, var(--token-text)));box-shadow:0 .2rem .8rem rgba(var(--token-text),.18);-webkit-backdrop-filter:none;backdrop-filter:none}.hero--layout-split .hero__arrow:hover{background:rgb(var(--token-surface))}.hero--layout-split .hero__arrow:focus-visible{outline-color:rgb(var(--token-focus))}.hero--layout-split .hero__arrow--prev{inset-inline-start:var(--space-md)}.hero--layout-split .hero__arrow--next{inset-inline-end:var(--space-md)}.hero--layout-split{--hero-controls-clear: calc(var(--size-tap) / 2 + var(--space-md));--radius-hero: var(--radius-lg)}@media screen and (min-width:1200px){.hero--layout-split .hero__arrow--prev{inset-inline-start:calc(var(--size-tap) / -2)}.hero--layout-split .hero__arrow--next{inset-inline-end:calc(var(--size-tap) / -2)}.hero--layout-split.hero .hero__controls{padding:0 var(--space-xl) var(--space-xs)}.hero--layout-split .hero__slider--controls .hero-slide__content{padding-block:max(var(--hero-panel-pad),calc(var(--space-xs) + var(--size-tap)))}.hero--layout-split .hero__main:has(.hero__arrow) .hero-slide__content{padding-inline-end:max(var(--hero-panel-pad),var(--hero-controls-clear))}}@media screen and (max-width:1199px){.hero--layout-split .hero__slider--controls .hero-slide__content{padding-bottom:calc(var(--space-lg) + var(--size-tap))}.hero--layout-split .hero__arrow{top:calc(var(--hero-photo-h) / 2)}}.hero--layout-split .hero__main{flex:1 1 100%}.hero--layout-split .hero__tiles{flex:1 1 100%;flex-direction:row;flex-wrap:wrap}.hero--layout-split .hero-tile{flex:1 1 28rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-slider.css.map */