.page-hero{padding:64px 0 8px}.lead-post{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--hairline);border-radius:var(--r-xl);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);margin:24px 0 28px;transition:transform var(--t) var(--ease-out),box-shadow var(--t) var(--ease-out)}.lead-post:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.lead-post .thumb{min-height:280px}.thumb{position:relative;overflow:hidden}.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.lead-body{padding:32px;align-self:center}.readmore{color:var(--navy);font-weight:600;font-size:14.5px;display:inline-block;margin-top:14px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--t) var(--ease-out),box-shadow var(--t) var(--ease-out)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-card .thumb{aspect-ratio:16/10}.post-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.blog-sub{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:36px 0 96px;padding:28px;border-radius:var(--r-lg);background:var(--navy-tint);border:1px solid var(--border)}.blog-sub h3{color:var(--ink)}.blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 6px}.blog-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--r-pill);padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease)}.blog-chip:hover{border-color:var(--navy);color:var(--navy)}.blog-chip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.blog-empty{text-align:center;color:var(--text-muted);padding:40px 0 0}@media (max-width: 980px){.blog-grid{grid-template-columns:1fr 1fr}.lead-post{grid-template-columns:1fr}.lead-post .thumb{min-height:200px}}@media (max-width: 640px){.blog-grid{grid-template-columns:1fr}}