.infographic-banners{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);margin-top:var(--section-margin-top);margin-bottom:var(--section-margin-bottom);background:var(--section-bg)}.infographic-banners__container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.infographic-banners__intro{text-align:center;margin-bottom:clamp(20px,3vw,36px)}.infographic-banners__heading{margin:0 0 10px;color:var(--heading-color);font-size:clamp(24px,3.4vw,40px);font-weight:700;letter-spacing:.01em}.infographic-banners__subheading{margin:0;color:var(--subheading-color);font-size:clamp(15px,2vw,18px);line-height:1.6}.infographic-banners__list{display:grid;gap:var(--banner-gap)}.infographic-banner{--banner-bg: #f4c347;--banner-accent: #1e1e1e;--title-color: #151515;--text-color: #2f2f2f;--number-color: #ffffff;--icon-size: 84px;display:grid;grid-template-columns:minmax(72px,120px) 1fr;align-items:stretch;border-radius:var(--banner-radius);overflow:hidden;background:var(--banner-bg);box-shadow:0 18px 36px rgba(0,0,0,var(--banner-shadow))}.infographic-banner__number{display:flex;align-items:center;justify-content:center;background:var(--banner-accent);color:var(--number-color);font-size:var(--number-size);font-weight:700;letter-spacing:.02em;position:relative;clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%)}.infographic-banner__number span{display:inline-block;transform:translate(-4%)}.infographic-banner__body{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,32px);padding:var(--banner-padding)}.infographic-banner__content{max-width:640px}.infographic-banner__eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-color);opacity:.7}.infographic-banner__title{margin:0 0 10px;color:var(--title-color);font-size:clamp(18px,2.4vw,26px);font-weight:700}.infographic-banner__text{margin:0;color:var(--text-color);font-size:clamp(14px,1.8vw,17px);line-height:1.6}.infographic-banner__icon{flex:0 0 auto;width:var(--icon-size);height:var(--icon-size);display:grid;place-items:center}.infographic-banner__icon img{width:100%;height:100%;object-fit:contain}.infographic-banner--number-right{grid-template-columns:1fr minmax(72px,120px)}.infographic-banner--number-right .infographic-banner__number{order:2;clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%)}.infographic-banner--number-right .infographic-banner__number span{transform:translate(4%)}@media (max-width: 860px){.infographic-banner{grid-template-columns:1fr}.infographic-banner__number{clip-path:none;padding:12px 0}.infographic-banner__body{flex-direction:column;align-items:flex-start}.infographic-banner__icon{width:calc(var(--icon-size) * .8);height:calc(var(--icon-size) * .8)}.infographic-banner--number-right .infographic-banner__number{clip-path:none;order:0}}@media (max-width: 520px){.infographic-banners__container{padding:0 16px}.infographic-banner__body{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-infographic-banners.css.map */