.hero{position:relative;display:grid;overflow:hidden}.hero--overlay.hero--small{min-height:50vh}.hero--overlay.hero--medium{min-height:70vh}.hero--overlay.hero--large{min-height:100vh}.hero--overlay.hero--adapt{min-height:auto}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover}.hero__placeholder{width:100%;height:100%;object-fit:cover;fill:currentColor;opacity:.15}.hero--overlay.hero--adapt .hero__media{position:relative}.hero--overlay.hero--adapt .hero__image{height:auto}.hero--overlay.hero--adapt .hero__content{position:absolute;top:0;right:0;bottom:0;left:0}.hero--overlay.hero--adapt[data-image-ratio=square] .hero__media{aspect-ratio:1 / 1}.hero--overlay.hero--adapt[data-image-ratio=portrait] .hero__media{aspect-ratio:4 / 5}.hero--overlay.hero--adapt[data-image-ratio=landscape] .hero__media{aspect-ratio:16 / 9}.hero--overlay.hero--adapt[data-image-ratio=wide] .hero__media{aspect-ratio:21 / 9}.hero--overlay.hero--adapt[data-image-ratio]:not([data-image-ratio=adapt]) .hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero__content{position:relative;z-index:2;display:flex;padding:2rem var(--page-margin);color:var(--color-text)}@media(min-width:750px){.hero__content{padding:3rem var(--page-margin)}}@media(min-width:990px){.hero__content{padding:4rem var(--page-margin)}}.hero__content-inner{display:flex;flex-direction:column;gap:1rem;max-width:40rem}.hero__content--v-top{align-items:flex-start}.hero__content--v-center{align-items:center}.hero__content--v-bottom{align-items:flex-end}.hero__content--h-left{justify-content:flex-start}.hero__content--h-center{justify-content:center}.hero__content--h-right{justify-content:flex-end}.hero__content--align-left{text-align:left}.hero__content--align-left .hero__content-inner{align-items:flex-start}.hero__content--align-center{text-align:center;justify-content:center}.hero__content--align-center .hero__content-inner{align-items:center}.hero__content--align-right{text-align:right}.hero__content--align-right .hero__content-inner{align-items:flex-end}.hero--split{display:grid;grid-template-columns:1fr;min-height:60vh;align-items:center}@media(min-width:990px){.hero--split{grid-template-columns:1fr 1fr;min-height:80vh}}@media(min-width:990px){.hero--split-left .hero__split-text{order:2}.hero--split-left .hero__split-media{order:1}}.hero__split-text{display:flex;align-items:center;justify-content:flex-start;padding:clamp(2rem,5vw,4rem) var(--page-margin)}.hero__split-text .hero__content-inner{max-width:28rem}.hero__split-text{align-self:center}.hero__split-media{position:relative;overflow:hidden}.hero__split-picture{display:block;width:100%}.hero--split[data-image-ratio=adapt] .hero__split-image{width:100%;height:auto;display:block;object-fit:contain}.hero--split[data-image-ratio=square] .hero__split-media{aspect-ratio:1 / 1}.hero--split[data-image-ratio=portrait] .hero__split-media{aspect-ratio:4 / 5}.hero--split[data-image-ratio=landscape] .hero__split-media{aspect-ratio:16 / 9}.hero--split[data-image-ratio=wide] .hero__split-media{aspect-ratio:21 / 9}.hero--split[data-image-ratio]:not([data-image-ratio=adapt]) .hero__split-picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero--split[data-image-ratio]:not([data-image-ratio=adapt]) .hero__split-image{width:100%;height:100%;object-fit:cover}.hero__split-media:has(.hero__split-placeholder){min-height:60vw}@media(min-width:990px){.hero__split-media:has(.hero__split-placeholder){min-height:60vh}}.hero__split-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;background-color:color-mix(in srgb,currentColor 5%,transparent)}@media(max-width:989px){.hero--split .hero__split-media{order:-1}}.hero__subheading{font-size:var(--hero-sub-size, var(--text-sm));font-weight:var(--hero-sub-weight, 600);text-transform:uppercase;letter-spacing:.1em;color:var(--hero-sub-color, var(--color-accent));margin:0}.hero__heading{font-family:var(--font-heading-family);font-weight:var(--hero-heading-weight, var(--font-heading-weight));letter-spacing:var(--heading-letter-spacing);color:var(--hero-heading-color, var(--color-heading));line-height:1.1;margin:0}.hero__heading--medium{font-size:var(--hero-heading-size, clamp(1.5rem, 4vw, 2.5rem))}.hero__heading--large{font-size:var(--hero-heading-size, clamp(2rem, 5vw, 3.5rem))}.hero__heading--extra_large{font-size:var(--hero-heading-size, clamp(2.5rem, 7vw, 5rem))}.hero__heading--display{font-size:var(--hero-heading-size, var(--text-display));font-family:var(--font-display-family);font-style:italic;line-height:1}.hero__description{font-size:var(--hero-body-size, clamp(.9375rem, 1.25vw, 1.125rem));font-weight:var(--hero-body-weight, 400);line-height:1.6;color:var(--hero-body-color, var(--color-text));opacity:.9;max-width:32rem}.hero__description p{margin:0}.hero__buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.hero--slideshow{position:relative}.hb__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;opacity:0;visibility:hidden;transition:opacity .6s var(--easing),visibility .6s;z-index:0}.hb__slide.is-active{position:relative;opacity:1;visibility:visible;z-index:1}.hero--slideshow[data-transition=slide] .hb__slide{transition:transform .6s var(--easing),opacity .4s var(--easing),visibility .6s;transform:translate(100%)}.hero--slideshow[data-transition=slide] .hb__slide.is-active{transform:translate(0)}.hero--slideshow[data-transition=slide] .hb__slide.is-exiting{transform:translate(-100%);opacity:0;z-index:1}.hb__nav{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.75rem}.hb__nav-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0003;color:#fff;cursor:pointer;transition:background-color var(--duration) var(--easing),border-color var(--duration) var(--easing)}.hb__nav-btn:hover{background:#0006;border-color:#ffffffb3}.hb__nav-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.hb__nav-btn svg{width:1rem;height:1rem}.hb__dots{display:flex;align-items:center;gap:.5rem}.hb__dot{width:.5rem;height:.5rem;border-radius:50%;border:0;background:#fff6;cursor:pointer;padding:0;transition:background-color var(--duration) var(--easing),transform var(--duration) var(--easing)}.hb__dot.is-active{background:#fff;transform:scale(1.3)}.hb__dot:focus-visible{outline:2px solid #fff;outline-offset:2px}.hb__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}@media(max-width:749px){.hb__video-wrap{display:none}}.hb__video{position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;border:0}@media(min-aspect-ratio:16/9){.hb__video{width:100%;height:auto;min-height:56.25vw}}@media(max-aspect-ratio:16/9){.hb__video{width:auto;height:100%;min-width:177.78vh}}.hb__parallax-media{will-change:transform;top:-10%;bottom:-10%;height:120%}.hb__overlay--text-only{position:static;inset:auto}.hb__content--has-bg .hero__content-inner{position:relative;background-color:#00000059;padding:2rem;border-radius:var(--radius)}.hero__overlay.hb__overlay--text-only{display:none}@media(max-width:749px){.hb__content--below-mobile{position:static;background-color:var(--color-bg);color:var(--color-text);padding:1.5rem var(--page-margin)}.hero--overlay:has(.hb__content--below-mobile){display:flex;flex-direction:column}.hero--overlay:has(.hb__content--below-mobile) .hero__media,.hero--overlay:has(.hb__content--below-mobile) .hb__slide .hero__media{position:relative;aspect-ratio:16 / 9}.hero--overlay:has(.hb__content--below-mobile) .hero__overlay{display:none}.hero--slideshow:has(.hb__content--below-mobile) .hb__slide{display:flex;flex-direction:column}.hero--slideshow:has(.hb__content--below-mobile) .hb__slide .hero__media{position:relative;aspect-ratio:16 / 9}}@media(prefers-reduced-motion:reduce){.hb__slide{transition:none}.hero--slideshow[data-transition=slide] .hb__slide{transition:none;transform:none}.hero--slideshow[data-transition=slide] .hb__slide.is-exiting{transform:none}.hb__dot,.hb__nav-btn{transition:none}.hb__parallax-media{will-change:auto;top:0;bottom:0;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-banner.css.map */