.hero-banner:not(.hero-banner--alt){display:flex;position:relative;flex-direction:column;height:90vh;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.hero-banner__content-alt{text-align:center}.hero-banner__content-alt.hero-banner__content-alt--top+.hero-banner__media-alt,.hero-banner__content-alt.hero-banner__content-alt--top+.hero-banner__content-alt.hero-banner__content-alt--bottom,.hero-banner__media-alt+.hero-banner__content-alt.hero-banner__content-alt--bottom{margin-top:3rem}.hero-banner__content-alt .hero-banner__buttons{justify-content:center}.hero-banner__box--alt .hero-banner__heading+.hero-banner__subheading{margin-top:1.5rem}.hero-banner__box--alt .hero-banner__heading+.hero-banner__text,.hero-banner__box--alt .hero-banner__subheading+.hero-banner__text,.hero-banner__box--alt .hero-banner__heading+.hero-banner__media-alt,.hero-banner__box--alt .hero-banner__subheading+.hero-banner__media-alt{margin-top:3rem}.hero-banner__media{width:100%;position:relative}.hero-banner__media-alt .video-section__media{width:100%;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.hero-banner__media-alt .video-section__media.deferred-media .deferred-media__poster-button{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto}.hero-banner__media-alt .video-section__media.deferred-media .deferred-media__poster-button svg path{fill:#fff}.hero-banner__media-alt .video-section__media.deferred-media .deferred-media__poster-button svg circle{stroke:#fff}.hero-banner__buttons{display:flex;flex-wrap:wrap;align-items:center;column-gap:2rem;row-gap:2rem}@media screen and (min-width: 750px){.hero-banner:not(.hero-banner--alt){height:100vh}.hero-banner{flex-direction:row;justify-content:center}.hero-banner--container{background-color:transparent}.hero-banner--container .hero-banner__box{background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.hero-banner__media{overflow:hidden}}@media screen and (max-width: 749px){.hero-banner:not(.hero-banner--stacked){flex-direction:row;flex-wrap:wrap}.hero-banner:before{content:none!important}.hero-banner--mobile-bottom{background-color:transparent}.hero-banner--mobile-bottom .hero-banner__content{position:static;--color-foreground: var(--color-base-text);--color-background: var(--color-base-background);--color-link: var(--color-base-outline-button-labels);--color-heading: var(--color-base-heading);--color-button-background: var(--color-base-accent);--color-button-border: var(--color-base-accent);--color-button-text: var(--color-base-solid-button-labels);background-color:rgb(var(--color-background))}.transparent-header+.transition-content #MainContent>.shopify-section:first-child .hero-banner--mobile-bottom{background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.page-width--full-width .hero-banner .hero-banner__content{padding:1.5rem 1.5rem 3rem}}.hero-banner__media .media:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#201e30;background:linear-gradient(193deg,#201e3000 40%,#201e30)}.hero-banner__media .placeholder{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#00000080}.hero-banner__bg-poster img,.hero-banner__media video{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}.hero-banner__bg-video-wrapper{z-index:1}.hero-banner .hero-banner__content{padding:0}.hero-banner__content{display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-banner__badges{display:flex;flex-direction:column}.hero-banner__badge{display:flex;align-items:center;column-gap:1rem}.hero-banner__badge-icon{flex-shrink:0}.hero-banner__heading+.hero-banner__text{margin-top:1.5rem}.hero-banner__text+.hero-banner__buttons,.hero-banner__buttons+.hero-banner__badges{margin-top:3rem}.hero-banner__cover,.hero-banner__video{position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.hero-banner__cover,.hero-banner__play{opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}.hero-banner__cover.is-hidden,.hero-banner__play.is-hidden{opacity:0;visibility:hidden}.hero-banner__play{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:130px;height:130px}.hero-banner__play button{width:130px;height:130px;padding:0;margin:0;border:none;background-color:transparent;cursor:pointer}.hero-banner__play button svg{width:100%}.hero-banner__play button svg path{fill:#fff}.hero-banner__play button svg circle{stroke:#fff}.hero-banner__cover .media-wrapper,.hero-banner__video .media-wrapper{width:100%;height:100%}.hero-banner__video .media-wrapper video{position:absolute;width:100%;height:100%;object-fit:cover}@media screen and (max-width: 749px){.hero-banner__content--mobile-middle-center{align-items:center}.hero-banner__content--mobile-top{align-items:flex-start}.hero-banner__content--mobile-bottom{align-items:flex-end}.hero-banner__badges{row-gap:1rem}}@media screen and (min-width: 750px){.hero-banner__content.page-width{padding-inline-start:7rem;padding-inline-end:7rem}.hero-banner__content{align-items:center}.hero-banner .hero-banner__content{padding:5rem 5rem 8rem}.hero-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.hero-banner__content--top-center{align-items:flex-start;justify-content:center}.hero-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.hero-banner__content--middle-left{align-items:center;justify-content:flex-start}.hero-banner__content--middle-center{align-items:center;justify-content:center}.hero-banner__content--middle-right{align-items:center;justify-content:flex-end}.hero-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.hero-banner__content--bottom-center{align-items:flex-end;justify-content:center}.hero-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}.hero-banner__box{border:0;position:relative;z-index:2;height:fit-content;align-items:center;width:100%;max-width:var(--page-width);margin:0 auto;display:flex;flex-direction:column}.hero-banner__box>.hero-banner__text:empty~a{margin-top:3rem}.hero-banner__box>:first-child:is(.hero-banner__heading),.hero-banner__box>:first-child:is(.hero-banner__subheading){margin-top:0}.hero-banner__box :last-child:is(.hero-banner__heading){margin-bottom:0}.hero-banner__box :last-child:is(.hero-banner__buttons){margin-top:3rem}.hero-banner__box-column{width:100%}@media screen and (max-width: 749px){.hero-banner__box{width:100%}.hero-banner__box>*+*{margin-top:6rem}.hero-banner__box .hero-banner__heading{font-size:2.4rem}.hero-banner__box .button{font-size:16px}.hero-banner__box.mobile-center .button{min-width:60%}.hero-banner--mobile-bottom .hero-banner__box{padding:3rem 0 0}}@media screen and (max-width: 480px){.hero-banner__box .button{width:100%}}@media screen and (min-width: 750px){.hero-banner__box{flex-direction:row;align-items:flex-end;column-gap:12rem}.hero-banner__box-column{width:50%}.hero-banner__box.hero-banner__box--no-padding{padding:0}.hero-banner__badges{flex-direction:row;flex-wrap:wrap;column-gap:2rem}.hero-banner__badge{width:calc((100% / 3) - ((2rem / 3) * (3 - 1)))}}.hero-banner__heading>*,.hero-banner__text>*{word-wrap:break-word}.hero-banner__heading{margin-bottom:0;line-height:1.2;letter-spacing:.02em}.hero-banner__subheading{letter-spacing:.2em;text-transform:uppercase;line-height:1.25;margin-bottom:0}@media screen and (min-width: 750px){.hero-banner__subheading.h5{font-size:calc(var(--font-heading-scale) * 1.2rem)}}.hero-banner__subheading+.hero-banner__heading{margin-top:.5rem}.hero-banner__subheading--colored{color:rgba(var(--color-heading),.55)}.hero-banner__text--colored{color:rgba(var(--color-foreground),.55)}.hero-banner__text--colored.rte a{color:rgb(var(--color-link));background-image:linear-gradient(to top,rgb(var(--color-border)) 0px 0px),linear-gradient(to top,transparent 0px,transparent 0px)}.hero-banner .full-unstyled-link{display:block}@media screen and (min-width: 990px){.hero-banner__box--alt{width:83.3333%;margin:0 auto}.hero-banner__play{display:block}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-hero-banner.css.map */
