.blog-card{background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000080;border-color:#ffffff26}.blog-card__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--color-surface-2)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__category{position:absolute;bottom:12px;left:12px;background:#0a0a0ad9;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;color:var(--color-text-muted)}.blog-card__body{padding:20px;flex:1;display:flex;flex-direction:column}.blog-card__date{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.blog-card__title{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.03em;text-transform:uppercase;line-height:1.15;margin-bottom:10px;flex:1;transition:color var(--transition-fast)}.blog-card:hover .blog-card__title{color:var(--color-text-primary)}.blog-card__excerpt{font-size:.875rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:3px;display:inline-block;transition:color var(--transition-fast),border-color var(--transition-fast);margin-top:auto}.blog-card__link:hover{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.blog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:3rem}.blog-tab{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--color-border);color:var(--color-text-muted);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);cursor:pointer}.blog-tab:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.blog-tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-blog-card.css.map */