.blog-hero-new{background:var(--bg-soft);border-bottom:1px solid var(--line)}.blog-hero-new .wrap{padding-top:max(48px,min(7vw,88px));padding-bottom:max(48px,min(7vw,88px))}.featured{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);color:inherit;transition:border-color .2s var(--ease);grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;margin-bottom:32px;padding:36px;text-decoration:none;display:grid}.featured:hover{border-color:var(--ink-3)}@media (max-width:920px){.featured{grid-template-columns:1fr}}.featured h2{max-width:22ch;margin:12px 0;font-size:32px}.featured p{color:var(--ink-3);max-width:50ch;font-size:15px}.featured .cover{aspect-ratio:1200/630;background:var(--bg-soft);border-radius:var(--radius-sm);position:relative;overflow:hidden}.featured .cover img{object-fit:contain;width:100%;height:100%}.featured svg{width:100%;height:100%;display:block}.blog-post{border-bottom:1px solid var(--line);transition:background .2s var(--ease);color:inherit;grid-template-columns:140px 1fr auto;align-items:start;gap:32px;padding:24px 0;text-decoration:none;display:grid}.blog-post:hover{background:var(--bg-soft)}@media (max-width:720px){.blog-post{grid-template-columns:1fr;gap:8px}}.blog-post .date{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.06em;padding-top:4px;font-size:11px}.blog-post h3{letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:540;line-height:1.15}.blog-post p{color:var(--ink-3);max-width:60ch;margin-bottom:12px;font-size:14.5px}.blog-post .post-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-post .read-time{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.04em;white-space:nowrap;padding-top:4px;font-size:11px}.blog-pagination{justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.pg{border:1px solid var(--line);background:var(--bg-elev);width:36px;height:36px;font-family:var(--font-mono);cursor:pointer;color:var(--ink-2);transition:all .15s var(--ease);border-radius:8px;place-items:center;font-size:12px;display:grid}.pg:hover{border-color:var(--ink-3);color:var(--ink)}.pg[aria-current=true],.pg[aria-current=page]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pg.arr{width:auto;padding:0 14px}.pg:disabled{opacity:.4;cursor:default}.blog-filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;padding-bottom:24px;display:flex}.blog-filter-bar .filter-label{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase;margin-right:8px;font-size:11px}.blog-filter-btn{border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-3);cursor:pointer;transition:all .15s var(--ease);letter-spacing:.03em;background:0 0;border-radius:999px;padding:6px 14px;font-size:12px}.blog-filter-btn:hover{border-color:var(--ink-3);color:var(--ink)}.blog-filter-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.blog-search{margin-left:auto;position:relative}.blog-search input{border:1px solid var(--line);background:var(--bg-elev);font-family:var(--font-body);color:var(--ink);width:200px;transition:border-color .15s var(--ease);border-radius:8px;outline:none;padding:6px 14px;font-size:13px}.blog-search input:focus{border-color:var(--accent)}.blog-search input::placeholder{color:var(--ink-4)}.blog-search .clear-btn{color:var(--ink-4);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.blog-results-info{font-family:var(--font-mono);color:var(--ink-3);align-items:center;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.blog-results-info a,.blog-results-info button{border:1px solid var(--line);font-family:var(--font-mono);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:11px}.post-thumb{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;flex-shrink:0;width:180px;height:96px;overflow:hidden}.post-thumb img{object-fit:cover;width:100%;height:100%}.blog-post.has-thumb{grid-template-columns:140px 1fr 180px}@media (max-width:720px){.post-thumb{display:none}.blog-post.has-thumb{grid-template-columns:1fr}}.blog-empty{text-align:center;color:var(--ink-3);padding:80px 0}.blog-empty button{border:1px solid var(--line);background:var(--bg-elev);color:var(--ink-2);cursor:pointer;border-radius:8px;margin-top:16px;padding:8px 16px;font-size:13px}@media (max-width:720px){.blog-search{flex-basis:100%;width:100%;margin-left:0}.blog-search input{width:100%}.blog-pagination{flex-wrap:wrap}}