:root{--navy:#1f628e;--mid:#6c869e;--accent:#e09d71;--cream:#ecdcc8;--bg:#fdfcfb;--surface:#f8f4ef;--white:#fff;--text:#1a2e3b;--muted:#6c869e;--border:#e4d9ce;--radius:12px;--max-w:1160px}
@import url('https://fonts.bunny.net/css?family=dm-sans:400,500,700,800&display=swap');
.blog-hero{background:var(--white);border-bottom:1px solid var(--border);padding:56px 32px 44px;text-align:center}
.blog-hero__label{display:inline-block;font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.blog-hero__title{font-family:'DM Sans',sans-serif;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800;color:var(--navy);line-height:1.15;letter-spacing:-.03em;margin-bottom:14px}
.blog-hero__title em{color:var(--accent);font-style:normal}
.blog-hero__sub{font-size:1rem;color:var(--muted);max-width:480px;margin:0 auto}
.filter-bar{max-width:var(--max-w);margin:0 auto;padding:28px 32px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.filter-bar input,.filter-bar select{padding:10px 16px;border:1.5px solid var(--border);border-radius:50px;font-family:'DM Sans',sans-serif;font-size:.875rem;background:var(--white);color:var(--text);outline:none;transition:border-color .2s}
.filter-bar input{flex:1;min-width:200px}
.filter-bar input:focus,.filter-bar select:focus{border-color:var(--navy)}
.filter-bar select{padding-right:32px;-webkit-appearance:none;appearance:none;cursor:pointer}
.filter-count{margin-left:auto;font-family:'DM Sans',sans-serif;font-size:.8rem;color:var(--muted)}
.blog-grid{max-width:var(--max-w);margin:0 auto;padding:28px 32px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr;padding:20px 20px 60px}}
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;animation:fadeUp .4s both}
.card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(31,98,142,.1)}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.card__img-wrap{aspect-ratio:16/9;overflow:hidden;background:var(--border)}
.card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .card__img-wrap img{transform:scale(1.04)}
.card__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--navy),#2d7aad);display:flex;align-items:center;justify-content:center}
.card__img-placeholder span{font-family:'DM Sans',sans-serif;font-size:1.8rem;font-weight:800;color:rgba(255,255,255,.15);letter-spacing:-.04em}
.card__body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column;gap:9px}
.card__meta{display:flex;align-items:center;gap:10px}
.card__pill{font-family:'DM Sans',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:50px}
.pill--agile{background:#deeaf3;color:#1f628e}.pill--leadership{background:#f7f0e8;color:#8a4e20}.pill--projectmanagement{background:#e3f4e4;color:#2d7a35}.pill--team{background:#edf3f7;color:#3d6278}.pill--podcast{background:#fdf6ee;color:#c87941}.pill--misc{background:#f3f4f6;color:#374151}
.card__date{font-family:'DM Sans',sans-serif;font-size:.78rem;color:var(--muted)}
.card__title{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--navy);line-height:1.3;letter-spacing:-.01em}
.card__title a{transition:color .15s}
.card__title a:hover{color:var(--accent);text-decoration:none}
.card__excerpt{font-size:.875rem;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card__read-more{margin-top:auto;padding-top:12px;font-family:'DM Sans',sans-serif;font-size:.8rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:4px;transition:gap .2s}
.card:hover .card__read-more{gap:8px}
.card__read-more::after{content:"→"}
#blog-no-results{grid-column:1/-1;padding:56px;text-align:center;color:var(--muted);font-family:'DM Sans',sans-serif}
#blog-no-results[hidden]{display:none!important}