/* ===================== BLOG / INSIGHTS ===================== */
.blog{ background: var(--paper); padding-block: clamp(3.5rem,7vw,5.5rem); }

.blog-cats{ display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:2.2rem; }
.cat-chip{
  padding:.5rem 1rem; border-radius:999px; border:1px solid var(--line);
  background:#fff; font-family: var(--font-mono); font-size:.7rem;
  letter-spacing:.05em; text-transform:uppercase; color: var(--ink-soft);
  cursor:pointer; transition: all .25s ease;
}
.cat-chip:hover{ border-color: var(--gold-500); color: var(--navy-900); }
.cat-chip.is-active{ background: var(--navy-900); border-color: var(--navy-900); color:#fff; }

.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.post-card{
  background:#fff; border:1px solid var(--line); border-radius: var(--radius-md);
  overflow:hidden; display:flex; flex-direction:column;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.post-card:hover{ transform: translateY(-5px); box-shadow: var(--shadow-card); }
.post-thumb{ aspect-ratio:16/9; overflow:hidden; background: var(--navy-900); }
.post-thumb img{ width:100%; height:100%; object-fit:cover; transition: transform .5s var(--ease); }
.post-card:hover .post-thumb img{ transform: scale(1.05); }
.post-body{ padding:1.4rem 1.3rem 1.5rem; flex:1; display:flex; flex-direction:column; }
.post-cat{ font-family: var(--font-mono); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color: var(--gold-600); font-weight:600; }
.post-body h3{ font-size:1.05rem; font-weight:700; color: var(--navy-900); line-height:1.35; margin-top:.6rem; }
.post-excerpt{ margin-top:.6rem; font-size:.86rem; color: var(--ink-soft); line-height:1.55; flex:1; }
.post-meta{ display:flex; gap:.4rem; margin-top:1rem; font-family: var(--font-mono); font-size:.68rem; color: var(--ink-faint); }

@media (max-width:1000px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .blog-grid{ grid-template-columns:1fr; } }

/* ===================== NEWSLETTER ===================== */
.newsletter{ background: var(--navy-950); padding-block: clamp(3.4rem,7vw,5.5rem); }
.newsletter-panel{
  background: radial-gradient(120% 160% at 12% 0%, #164174 0%, var(--navy-900) 55%, var(--navy-950) 100%);
  border:1px solid rgba(255,255,255,.12); border-radius: var(--radius-lg);
  padding: clamp(2.2rem,5vw,3.4rem); display:grid; grid-template-columns:1.2fr .8fr;
  gap:2rem; align-items:center; box-shadow: var(--shadow-soft);
}
.newsletter-panel h2{ color:#fff; font-size: clamp(1.5rem,2.6vw,2.1rem); max-width:20ch; }
.newsletter-panel p{ margin-top:.8rem; color: rgba(255,255,255,.7); max-width:46ch; }
.newsletter-form{ display:flex; gap:.7rem; flex-wrap:wrap; }
.newsletter-form input{
  flex:1; min-width:200px; padding:.85rem 1rem; border-radius: var(--radius-sm);
  border:1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06);
  color:#fff; font:inherit; font-size:.9rem;
}
.newsletter-form input::placeholder{ color: rgba(255,255,255,.5); }
.newsletter-form input:focus{ outline:2px solid var(--gold-500); outline-offset:2px; }

@media (max-width:780px){ .newsletter-panel{ grid-template-columns:1fr; } }