.infographics-section{padding:5rem 0;background-color:var(--background-light)}[data-theme=dark] .infographics-section{background-color:var(--surface-dark)}.infographics-section .container{max-width:1400px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.infographics-section .container{padding:0 1.5rem}}@media(min-width:1024px){.infographics-section .container{padding:0 2rem}}.infographics-section .description{font-family:var(--font-inter),sans-serif;font-size:1.05rem;line-height:1.7;color:var(--text-muted);max-width:540px;margin:0 auto}[data-theme=dark] .infographics-section .description{color:#9ca3af}.infographics-section .grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.infographics-section .grid{grid-template-columns:repeat(2,1fr)}}.infographics-section .card{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden;background-color:var(--surface-light);border:1px solid #e5e7eb;transition:all .35s cubic-bezier(.16,1,.3,1)}.infographics-section .card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -10px #0000001a;border-color:#ff572233}[data-theme=dark] .infographics-section .card{background-color:#17171799;border-color:#ffffff0f}[data-theme=dark] .infographics-section .card:hover{box-shadow:0 16px 36px -10px #0006;border-color:#ff57224d}.infographics-section .cardVisual{display:flex;align-items:center;justify-content:center;height:160px;background:linear-gradient(135deg,#ff57220a,#ff572203);border-bottom:1px solid #f3f4f6}[data-theme=dark] .infographics-section .cardVisual{background:linear-gradient(135deg,#ff57220f,#ff572205);border-color:#ffffff0a}.infographics-section .cardVisualIcon{font-size:3rem;color:var(--primary);opacity:.5}.infographics-section .cardContent{padding:1.5rem}.infographics-section .cardTitle{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem}[data-theme=dark] .infographics-section .cardTitle{color:#fff}.infographics-section .cardDesc{font-family:var(--font-inter),sans-serif;font-size:.85rem;line-height:1.6;color:var(--text-muted);margin:0 0 1rem}[data-theme=dark] .infographics-section .cardDesc{color:#9ca3af}.infographics-section .viewLink{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;color:var(--primary);cursor:pointer;transition:gap .25s}.infographics-section .viewLink:hover{gap:.6rem}.infographics-section .viewLink .material-symbols-outlined{font-size:1rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-infographics.css.map */