.blog-page{padding:clamp(6rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);min-height:60vh}.blog-page__header{text-align:center;margin-bottom:var(--space-4xl)}.blog-page__tag{display:inline-block;font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-md)}.blog-page__title{font-size:var(--fs-h1);font-weight:var(--fw-bold);margin-bottom:var(--space-md)}.blog-page__subtitle{font-size:var(--fs-body-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.blog-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:var(--space-2xl);gap:var(--space-2xl)}.blog-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.blog-card__image{width:100%;height:220px;overflow:hidden;background:var(--color-bg-muted)}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-text-muted);opacity:.4}.blog-card__content{padding:var(--space-xl) var(--space-xl) var(--space-2xl)}.blog-card__date{display:block;font-size:var(--fs-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.blog-card__title{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin-bottom:var(--space-sm);color:var(--color-text);-webkit-line-clamp:2}.blog-card__excerpt,.blog-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{font-size:var(--fs-body-sm);color:var(--color-text-secondary);line-height:var(--lh-normal);-webkit-line-clamp:3;margin-bottom:var(--space-lg)}.blog-card__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--color-primary);transition:gap var(--transition-fast)}.blog-card__link:hover{gap:10px}.blog-page__empty{text-align:center;padding:var(--space-5xl) var(--space-xl)}.blog-page__empty-icon{font-size:3rem;color:var(--color-primary);opacity:.3;margin-bottom:var(--space-lg)}.blog-page__empty h3{font-size:var(--fs-h3);margin-bottom:var(--space-sm)}.blog-page__empty p{color:var(--color-text-muted)}@media (max-width:768px){.blog-page__grid{grid-template-columns:1fr}}