.hero-features{position:relative;overflow:hidden;background-color:rgb(var(--color-background));min-height:var(--section-min-height, 500px);display:flex;align-items:center;padding-top:var(--section-padding-top, 60px);padding-bottom:var(--section-padding-bottom, 60px)}.hero-features__content{position:relative;z-index:2;width:100%}.hero-features__header{margin-bottom:4rem}.hero-features__heading{font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 1rem;color:rgb(var(--color-foreground))}.hero-features__subheading{font-size:1.5rem;line-height:1.6;margin:0;color:rgba(var(--color-foreground),.8)}.hero-features__grid{display:grid;grid-template-columns:1fr;gap:3rem}@media screen and (min-width: 550px){.hero-features__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.hero-features__grid{grid-template-columns:repeat(3,1fr)}}.hero-features__feature{display:flex;gap:1.5rem;text-align:left}.hero-features__icon{width:var(--icon-size, 80px);height:var(--icon-size, 80px);flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-features__icon img{max-width:100%;max-height:100%;object-fit:contain}.hero-features__svg-icon{width:100%;height:100%;color:rgb(var(--color-foreground))}.hero-features__svg-icon svg{width:100%;height:100%;fill:currentColor}.hero-features__feature-content{flex:1}.hero-features__feature-heading{font-size:2rem;font-weight:600;margin:0 0 .75rem;color:rgb(var(--color-foreground))}.hero-features__feature-text{font-size:1.5rem;line-height:1.6;margin:0;color:rgba(var(--color-foreground),.9)}.hero-features__content--align-center{text-align:center}.hero-features__content--align-center .hero-features__feature{flex-direction:column;align-items:center;text-align:center}.hero-features__content--align-left{text-align:left}.hero-features__content--align-left .hero-features__feature{flex-direction:row;text-align:left}.hero-features__bg-media{position:absolute;top:0;left:var(--bg-padding-left, 0);right:var(--bg-padding-right, 0);width:calc(100% - var(--bg-padding-left, 0) - var(--bg-padding-right, 0));height:100%;z-index:0;opacity:var(--bg-image-opacity, .3);pointer-events:none}.hero-features__bg-image,.hero-features__video{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width: 989px){.hero-features__bg-media{left:0;right:0;width:100%}}.hero-features:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-background),var(--gradient-overlay-opacity, .6)),rgba(var(--color-background),calc(var(--gradient-overlay-opacity, .6) * .8)));z-index:1;pointer-events:none}.hero-features:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:var(--pattern-opacity, 0)}.hero-features--pattern-dots:before{background-image:radial-gradient(circle,rgba(var(--color-foreground),1) 1px,transparent 1px);background-size:20px 20px;opacity:var(--pattern-opacity, .2)}.hero-features--pattern-grid:before{background-image:linear-gradient(rgba(var(--color-foreground),1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-foreground),1) 1px,transparent 1px);background-size:30px 30px;opacity:var(--pattern-opacity, .2)}.hero-features--pattern-lines:before{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(var(--color-foreground),1) 10px,rgba(var(--color-foreground),1) 11px);opacity:var(--pattern-opacity, .2)}.hero-features--pattern-noise:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--pattern-opacity, .2)}@media screen and (max-width: 749px){.hero-features{padding:4rem 0}.hero-features__header{margin-bottom:3rem}.hero-features__heading{font-size:2rem}.hero-features__subheading{font-size:1.4rem}.hero-features__grid{gap:2rem}.hero-features__feature{flex-direction:column;align-items:center;text-align:center}.hero-features__icon{width:var(--icon-size, 60px);height:var(--icon-size, 60px)}.hero-features__feature-heading{font-size:1.5rem}.hero-features__feature-text{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-hero-features.css.map */