.blog-card{--card-purple:var(--primary-color,#402152);display:flex;flex-direction:column;width:100%;min-width:0;background:#fff;border:1px solid #eeeaf4;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px rgba(64,33,82,.055);transition:box-shadow .25s ease}
.blog-card:hover{box-shadow:0 14px 34px rgba(64,33,82,.12)}
.blog-card__image{aspect-ratio:16/9;overflow:hidden;background:#f4f1f8;margin:8px 8px 0;border-radius:16px;flex-shrink:0}
.blog-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .35s ease}
.blog-card:hover .blog-card__image img{transform:scale(1.035)}
.blog-card__body{display:flex;flex-direction:column;flex:1;padding:23px 23px 25px;min-width:0}
.blog-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;margin-bottom:17px}
.blog-card__category{max-width:100%;padding:5px 10px;border-radius:30px;background:#eee6fc;color:#4a2471;font-size:10px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.blog-card__date{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.6;color:#706780;white-space:nowrap}
.blog-card__title{font-size:21px;line-height:1.35;letter-spacing:-.3px;font-weight:650;text-transform:none;margin:0 0 13px;overflow-wrap:anywhere}
.blog-card__title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--card-purple);text-transform:none}
.blog-card__title a:hover{color:#66398a}
.blog-card__excerpt{font-size:14px;line-height:1.65;color:#716a7c;margin:0 0 23px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.blog-card__link{display:inline-flex;align-items:center;align-self:flex-start;gap:12px;margin-top:auto;color:#51277b;font-size:14px;line-height:1.5;font-weight:600;padding-top:4px}
.blog-card__arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eee5fd;color:#51277b;transition:transform .25s ease}
.blog-card__link:hover{color:#402152}.blog-card__link:hover .blog-card__arrow{transform:translateX(3px)}
.blog-card a:focus-visible{outline:3px solid #8d68af;outline-offset:4px;border-radius:4px}
@media(max-width:767px){.blog-card__body{padding:21px}.blog-card__title{font-size:20px}.blog-card__meta{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__image img,.blog-card__arrow{transition:none}.blog-card:hover .blog-card__image img,.blog-card__link:hover .blog-card__arrow{transform:none}}