.hero-banner{--hero-banner-min-height: 0;--hero-banner-content-gap: 32px;--hero-banner-title-gap: 8px;--hero-banner-inset: 24px;position:relative;display:block;width:100%;min-height:var(--hero-banner-min-height);text-decoration:none;color:inherit;overflow:hidden}.hero-banner:focus-visible:has(.hero-banner__button){outline:none}.hero-banner:focus-visible:not(:has(.hero-banner__button)){outline:2px solid rgb(var(--heading-color));outline-offset:-2px;z-index:3}.hero-banner:focus-visible .hero-banner__button{outline:2px solid rgb(var(--heading-color));outline-offset:2px}.hero-banner--mobile-small{--hero-banner-min-height: 120vw}.hero-banner--mobile-medium{--hero-banner-min-height: 133vw}.hero-banner--mobile-large{--hero-banner-min-height: 160vw}.hero-banner--mobile-auto{min-height:0;--hero-banner-min-height: 0}.hero-banner--mobile-auto:before{content:"";display:block;width:0;padding-bottom:calc(100 / var(--hero-banner-mobile-image-aspect-ratio) * 1%)}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}@media screen and (max-width:999px){.hero-banner--split-mobile .hero-banner__media{grid-template-rows:1fr 1fr}.hero-banner--split-mobile .hero-banner__image-wrapper--mobile:not(.hero-banner__image-wrapper--secondary){grid-row:1}.hero-banner--split-mobile .hero-banner__image-wrapper--mobile.hero-banner__image-wrapper--secondary{grid-row:2}}.hero-banner__image-wrapper{position:relative;overflow:hidden;width:100%;height:100%;min-height:0}.hero-banner__image-wrapper--desktop{display:none}.hero-banner__image-wrapper--mobile{display:block}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__image--placeholder{background:rgb(var(--secondary-background))}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--hero-banner-overlay-color),var(--hero-banner-overlay-opacity));pointer-events:none;z-index:1}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:var(--hero-banner-align-items);justify-content:var(--hero-banner-justify-content);padding:var(--hero-banner-inset);pointer-events:none}.hero-banner__text{display:flex;flex-direction:column;align-items:var(--hero-banner-items-align);gap:var(--hero-banner-content-gap);max-width:400px;width:100%;text-align:var(--hero-banner-text-align)}.hero-banner__copy{display:flex;flex-direction:column;gap:var(--hero-banner-title-gap);width:100%}.hero-banner__heading{margin:0;color:rgb(var(--heading-color))}.hero-banner__description{margin:0;color:rgb(var(--text-color));font-size:var(--base-font-size);line-height:1.75}.hero-banner__button{width:fit-content;max-width:100%;pointer-events:none;padding:16px 24px;line-height:20px;letter-spacing:2.4px;white-space:nowrap}@media screen and (min-width:741px)and (max-width:999px){.hero-banner{--hero-banner-inset: 40px}.hero-banner--mobile-small{--hero-banner-min-height: 42vw}.hero-banner--mobile-medium{--hero-banner-min-height: 40vw}.hero-banner--mobile-large{--hero-banner-min-height: 48vw}}@media screen and (max-width:999px){.hero-banner{--hero-banner-inset: 24px}}@media screen and (min-width:741px){.hero-banner{--hero-banner-inset: 40px}}@media screen and (min-width:1000px){.hero-banner--mobile-auto:before{display:none}.hero-banner--desktop-small{--hero-banner-min-height: 38vw}.hero-banner--desktop-medium{--hero-banner-min-height: 40vw}.hero-banner--desktop-large{--hero-banner-min-height: 48vw}.hero-banner--desktop-auto{min-height:0;--hero-banner-min-height: 0}.hero-banner--desktop-auto:before{content:"";display:block;width:0;padding-bottom:calc(100 / var(--hero-banner-image-aspect-ratio) * 1%)}.hero-banner__image-wrapper--desktop{display:block}.hero-banner__image-wrapper--mobile{display:none}.hero-banner--split-desktop .hero-banner__media{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.hero-banner--split-desktop .hero-banner__image-wrapper--desktop:not(.hero-banner__image-wrapper--secondary){grid-column:1;grid-row:1}.hero-banner--split-desktop .hero-banner__image-wrapper--desktop.hero-banner__image-wrapper--secondary{grid-column:2;grid-row:1}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-hero-banner.bundle.css.map */