.blog-archive{padding:56px 0 96px}.blog-archive-head{max-width:640px;margin-bottom:48px}.blog-archive-title{font-family:var(--font-display);font-weight:900;font-size:clamp(36px,5vw,56px);letter-spacing:-.02em;line-height:1.06;margin:10px 0 16px}.blog-archive-lede{font-size:18px;color:var(--fg-secondary);line-height:1.6}.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.blog-filter-btn{font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:7px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border-strong);background:var(--paper);color:var(--ink-700);cursor:pointer;transition:all .14s var(--ease-out);white-space:nowrap}.blog-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.blog-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.blog-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-archive-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.blog-archive-card.featured .blog-archive-card-thumb{aspect-ratio:unset;min-height:320px}.blog-archive-card.featured .blog-archive-card-body{padding:40px;display:flex;flex-direction:column;justify-content:center}.blog-archive-card.featured .blog-archive-card-title{font-size:clamp(22px,2.5vw,30px)}.blog-archive-card.featured .blog-archive-card-desc{display:block}.blog-archive-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all .22s var(--ease-out)}.blog-archive-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-archive-card-thumb{position:relative;aspect-ratio:16/9;background:var(--ink-100);overflow:hidden}.blog-archive-card-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--ink-100) 0,var(--ink-200) 100%)}.blog-archive-card-body{padding:24px;display:flex;flex-direction:column;flex:1 1}.blog-archive-card-cat{font:600 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.blog-archive-card-title{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1.25;letter-spacing:-.01em;color:var(--ink-900);margin:0 0 10px;text-wrap:balance}.blog-archive-card-desc{font-size:14px;line-height:1.6;color:var(--fg-secondary);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:none}.blog-archive-card-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-muted);margin-top:auto;padding-top:14px;flex-wrap:wrap}.blog-archive-card-meta .dot{color:var(--ink-300)}.blog-archive-empty{color:var(--fg-muted);font-size:15px;padding:48px 0}@media (max-width:1024px){.blog-archive-grid{grid-template-columns:repeat(2,1fr)}.blog-archive-card.featured{grid-column:1/-1}}@media (max-width:680px){.blog-archive-card.featured,.blog-archive-grid{grid-template-columns:1fr}.blog-archive-card.featured .blog-archive-card-thumb{min-height:200px;aspect-ratio:16/9}.blog-archive-card.featured .blog-archive-card-body{padding:24px}}