/* Insights under carousel */
.insights-band{background:#1a1e22;padding:56px 20px 72px}
.insights-wrap{max-width:1100px;margin:0 auto}
.insights-title{color:#fff;font-size:clamp(26px,3.4vw,38px);font-weight:800;margin:0 0 18px}
.insights-lead{color:#aeb8c2;margin:0 0 28px;max-width:70ch}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width: 960px){.insights-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.insights-grid{grid-template-columns:1fr}}

.insight-card{background:#0f1216;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.insight-media{position:relative;background:#000;aspect-ratio: 3/2;overflow:hidden}
.insight-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.95;transition:transform .35s ease, opacity .25s ease}
.insight-link{display:block;text-decoration:none;background:rgba(20,24,28,.85);padding:24px 22px 28px}
.insight-card:hover .insight-media img{transform:scale(1.04);opacity:1}

.insight-title{color:#fff;margin:0 0 10px;font-weight:800;font-size:clamp(18px,2vw,28px);line-height:1.25}
.insight-excerpt{color:#c8d2dc;margin:0;font-size:clamp(14px,1.4vw,16px);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}


/* Fix: make the card a column flexbox so the link area fills the card height */
.insight-card{display:flex;flex-direction:column}
.insight-media{flex:0 0 auto}
.insight-link{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}