.blog-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#fff;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.blog-card:hover{border-color:#7c6b9e40;transform:translateY(-2px);box-shadow:0 4px 14px #00000014,0 2px 6px #0000000a}.blog-card__media-link{aspect-ratio:16/10;display:block;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__category{top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--color-primary);border-radius:var(--radius-full);font-weight:700;position:absolute}.blog-card__body{padding:var(--space-5) var(--space-5) var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card__meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.blog-card__dot{background:var(--color-border);border-radius:50%;width:4px;height:4px}.blog-card__title{margin:0 0 var(--space-3);font-size:1.125rem;font-weight:700;line-height:var(--leading-snug);letter-spacing:-.02em}.blog-card__title a{color:var(--color-text);transition:color var(--transition)}.blog-card__title a:hover{color:var(--color-primary)}.blog-card__excerpt{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex:1;line-height:1.6}.blog-card__action{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:.25em;font-size:.75rem;font-weight:700;transition:gap .2s,opacity .2s;display:inline-flex}.blog-card__action:after{content:">";font-weight:600}.blog-card:hover .blog-card__action{gap:.35em}.blog-card__action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}
.blog-grid{gap:var(--space-6);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:600px){.blog-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.blog-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.blog-grid--single-col{grid-template-columns:1fr}@media (min-width:768px){.blog-grid--single-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.blog-grid--single-col{grid-template-columns:repeat(3,1fr)}}