:root{--accent-green: #22c55e}.wfl-purpose{background:var(--wfl-bg);color:var(--wfl-text);padding:var(--wfl-padding) 20px;padding-top:0;width:80%;margin:auto}.wfl-purpose__header{display:grid;gap:.9rem;max-width:52rem;margin-bottom:1.75rem;margin-inline:auto;text-align:center}.wfl-purpose__heading{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.98;text-transform:uppercase;letter-spacing:-.04em;font-weight:900}.wfl-purpose__text{color:var(--wfl-muted);line-height:1.7}.wfl-purpose__grid{display:grid;gap:0rem;grid-template-columns:repeat(2,minmax(16rem,1fr));align-items:stretch}.wfl-purpose__card{display:grid;gap:1rem;padding:1.35rem;min-height:100%;justify-items:center;text-align:center;background:radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 36%),var(--wfl-surface);border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 24px #0f172a0f;transition:all .3s ease;animation:wflPurposeFade .75s ease both}.wfl-purpose__card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #22c55e33}.wfl-purpose__visual{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.1rem}.wfl-purpose__icon-image{width:100%;height:100%;object-fit:contain}.wfl-purpose__icon-svg{display:grid;place-items:center;width:100%;height:100%;color:var(--wfl-accent)}.wfl-purpose__icon-svg svg{width:70%;height:70%;display:block}.wfl-purpose__icon-fallback{font-size:1.35rem;font-weight:900;color:var(--wfl-accent)}.wfl-purpose__card-title{margin:0;font-size:1.25rem;line-height:1.15;font-weight:900;letter-spacing:-.03em}.wfl-purpose__card-copy{margin:0;color:var(--wfl-muted);line-height:1.65;width:60%}.wfl-purpose__link{width:fit-content;margin-top:auto;text-decoration:none;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wfl-accent)}@keyframes wflPurposeFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){.wfl-purpose__card{animation-duration:1ms;animation-timeline:view();animation-range:entry 0% cover 30%}}@media screen and (max-width:749px){.wfl-purpose__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wfl-purpose{width:100%}.wfl-purpose__card{gap:.85rem;padding:1rem}.wfl-purpose__visual{width:3.25rem;height:3.25rem}.wfl-purpose__card-title{font-size:1.05rem}.wfl-purpose__card-copy{font-size:.8rem;width:100%;line-height:1.55}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/wfl-league-purpose-cards.css.map */
