.filter-feature-showcase__outer{position:relative;width:100%;margin:0 auto;box-sizing:border-box}.filter-feature-showcase__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.filter-feature-showcase__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--ffs-bg-object-fit, cover);object-position:var(--ffs-bg-object-position, center center)}.filter-feature-showcase__inner{position:relative;z-index:1;width:100%;max-width:var(--ffs-content-max-width);margin:0 auto;box-sizing:border-box}.filter-feature-showcase__hero{display:flex;align-items:center;min-height:clamp(280px,40vw,520px);padding:clamp(40px,6vw,80px) 0;color:var(--ffs-hero-text)}.filter-feature-showcase__hero-copy{width:100%;max-width:min(700px,60%)}.filter-feature-showcase__hero-heading{margin:0 0 1rem;font-weight:700;line-height:1.15;font-size:clamp(28px,3.5vw,60px)}.filter-feature-showcase__hero-desc{margin:0;font-size:clamp(14px,1.2vw,18px);width:80%}.filter-feature-showcase__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,24px);padding-bottom:clamp(24px,4vw,48px)}.filter-feature-showcase__card{position:relative;border-radius:var(--imageRadius, 20px);overflow:hidden;width:100%;color:#fff}.filter-feature-showcase__card-bg .media:before{padding-top:var(--imageRatioMobile, var(--imageRatio, 100%))}.filter-feature-showcase__card-bg-img{object-fit:cover}.filter-feature-showcase__card-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(20px,3vw,32px) clamp(20px,3vw,36px)}.filter-feature-showcase__card-title{margin:0 0 .625rem;font-weight:700;line-height:1.25;font-size:clamp(18px,2vw,26px)}.filter-feature-showcase__card-desc{margin:0;line-height:1.2;font-size:clamp(13px,2vw,22px)}@media screen and (min-width:768px){.filter-feature-showcase__card-bg .media:before{padding-top:var(--imageRatio, 100%)}}@media screen and (max-width:767px){.filter-feature-showcase__hero{text-align:center;justify-content:center;min-height:clamp(320px,70vw,480px);padding:clamp(32px,8vw,48px) 0 clamp(24px,6vw,32px)}.filter-feature-showcase__hero-copy{max-width:100%}.filter-feature-showcase__cards{grid-template-columns:1fr;gap:clamp(12px,3vw,16px)}.filter-feature-showcase__card-copy{padding:clamp(16px,4vw,24px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/filter-feature-showcase.css.map */