.page-blog .bfilters{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.page-blog .bfilters .f{padding:9px 17px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;font-weight:600;font-size:14px;color:var(--ink-700);cursor:pointer;transition:all .15s}.page-blog .bfilters .f:hover{border-color:var(--accent);color:var(--accent-ink)}.page-blog .bfilters .f.on{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.page-blog .feat{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;margin-top:44px;transition:box-shadow .25s}.page-blog .feat:hover{box-shadow:var(--sh-lg)}.page-blog .feat .fmedia{min-height:320px;position:relative}.page-blog .feat .fmedia .ph{height:100%;border-radius:0;border:none}.page-blog .feat .fmedia .pin{position:absolute;top:18px;left:18px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:5px 13px;border-radius:var(--r-pill)}.page-blog .feat .fbody{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}.page-blog .feat .fcat{font-size:13px;font-weight:700;color:var(--accent-ink)}.page-blog .feat h2{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.02em;margin-top:12px;line-height:1.25}.page-blog .feat p{margin-top:16px;font-size:15.5px;color:var(--text-soft);line-height:1.7}.page-blog .feat .meta{margin-top:24px;font-size:13px;color:var(--text-mute);display:flex;gap:10px;align-items:center}.page-blog .feat .meta .av{width:26px;height:26px;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-size:11px;font-weight:800}.page-blog .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:32px}.page-blog .bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}.page-blog .bcard:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}.page-blog .bcard .bcap{height:158px;position:relative}.page-blog .bcard .bcap .pin{position:absolute;top:12px;left:12px;background:#fff;color:var(--accent-ink);font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:var(--r-pill);box-shadow:var(--sh-xs);z-index:1}.page-blog .bcard .bb{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}.page-blog .bcard h3{font-size:17.5px;font-weight:600;line-height:1.4}.page-blog .bcard .m{margin-top:auto;padding-top:18px;font-size:12.5px;color:var(--text-mute);display:flex;gap:9px}@media (max-width:980px){.page-blog .feat{grid-template-columns:1fr}.page-blog .feat .fmedia{min-height:200px}.page-blog .bgrid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.page-blog .bgrid{grid-template-columns:1fr}}