.hero-banner-with-features{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;min-height:50rem;text-decoration:none;cursor:pointer}.hero-banner-with-features:hover{opacity:.6}@media screen and (min-width: 750px){.hero-banner-with-features--small{min-height:42rem}.hero-banner-with-features--medium{min-height:56rem}.hero-banner-with-features--large{min-height:72rem}}.hero-banner-with-features--adapt,.hero-banner-with-features--adapt .hero-banner-with-features__media:not(.placeholder){height:auto}.hero-banner-with-features__media{height:100%;position:absolute;left:0;top:0;width:100%}.hero-banner-with-features__media img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.hero-banner-with-features:hover .hero-banner-with-features__media img{opacity:.85}.hero-banner-with-features__media--desktop{display:none}@media screen and (min-width: 750px){.hero-banner-with-features__media--desktop{display:block}}.hero-banner-with-features__media--mobile{display:block}@media screen and (min-width: 750px){.hero-banner-with-features__media--mobile{display:none}}.hero-banner-with-features:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.4;z-index:1}.hero-banner-with-features__content{padding:5rem 0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2;min-height:100%}.hero-banner-with-features__content.page-width{width:100%;max-width:var(--page-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width: 750px){.hero-banner-with-features__content{padding:8rem 0;justify-content:flex-start}.hero-banner-with-features__content.page-width{padding-left:5rem;padding-right:5rem}}.hero-banner-with-features__text-wrapper{max-width:60rem;display:flex;flex-direction:column;gap:3rem;align-items:center;text-align:center}@media screen and (min-width: 750px){.hero-banner-with-features__text-wrapper{gap:4rem;align-items:flex-start;text-align:left}}.hero-banner-with-features__heading{margin:0;color:#fff;font-weight:700;line-height:1.2}.hero-banner-with-features__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media screen and (min-width: 750px){.hero-banner-with-features__features{gap:2rem;align-items:flex-start}}.hero-banner-with-features__feature{display:flex;align-items:center;gap:1.5rem;color:#fff;justify-content:center}@media screen and (min-width: 750px){.hero-banner-with-features__feature{justify-content:flex-start}}.hero-banner-with-features__feature-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media screen and (min-width: 750px){.hero-banner-with-features__feature-icon{width:3.5rem;height:3.5rem}}.hero-banner-with-features__feature-icon .svg-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-banner-with-features__feature-icon svg{width:100%;height:100%;fill:currentColor;color:#fff}.hero-banner-with-features__feature-text{font-size:1.6rem;font-weight:400;line-height:1.5}@media screen and (min-width: 750px){.hero-banner-with-features__feature-text{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-banner-with-features.css.map */