.banner{position:relative;overflow:hidden}.banner--full-width{width:100vw;margin-left:calc(50% - 50vw)}.banner:not(.banner--full-width){margin:0 auto;max-width:var(--page-width);padding:0 1.5rem}.banner__media{position:relative;height:var(--banner-height, 60vh);min-height:25rem}.banner:not(.banner--full-width) .banner__media{border-radius:var(--media-radius);overflow:hidden}.banner__image,.banner__media video{display:block;width:100%;height:100%;object-fit:cover}.banner__image--mobile{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.banner__image--desktop{display:none;position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (min-width:750px){.banner__image--mobile{display:none}.banner__image--desktop{display:block}}.banner__image--desktop:only-child{display:block}.banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--overlay-color, 0, 0, 0));opacity:var(--overlay-opacity, 0);pointer-events:none;z-index:1}.banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:3rem;z-index:2}.banner__content--color-background,.banner__content--color-background .banner__heading,.banner__content--color-background .banner__subheading,.banner__content--color-background .banner__text{color:rgb(var(--color-background))}.banner__content--color-text,.banner__content--color-text .banner__heading,.banner__content--color-text .banner__subheading,.banner__content--color-text .banner__text{color:rgb(var(--color-foreground))}.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center;text-align:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center;text-align:center}.banner__content--middle-right{align-items:center;justify-content:flex-end;text-align:right}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center;text-align:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}@media screen and (max-width:749px){.banner__content--mobile-top-left{align-items:flex-start;justify-content:flex-start;text-align:left}.banner__content--mobile-top-center{align-items:flex-start;justify-content:center;text-align:center}.banner__content--mobile-top-right{align-items:flex-start;justify-content:flex-end;text-align:right}.banner__content--mobile-middle-left{align-items:center;justify-content:flex-start;text-align:left}.banner__content--mobile-middle-center{align-items:center;justify-content:center;text-align:center}.banner__content--mobile-middle-right{align-items:center;justify-content:flex-end;text-align:right}.banner__content--mobile-bottom-left{align-items:flex-end;justify-content:flex-start;text-align:left}.banner__content--mobile-bottom-center{align-items:flex-end;justify-content:center;text-align:center}.banner__content--mobile-bottom-right{align-items:flex-end;justify-content:flex-end;text-align:right}}.banner__content-inner{max-width:60rem}.banner__content-box{display:inline-block}.banner__subheading{font-size:1.2rem;text-transform:uppercase;letter-spacing:.15em;margin:0 0 .8rem;opacity:.8}.banner__heading{margin:0 0 1rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.banner__text{font-size:1.6rem;margin-bottom:1.5rem;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.3)}.banner__buttons{display:flex;gap:1rem;flex-wrap:wrap}.banner__content--top-center .banner__buttons,.banner__content--middle-center .banner__buttons,.banner__content--bottom-center .banner__buttons{justify-content:center}.banner__content--top-right .banner__buttons,.banner__content--middle-right .banner__buttons,.banner__content--bottom-right .banner__buttons{justify-content:flex-end}@media screen and (max-width:749px){.banner__content{padding:2rem}.banner__subheading{font-size:1.1rem}.banner__buttons{flex-direction:column}.banner__buttons .button{width:100%;text-align:center}}@media screen and (min-width:750px){.banner__subheading{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-banner.css.map */