.hero-banner{position:relative}.hero-banner__swiper{position:relative;overflow:hidden}.hero-banner__swiper--small{height:min(44vh,100vw);min-height:32rem}.hero-banner__swiper--medium{height:min(60vh,115vw);min-height:38rem}.hero-banner__swiper--large{height:min(80vh,130vw);min-height:44rem}.hero-banner__swiper--full{height:min(100vh,140vw);min-height:44rem}@media screen and (min-width:750px){.hero-banner__swiper--small{height:50vh;min-height:38rem}.hero-banner__swiper--medium{height:70vh;min-height:48rem}.hero-banner__swiper--large{height:88vh;min-height:54rem}.hero-banner__swiper--full{height:100vh;min-height:54rem}}.hero-banner__slide{position:relative;overflow:hidden;isolation:isolate}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__slide--adapt .hero-banner__media{position:unset}.hero-banner__media img,.hero-banner__media video{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;object-position:var(--hb-object-position, 50% 50%);display:block}@media screen and (max-width:749px){.hero-banner__media--desktop-only{display:none}}@media screen and (min-width:750px){.hero-banner__media--mobile-only{display:none}}.hero-banner__media--placeholder{background-color:#0000000a;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.09) 0,rgba(0,0,0,.09) 2px,transparent 2px,transparent 14px)}.hero-banner__placeholder-label{position:absolute;left:2rem;top:50%;transform:translateY(-50%);max-width:26rem;margin:0;font-size:12px;letter-spacing:.07rem;text-transform:uppercase;color:#00000073}@media screen and (min-width:750px){.hero-banner__placeholder-label{display:none}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--hb-overlay-color, #000);pointer-events:none;display:block!important}.hero-banner__content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;min-height:inherit;padding:6rem 2rem 8rem;text-align:center}.hero-banner__content--left{justify-content:flex-start;text-align:left}.hero-banner__box{display:flex;flex-direction:column;align-items:center}.hero-banner__content--left .hero-banner__box{align-items:flex-start}.hero-banner__eyebrow{margin:0 0 var(--hb-spacing-eyebrow-bottom, 1.2rem);text-transform:uppercase;color:var(--hb-eyebrow-color, #6b6b6b);font-size:var(--hb-eyebrow-font-size-mobile);line-height:var(--hb-eyebrow-line-height);letter-spacing:var(--hb-eyebrow-letter-spacing);font-style:var(--hb-eyebrow-font-style)}.hero-banner__heading{margin:0 0 var(--hb-spacing-heading-bottom, 1.6rem);color:var(--hb-heading-color, #121212);font-size:var(--hb-heading-font-size-mobile);line-height:var(--hb-heading-line-height);letter-spacing:var(--hb-heading-letter-spacing);font-style:var(--hb-heading-font-style)}.hero-banner__body{margin:0 0 var(--hb-spacing-body-bottom, 2.4rem);max-width:42rem;color:var(--hb-body-color, #121212);font-size:var(--hb-body-font-size-mobile);line-height:var(--hb-body-line-height);letter-spacing:var(--hb-body-letter-spacing);font-style:var(--hb-body-font-style)}.hero-banner__body p{margin:0}@media screen and (min-width:750px){.hero-banner__eyebrow{font-size:var(--hb-eyebrow-font-size-desktop)}.hero-banner__heading{font-size:var(--hb-heading-font-size-desktop)}.hero-banner__body{font-size:var(--hb-body-font-size-desktop)}}.hero-banner__buttons{display:flex;gap:1rem}.hero-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding-left:var(--hb-button-padding-h-mobile, 2.6rem);padding-right:var(--hb-button-padding-h-mobile, 2.6rem);padding-top:var(--hb-button-padding-v-mobile, 1.3rem);padding-bottom:var(--hb-button-padding-v-mobile, 1.3rem);font-size:13px;font-weight:600;letter-spacing:.1em;text-decoration:none;background:var(--hb-button-bg, #121212);color:var(--hb-button-text, #ffffff);border:.1rem solid var(--hb-button-bg, #121212);border-radius:var(--hb-button-radius, 0);cursor:pointer}.hero-banner__button-icon{display:inline-flex;flex-shrink:0}.hero-banner__button-icon svg{width:100%;height:100%}@media screen and (min-width:750px){.hero-banner__button{padding-left:var(--hb-button-padding-h-desktop, 2.6rem);padding-right:var(--hb-button-padding-h-desktop, 2.6rem);padding-top:var(--hb-button-padding-v-desktop, 1.3rem);padding-bottom:var(--hb-button-padding-v-desktop, 1.3rem)}}.hero-banner__button--secondary{background:transparent;color:var(--hb-button-bg, #121212)}.hero-banner .swiper-pagination{bottom:1.6rem;z-index:3}.hero-banner .swiper-pagination-bullet{width:.8rem;height:.8rem;border-radius:999px;background:var(--hb-pagination-color, #121212);opacity:.3;border:none;transition:width .25s ease,opacity .25s ease}.hero-banner .swiper-pagination-bullet-active{width:2.4rem;background:var(--hb-pagination-active-color, #121212);opacity:1}@media screen and (max-width:749px){.hero-banner__content{padding:4rem 2rem 6rem}.hero-banner__swiper--text-below-mobile{height:auto}.hero-banner__swiper--text-below-mobile .swiper-wrapper{align-items:flex-start}.hero-banner__slide--text-below-mobile{display:flex;flex-direction:column;height:auto;--hb-eyebrow-color: var(--hb-eyebrow-color-mobile);--hb-heading-color: var(--hb-heading-color-mobile);--hb-body-color: var(--hb-body-color-mobile);--hb-button-bg: var(--hb-button-bg-mobile);--hb-button-text: var(--hb-button-text-mobile)}.hero-banner__slide--text-below-mobile .hero-banner__media{position:relative;inset:auto;aspect-ratio:4 / 5}.hero-banner__slide--text-below-mobile .hero-banner__content{position:relative;height:auto;min-height:0;padding:3.2rem 1.5rem 4.4rem;background:var(--hb-content-bg, #ffffff)}.hero-banner__swiper--text-below-mobile .swiper-pagination{bottom:1.4rem}.hero-banner__swiper--text-below-mobile .swiper-pagination-bullet{background:var(--hb-pagination-color-mobile, #d1d1d1)}.hero-banner__swiper--text-below-mobile .swiper-pagination-bullet-active{background:var(--hb-pagination-active-color-mobile, #121212)}.hero-banner--button-full-width-mobile .hero-banner__buttons,.hero-banner--button-full-width-mobile .hero-banner__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-hero-banner.css.map */