.hero{--hero-min-height: 56rem;--hero-heading-line-height: var(--font-heading-line-height, 1.1);position:relative;display:block;container-type:inline-size;background:var(--gradient-background)}.hero--h-adapt{--hero-min-height: 0px}.hero--h-small{--hero-min-height: 44rem}.hero--h-medium{--hero-min-height: 56rem}.hero--h-large{--hero-min-height: 68rem}.hero--h-full{--hero-min-height: calc(100svh - var(--header-height, 0px))}.hero__frame{position:relative;display:flex;overflow:hidden}.hero__media{position:relative;overflow:hidden;background:rgb(var(--color-background-secondary))}.hero__image,.hero__video,.hero__placeholder,.hero__embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__image--mobile{display:none}@media(max-width:749px){.hero__image--mobile{display:block}.hero__media:has(.hero__image--mobile) .hero__image--desktop{display:none}}@keyframes hero-zoom{0%{transform:scale(1.06)}to{transform:none}}.hero__media--zoom .hero__image,.hero__media--zoom .hero__video{animation:hero-zoom calc(var(--duration-long) * 3) var(--ease) both}.hero__placeholder{background:rgb(var(--color-background-secondary))}.hero__placeholder .placeholder-svg{width:100%;height:100%;fill:rgb(var(--color-foreground) / .18)}.hero__embed{overflow:hidden;pointer-events:none}.hero__embed iframe{position:absolute;top:50%;left:50%;width:max(100%,calc(100cqh * 16 / 9));height:max(100%,56.25cqw);min-width:177.78%;min-height:56.25vw;border:0;transform:translate(-50%,-50%)}@supports (width: 1cqh){.hero__media:has(.hero__embed){container-type:size}.hero__embed iframe{min-width:0;min-height:0}}.hero__content-wrapper{position:relative;z-index:1;display:flex}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:100%;max-width:var(--hero-content-max)}.hero__content.text-center{align-items:center}.hero__content.text-right{align-items:flex-end}.hero__content>*{margin:0}.hero__eyebrow{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1.4rem}.hero__eyebrow--pill{padding:.6rem 1.4rem;background:rgb(var(--color-foreground) / .08);border-radius:99px}.hero__stars{display:inline-flex;gap:.1rem;color:rgb(var(--color-star))}.hero__stars .icon{width:1.5rem;height:1.5rem}.hero__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:var(--hero-heading-line-height);letter-spacing:var(--font-heading-letter-spacing);text-transform:var(--font-heading-transform);text-wrap:balance}.hero__heading--small{font-size:calc(var(--font-heading-scale) * clamp(2.8rem,2.2rem + 1.6vw,4.2rem))}.hero__heading--medium{font-size:calc(var(--font-heading-scale) * clamp(3.2rem,2.3rem + 2.6vw,5.4rem))}.hero__heading--large{font-size:calc(var(--font-heading-scale) * clamp(3.6rem,2.4rem + 3.6vw,6.8rem))}.hero__heading--xl{font-size:calc(var(--font-heading-scale) * clamp(4rem,2.6rem + 5vw,8.8rem))}.hero__heading--custom{font-size:var(--hero-heading-mobile)}.hero__heading em{font-style:italic;color:rgb(var(--color-accent))}@media(min-width:750px){.hero__heading--custom{font-size:var(--hero-heading-desktop)}}.hero__text{max-width:46ch;color:rgb(var(--color-foreground) / .8)}.hero__inline-image{width:min(var(--hero-inline-width),100%)}.hero__inline-image img,.hero__inline-image svg{display:block;width:100%;height:auto}.hero__text p{margin-bottom:.6em}.hero__buttons{align-items:center;gap:1.2rem 2.8rem;margin-top:.8rem}.hero--split .hero__frame{flex-direction:column}.hero--split .hero__media{aspect-ratio:var(--hero-mobile-ratio)}.hero--split.hero--mobile-image-bottom .hero__media{order:2}.hero--split .hero__content-wrapper{padding:4rem var(--gutter) 4.8rem}@media(min-width:750px){.hero--split .hero__frame{display:grid;grid-template-columns:minmax(0,1fr) var(--hero-image-width);min-height:var(--hero-min-height)}.hero--split .hero__media{order:2;aspect-ratio:auto;min-height:100%}.hero--split .hero__content-wrapper{order:1;padding-block:clamp(4.8rem,6vw,9.6rem);padding-left:max(var(--gutter),calc((100cqw - var(--page-width)) / 2));padding-right:clamp(3.2rem,5vw,8rem)}.hero--split.hero--image-left .hero__frame{grid-template-columns:var(--hero-image-width) minmax(0,1fr)}.hero--split.hero--image-left .hero__media{order:0}.hero--split.hero--image-left .hero__content-wrapper{padding-left:clamp(3.2rem,5vw,8rem);padding-right:max(var(--gutter),calc((100cqw - var(--page-width)) / 2))}.hero__content-wrapper--v-top{align-items:flex-start}.hero__content-wrapper--v-middle{align-items:center}.hero__content-wrapper--v-bottom{align-items:flex-end}}.hero--contained{padding-top:calc(var(--gutter) * .5)}.hero--background .hero__frame{min-height:var(--hero-min-height)}.hero--contained .hero__frame{border-radius:var(--media-radius)}.hero--background .hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-overlay) / var(--overlay-opacity));pointer-events:none}.hero--background .hero__content-wrapper{flex:1;width:100%;max-width:calc(var(--page-width) + var(--gutter) * 2);margin-inline:auto;padding:calc(var(--gutter) * 2) var(--gutter)}.hero--background .hero__content-wrapper--top-left{align-items:flex-start;justify-content:flex-start}.hero--background .hero__content-wrapper--top-center{align-items:flex-start;justify-content:center}.hero--background .hero__content-wrapper--top-right{align-items:flex-start;justify-content:flex-end}.hero--background .hero__content-wrapper--middle-left{align-items:center;justify-content:flex-start}.hero--background .hero__content-wrapper--middle-center{align-items:center;justify-content:center}.hero--background .hero__content-wrapper--middle-right{align-items:center;justify-content:flex-end}.hero--background .hero__content-wrapper--bottom-left{align-items:flex-end;justify-content:flex-start}.hero--background .hero__content-wrapper--bottom-center{align-items:flex-end;justify-content:center}.hero--background .hero__content-wrapper--bottom-right{align-items:flex-end;justify-content:flex-end}.hero__content--box{padding:clamp(2.4rem,1.6rem + 3vw,5.6rem);background:rgb(var(--color-background) / .94);border-radius:var(--card-radius);box-shadow:var(--shadow)}@media(max-width:749px){.hero--background.hero--mobile-stacked .hero__frame{flex-direction:column;min-height:0}.hero--background.hero--mobile-stacked .hero__media{position:relative;aspect-ratio:var(--hero-mobile-ratio)}.hero--background.hero--mobile-stacked .hero__overlay{display:none}.hero--background.hero--mobile-overlay .hero__content-wrapper{align-items:flex-end}}.hero__video-toggle{position:absolute;right:1.6rem;bottom:1.6rem;z-index:2;display:grid;place-items:center;width:4rem;height:4rem;color:rgb(var(--color-background));background:rgb(var(--color-overlay) / .5);border:0;border-radius:50%}.hero__video-play{display:none}.hero__video-toggle[aria-pressed=true] .hero__video-play{display:block}.hero__video-toggle[aria-pressed=true] .hero__video-pause{display:none}.hero__slide{display:flex;flex-direction:column;background:var(--gradient-background);color:rgb(var(--color-foreground))}.hero__slide>.hero__frame{flex:1}.hero--slideshow.hero--background .hero__frame{height:100%}.hero--slideshow .hero__controls:not(.slideshow__controls--overlay){padding-inline:var(--gutter)}.hero--slideshow .slideshow__controls--overlay{justify-content:center}.hero--slideshow .slideshow__controls--overlay .slideshow__dots,.hero--slideshow .slideshow__controls--overlay .slideshow__counter{color:rgb(var(--color-background))}.hero--slideshow .slideshow__controls--overlay .slideshow__toggle{color:rgb(var(--color-background));border-color:rgb(var(--color-background) / .6)}@media(max-width:749px){.hero--slideshow.hero--mobile-stacked .slideshow__controls--overlay{position:static;margin-top:1.6rem}.hero--slideshow.hero--mobile-stacked .slideshow__controls--overlay .slideshow__dots,.hero--slideshow.hero--mobile-stacked .slideshow__controls--overlay .slideshow__counter,.hero--slideshow.hero--mobile-stacked .slideshow__controls--overlay .slideshow__toggle{color:inherit}.hero--slideshow.hero--background.hero--mobile-overlay .hero__content-wrapper{padding-bottom:calc(var(--gutter) * 2 + 4.4rem)}}@media(min-width:750px){.hero--slideshow.hero--background .hero__content-wrapper{padding-bottom:calc(var(--gutter) * 2 + 4.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */