: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:1280px}
@import url('https://fonts.bunny.net/css?family=dm-sans:400,500,700,800&display=swap');
.blog-hero{background:linear-gradient(145deg,#0b2033 0%,var(--navy) 55%,#1a4a6e 100%);border-bottom:none;padding:80px 32px 72px;text-align:center;position:relative;overflow:hidden}
.blog-hero::before{content:'';position:absolute;right:-120px;top:-120px;width:480px;height:480px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.blog-hero::after{content:'';position:absolute;left:-80px;bottom:-80px;width:380px;height:380px;border-radius:50%;background:rgba(224,157,113,.07);pointer-events:none}
.blog-hero__label{display:inline-block;font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;position:relative;z-index:1}
.blog-hero__title{font-family:'DM Sans',sans-serif;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;color:#fff;line-height:1.08;letter-spacing:-.035em;margin-bottom:18px;position:relative;z-index:1}
.blog-hero__title em{color:var(--accent);font-style:normal}
.blog-hero__sub{font-size:1.05rem;color:rgba(255,255,255,.72);max-width:520px;margin:0 auto;position:relative;z-index:1;line-height:1.6}
.filter-bar{max-width:var(--max-w);margin:0 auto;padding:32px 32px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.filter-bar input,.filter-bar select{padding:11px 18px;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,box-shadow .2s}
.filter-bar input{flex:1;min-width:200px}
.filter-bar input:focus,.filter-bar select:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(31,98,142,.1)}
.filter-bar select{padding-right:36px;-webkit-appearance:none;appearance:none;cursor:pointer}
.filter-count{margin-left:auto;font-family:'DM Sans',sans-serif;font-size:.8rem;color:var(--muted);font-weight:500}
.blog-grid{max-width:var(--max-w);margin:0 auto;padding:36px 32px 96px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-grid .card:first-of-type{grid-column:span 2}
.blog-grid .card:first-of-type .card__img-wrap{aspect-ratio:16/7}
.blog-grid .card:first-of-type .card__title{font-size:1.15rem}
@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}.blog-grid .card:first-of-type{grid-column:span 1}.blog-grid .card:first-of-type .card__img-wrap{aspect-ratio:16/9}}
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:fadeUp .4s both}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 56px rgba(31,98,142,.13);border-color:rgba(31,98,142,.2)}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}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}
.card[hidden]{display:none!important}