.color-scheme-mixed .hero-banner,.color-scheme-secondary .hero-banner{--section-background-secondary: var(--color-background-primary)}.hero-banner{--page-gutter: 3rem;min-height:min(940px,(100vh - var(--announcement-bar-height)));background-color:var(--section-background-secondary);color:var(--section-color-paragraphs);text-align:center;display:flex;flex-direction:column}.hero-banner__inner{position:relative;z-index:2}.hero-banner__media{top:3.5rem;bottom:8.4rem;height:auto}.hero-banner__media:after{height:80%;top:auto;bottom:0;background:linear-gradient(180deg,transparent 0%,var(--section-background-secondary) 51%)}.hero-banner__body{display:flex;align-items:flex-end;justify-content:center;padding:calc(5rem + var(--header-height, 6rem)) 0 2.8rem;flex-grow:1;border-bottom:.1rem solid var(--section-color-border)}.hero-banner__content{max-width:50rem}.hero-banner__actions{gap:2rem 3rem}.hero-banner__title{color:var(--section-color-headings);margin-bottom:5rem;padding:0 1rem}.hero-banner__link{display:inline-flex;align-items:center;column-gap:.3em}.hero-banner__product-selector .product-selector__buttons{column-gap:1.9rem;margin-top:4.2rem}.hero-banner__bar{padding:3.9rem 0 4rem;border-bottom:.1rem solid var(--section-color-border)}.hero-banner__feature{gap:1rem}.hero-banner__feature-entry{font-size:1.8rem;line-height:1.222;padding-top:.6rem}.hero-banner .hero-banner__feature-image-secondary{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden}.color-scheme-mixed .hero-banner__feature-image-secondary,.color-scheme-secondary .hero-banner__feature-image-secondary{opacity:1;visibility:inherit}.color-scheme-mixed .hero-banner__feature-image-primary,.color-scheme-secondary .hero-banner__feature-image-primary{opacity:0;visibility:hidden}.hero-banner__media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner__media-wrapper .hero-banner__media{opacity:0;visibility:hidden;transition:opacity var(--duration-long),visibility var(--duration-long)}.hero-banner__media-wrapper .hero-banner__media.is-visible{opacity:1;visibility:inherit}@media only screen and (max-width: 550px){.hero-banner{min-height:min(940px,(100vh - var(--announcement-bar-height)))}}@media screen and (max-width: 749px){.hero-banner__product-selector .swatch{width:1.9rem;height:1.9rem}.hero-banner__feature-media{max-width:3.7rem}}@media screen and (max-width: 360px){.hero-banner__title{padding:0}}@media screen and (min-width: 750px){.hero-banner{min-height:auto;border-radius:0 0 5rem 5rem;z-index:2}.hero-banner__media{max-width:73vw;top:var(--header-height);bottom:16.8rem;left:50%;transform:translate(-50%)}.hero-banner__body{min-height:calc(100vh - var(--announcement-bar-height));padding:calc(10rem + var(--header-height, 6rem)) 0 8rem}.hero-banner__content{max-width:68rem}.hero-banner__title{margin-bottom:3.8rem}.hero-banner__product-selector .product-selector__buttons{column-gap:2.8rem}.hero-banner__bar{border-bottom:none}.hero-banner__feature{column-gap:2.5rem}.hero-banner__feature-entry{font-size:2.2rem}}@media screen and (min-width: 990px){.hero-banner__media:after{background:linear-gradient(180deg,transparent 0%,var(--section-background-secondary) 57%)}.hero-banner__bar{padding:6rem 0}.hero-banner__feature-entry{font-size:2.6rem}}@media screen and (min-width: 1200px){.hero-banner__body{padding-bottom:10rem}}@media screen and (min-width: 1440px){.hero-banner__body{min-height:calc(100vh - var(--announcement-bar-height));padding-bottom:50px}.hero-banner__content{max-width:103.2rem}.hero-banner__bar{padding:9.8rem 0 11rem}}@media only screen and (min-width: 1000px) and (max-height: 1184px){.hero-banner:not(.hero-banner-basic) .hero-banner__title{max-width:47vw;font-size:3vw}.hero-banner__actions button,.hero-banner__actions a{font-size:18px}.hero-banner__actions a{min-height:50px}.hero-banner__media{max-width:calc(100vh - var(--header-height) - var(--announcement-bar-height))}}@media only screen and (min-width: 1400px) and (max-height: 1184px){.hero-banner__media{max-width:calc(115vh - var(--header-height) - var(--announcement-bar-height));top:78px;bottom:100px}}@media only screen and (min-width: 1800px) and (orientation: landscape){.hero-banner__media{max-width:calc(120vh - var(--header-height) - var(--announcement-bar-height));top:78px;bottom:0}}.hero-banner-basic .products-feed__head{margin-bottom:0}.hero-banner-basic .hero-banner__body{min-height:calc(100vh - var(--announcement-bar-height) - var(--header-height));padding-top:0}.hero-banner-basic .hero-banner__media{height:100%;max-width:100%;left:0;top:0;bottom:auto;transform:none}.hero-banner-basic .hero-banner__media:has(.image-2) img{width:50%}.hero-banner-basic .hero-banner__media:has(.image-2) img.image-2{left:auto;right:0}.hero-banner-basic .hero-banner__media.mobile-media{display:none}.hero-banner-basic .hero-banner__media:after{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 74%,rgba(0,0,0,.85) 85%)}.hero-banner-basic .hero-banner__content{padding-bottom:150px}@media (max-width: 1023px){.hero-banner-basic .hero-banner__content{padding-bottom:100px}}@media (max-width: 767px){.hero-banner-basic .hero-banner__content{padding-bottom:50px}.hero-banner-basic .hero-banner__media.desktop-media{display:none}.hero-banner-basic .hero-banner__media.mobile-media{display:block}}@media only screen and (max-width: 749px){.hero-banner-basic .hero-banner__title{font-size:calc(var(--font-heading-scale) * 4rem)}}@media (max-width: 575px){.hero-banner-basic .hero-banner__content{padding-bottom:30px}}@media (min-width: 1440px){.hero-banner-basic .hero-banner__bar{padding:4.8rem 0 4rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-hero-banner.css.map */