@keyframes heroBannerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-banner{position:relative;width:100%;overflow:hidden;display:flex;min-height:var(--hero-mobile-min-height, 550px);align-items:var(--hero-mobile-content-justify, center)}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__media img,.hero-banner__media picture{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__media .placeholder-svg{width:100%;height:100%;object-fit:cover;background-color:#1a1a1a}.hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(min-width:750px){.hero-banner--hide-desktop{display:none!important}}@media(max-width:749px){.hero-banner--hide-mobile{display:none!important}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--hero-overlay, .2));pointer-events:none}.hero-banner__content{position:relative;z-index:2;display:flex;width:100%;padding:40px 20px;text-align:var(--hero-mobile-text-align, center);justify-content:var(--hero-mobile-text-align-flex, center)}.hero-banner__inner{display:flex;flex-direction:column;align-items:var(--hero-mobile-text-align-flex, center);gap:16px;max-width:720px;width:100%;animation:heroBannerFadeIn .6s ease both}@media(prefers-reduced-motion:reduce){.hero-banner__inner{animation:none}}.hero-banner__subheading{margin:0;font-family:var(--font-body-family);font-size:var(--hero-subheading-size-mobile, 14px);font-weight:300;text-transform:uppercase;letter-spacing:.1em;color:var(--hero-text-color, #ffffff);opacity:.75}.hero-banner__heading{margin:0;font-size:var(--hero-heading-size-mobile, 36px);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;color:var(--hero-text-color, #ffffff)}.hero-banner__cta{display:flex;align-self:var(--hero-mobile-btn-align-self, center);margin-top:8px}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-body-family);font-weight:600;font-size:var(--hero-btn-size-mobile, 14px);text-transform:uppercase;letter-spacing:.08em;padding:var(--hero-btn-py, 16px) var(--hero-btn-px, 36px);background-color:var(--hero-btn-bg, #ffffff);color:var(--hero-btn-text, #000000);border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.hero-banner__btn:hover,.hero-banner__btn:focus-visible{background-color:var(--hero-btn-bg-hover, #000000);color:var(--hero-btn-text-hover, #ffffff)}.hero-banner__btn:focus-visible{outline:2px solid var(--hero-btn-bg-hover, #000000);outline-offset:3px}@media screen and (min-width:750px){.hero-banner{min-height:var(--hero-min-height, 700px);align-items:var(--hero-content-justify, center)}.hero-banner__content{padding:64px 40px;text-align:var(--hero-text-align, center);justify-content:var(--hero-text-align-flex, center)}.hero-banner__inner{align-items:var(--hero-text-align-flex, center);gap:20px}.hero-banner__subheading{font-size:var(--hero-subheading-size, 16px)}.hero-banner__heading{font-size:var(--hero-heading-size, 64px)}.hero-banner__cta{align-self:var(--hero-button-align-self, center)}.hero-banner__btn{font-size:var(--hero-btn-size, 16px)}}@media screen and (min-width:750px)and (max-width:990px){.hero-banner{min-height:500px}}@media screen and (min-width:1441px){.hero-banner{min-height:max(var(--hero-min-height, 700px),min(44vw,1200px))}}.hero-banner--native-aspect{min-height:0;aspect-ratio:var(--hero-aspect-mobile, auto)}@media screen and (min-width:750px){.hero-banner--native-aspect{min-height:0;aspect-ratio:var(--hero-aspect-desktop, auto)}}@media screen and (min-width:750px)and (max-width:990px){.hero-banner--native-aspect{min-height:0}}@media screen and (min-width:1441px){.hero-banner--native-aspect{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-banner.css.map */