.blog-card.svelte-pf7zc2{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--color-text);transition:transform .25s ease}.blog-card.svelte-pf7zc2:hover{transform:translateY(-4px)}.blog-card__thumb.svelte-pf7zc2{position:relative;aspect-ratio:240 / 135;border-radius:12px;overflow:hidden;background:var(--color-surface-subtle);box-shadow:var(--shadow-card);transition:box-shadow .25s ease}.blog-card.svelte-pf7zc2:hover .blog-card__thumb:where(.svelte-pf7zc2){box-shadow:var(--shadow-card-hover)}.blog-card__thumb.svelte-pf7zc2 img:where(.svelte-pf7zc2){width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card.svelte-pf7zc2:hover .blog-card__thumb:where(.svelte-pf7zc2) img:where(.svelte-pf7zc2){transform:scale(1.05)}.blog-card__tag.svelte-pf7zc2{position:absolute;top:0;left:0;background:var(--color-primary);color:var(--color-on-primary);font-family:Poppins,sans-serif;font-weight:600;border-radius:0 0 12px;display:inline-flex;align-items:center;justify-content:center}.blog-card__body.svelte-pf7zc2{display:flex;flex-direction:column;gap:4px;padding:0 2px}.blog-card__date.svelte-pf7zc2{font-family:Poppins,sans-serif;font-weight:500;color:var(--color-text-secondary)}.blog-card__title.svelte-pf7zc2{font-family:var(--font-sans);font-weight:700;line-height:1.4;color:var(--color-text);margin:0;transition:color .2s ease}.blog-card.svelte-pf7zc2:hover .blog-card__title:where(.svelte-pf7zc2){color:var(--color-primary)}.blog-card--md.svelte-pf7zc2 .blog-card__tag:where(.svelte-pf7zc2){font-size:12px;letter-spacing:.6px;padding:6px 12px;min-width:48px;border-bottom-right-radius:12px}.blog-card--md.svelte-pf7zc2 .blog-card__date:where(.svelte-pf7zc2){font-size:12px;letter-spacing:.6px}.blog-card--md.svelte-pf7zc2 .blog-card__title:where(.svelte-pf7zc2){font-size:16px;letter-spacing:.8px}.blog-card--lg.svelte-pf7zc2 .blog-card__tag:where(.svelte-pf7zc2){font-size:14px;letter-spacing:.7px;padding:8px 16px;min-width:64px;min-height:32px;border-bottom-right-radius:16px}.blog-card--lg.svelte-pf7zc2 .blog-card__date:where(.svelte-pf7zc2){font-size:14px;letter-spacing:.7px}.blog-card--lg.svelte-pf7zc2 .blog-card__title:where(.svelte-pf7zc2){font-size:20px;letter-spacing:1px}