.blog-card{color:var(--color-text-primary);cursor:pointer;background-color:var(--color-card-bg);width:100%;transition:var(--transition-smooth);flex-direction:column;text-decoration:none;display:flex}.blog-card__image-container{aspect-ratio:1;border-radius:var(--radius-card);background-color:#f0ede9;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card__meta{font-family:var(--font-sans);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.75rem;font-weight:600;display:flex}.blog-card__category{color:var(--color-accent);text-transform:uppercase}.blog-card__date{color:var(--color-text-secondary);text-transform:uppercase}.blog-card__title{font-family:var(--font-sans);color:var(--color-text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:500;line-height:1.4;transition:color .3s}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card:hover .blog-card__title{color:var(--color-accent)}@media (width<=768px){.blog-card__title{font-size:1.15rem}}.blog-card--detailed{border:1px solid var(--color-border);background-color:#fff;border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden}.blog-card--detailed .blog-card__image-container{aspect-ratio:16/10;border-radius:0;margin-bottom:0}.blog-card--detailed .blog-card__content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.blog-card--detailed .blog-card__meta{letter-spacing:.05em;text-transform:uppercase;justify-content:flex-start;gap:6px;margin-bottom:12px;font-size:.75rem;font-weight:600}.blog-card--detailed .blog-card__separator{color:#1c1b1940;font-size:.75rem}.blog-card--detailed .blog-card__title{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:1.35rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-card--detailed .blog-card__description{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:24px;font-size:.925rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card--detailed .blog-card__author{border-top:1px solid var(--color-border);align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.blog-card--detailed .blog-card__author-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.blog-card--detailed .blog-card__author-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.blog-card--detailed:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1c1b190d}
