/* insights.css — Insights page only */

.insights-header { padding:12rem var(--space-page) 5rem; max-width:1240px; margin:0 auto; }
.insights-grid-section { padding:0 var(--space-page) 9rem; }
.insights-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; max-width:1240px; margin:0 auto; }
.insight-card { cursor:pointer; overflow:hidden; background:var(--charcoal); transition:background .3s; }
.insight-card:hover { background:var(--charcoal-mid); }
.insight-card.featured { grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; }
.insight-img { width:100%; height:280px; object-fit:cover; filter:brightness(.8) grayscale(15%); transition:transform .8s,filter .5s; display:block; }
.insight-card.featured .insight-img { height:100%; min-height:340px; }
.insight-card:hover .insight-img { transform:scale(1.03); filter:brightness(.92) grayscale(0%); }
.insight-body { padding:2.4rem 2.2rem; }
.insight-card.featured .insight-body { padding:3rem; }
.insight-category { font-size:.58rem; letter-spacing:.25em; text-transform:uppercase; color:var(--teal); margin-bottom:.8rem; }
.insight-title { font-family:var(--serif); font-size:1.35rem; font-weight:300; color:var(--cream); line-height:1.3; margin-bottom:.9rem; }
.insight-card.featured .insight-title { font-size:1.9rem; }
.insight-excerpt { font-size:.82rem; font-weight:300; line-height:1.75; color:var(--stone); margin-bottom:1.4rem; }
.insight-meta { font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; color:var(--stone); display:flex; gap:1rem; }
.insight-read-more { font-size:.63rem; letter-spacing:.18em; text-transform:uppercase; color:var(--stone); transition:color .3s; margin-top:.8rem; display:block; }
.insight-card:hover .insight-read-more { color:var(--teal); }

@media(max-width:900px) {
  .insights-header { padding:10rem var(--space-page) 3rem; }
  .insights-grid-section { padding:0 var(--space-page) 6rem; }
  .insights-grid { grid-template-columns:1fr; }
  .insight-card.featured { grid-column:span 1; display:block; }
  .insight-card.featured .insight-img { height:240px; }
}