.beauty-science-infographic{position:relative;width:100%;overflow:hidden}.beauty-science-infographic__inner{max-width:1400px;margin:0 auto;padding:0 40px}.beauty-science-infographic__header{text-align:center;margin-bottom:80px}.beauty-science-infographic__title{font-family:PFGrandGothikExtended,sans-serif;margin:0 0 16px;letter-spacing:-.5px}.beauty-science-infographic__subtitle{font-family:Acumin Variable Concept,sans-serif;margin:0;line-height:1.6}.beauty-science-infographic__stats{display:grid;gap:40px;margin-bottom:80px}.beauty-science-infographic__stat{text-align:center;padding:40px 32px;background-color:#fff;border:1px solid #e0e0e0;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px)}.beauty-science-infographic__stat.is-visible{opacity:1;transform:translateY(0)}.beauty-science-infographic__stat:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000014;border-color:#ccc}.beauty-science-infographic__stat-icon{width:60px;height:60px;margin:0 auto 24px;background-color:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.beauty-science-infographic__stat:hover .beauty-science-infographic__stat-icon{background-color:#000;transform:scale(1.1)}.beauty-science-infographic__stat-icon svg{width:32px;height:32px;color:#000;transition:color .3s ease}.beauty-science-infographic__stat:hover .beauty-science-infographic__stat-icon svg{color:#fff}.beauty-science-infographic__stat-number{font-family:PFGrandGothikExtended,sans-serif;font-size:56px;line-height:1;font-weight:400;color:#000;margin:0 0 16px;letter-spacing:-2px}.beauty-science-infographic__stat-label{font-family:Acumin Variable Concept,sans-serif;font-size:18px;line-height:1.5;color:#333;margin:0}.beauty-science-infographic__stat-description{font-family:Acumin Variable Concept,sans-serif;font-size:14px;line-height:1.6;color:#666;margin:12px 0 0}.beauty-science-infographic__progress-section{margin-bottom:60px}.beauty-science-infographic__progress-title{font-family:PFGrandGothikExtended,sans-serif;font-size:32px;line-height:1.3;font-weight:400;color:#000;margin:0 0 40px;text-align:center;letter-spacing:-.5px}.beauty-science-infographic__progress-item{margin-bottom:32px;opacity:0;transform:translate(-30px)}.beauty-science-infographic__progress-item.is-visible{opacity:1;transform:translate(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.beauty-science-infographic__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.beauty-science-infographic__progress-label{font-family:Acumin Variable Concept,sans-serif;font-size:16px;font-weight:500;color:#000}.beauty-science-infographic__progress-value{font-family:PFGrandGothikExtended,sans-serif;font-size:24px;font-weight:400;color:#000;letter-spacing:-.5px}.beauty-science-infographic__progress-bar{width:100%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden;position:relative}.beauty-science-infographic__progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;width:0%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.beauty-science-infographic__progress-item.is-visible .beauty-science-infographic__progress-fill{width:var(--progress-width)}@media screen and (min-width:991px){.beauty-science-infographic__stats[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.beauty-science-infographic__stats[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.beauty-science-infographic__stats[data-columns="4"]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:990px){.beauty-science-infographic__inner{padding:0 24px}.beauty-science-infographic__header{margin-bottom:60px}.beauty-science-infographic__stats{grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:60px}.beauty-science-infographic__stat{padding:32px 24px}.beauty-science-infographic__stat-number{font-size:48px}.beauty-science-infographic__stat-label{font-size:16px}.beauty-science-infographic__progress-title{font-size:28px}}@media screen and (max-width:749px){.beauty-science-infographic__inner{padding:0 16px}.beauty-science-infographic__header{margin-bottom:48px}.beauty-science-infographic__stats{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.beauty-science-infographic__stat{padding:28px 20px}.beauty-science-infographic__stat-icon{width:50px;height:50px}.beauty-science-infographic__stat-icon svg{width:28px;height:28px}.beauty-science-infographic__stat-number{font-size:40px}.beauty-science-infographic__stat-label{font-size:15px}.beauty-science-infographic__stat-description{font-size:13px}.beauty-science-infographic__progress-title{font-size:24px;margin-bottom:32px}.beauty-science-infographic__progress-item{margin-bottom:28px}.beauty-science-infographic__progress-label{font-size:14px}.beauty-science-infographic__progress-value{font-size:20px}.beauty-science-infographic__progress-bar{height:10px}}.beauty-science-infographic__stat:focus{outline:2px solid #000000;outline-offset:4px}.beauty-science-infographic__stat:focus:not(:focus-visible){outline:none}.beauty-science-infographic__stat:nth-child(1){transition-delay:.1s}.beauty-science-infographic__stat:nth-child(2){transition-delay:.2s}.beauty-science-infographic__stat:nth-child(3){transition-delay:.3s}.beauty-science-infographic__stat:nth-child(4){transition-delay:.4s}.beauty-science-infographic__progress-item:nth-child(1){transition-delay:.1s}.beauty-science-infographic__progress-item:nth-child(2){transition-delay:.2s}.beauty-science-infographic__progress-item:nth-child(3){transition-delay:.3s}.beauty-science-infographic__progress-item:nth-child(4){transition-delay:.4s}
/*# sourceMappingURL=/cdn/shop/t/3/assets/beauty-science-infographic.css.map */