.latest-insights { background:#edf2f0; border-block:1px solid #cbd7d9; }
.insights-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:48px; margin-bottom:40px; }
.insights-heading h2 { font-size:clamp(44px,5.8vw,76px); }
.insights-heading>div:last-child { justify-self:end; max-width:38ch; }
.insights-heading>div>p:not(.eyebrow) { color:#526267; margin-bottom:18px; }
.insights-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.insight-card { min-width:0; display:flex; flex-direction:column; background:#f9fbfa; border:1px solid #d1ddda; border-radius:10px; overflow:hidden; transition:transform .3s ease,box-shadow .3s ease; }
.insight-cover { display:block; aspect-ratio:3/2; overflow:hidden; background:#dfe9e6; }
.insight-cover img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .5s ease; }
.insight-copy { display:flex; flex:1; flex-direction:column; padding:26px; }
.insight-copy time { font:11px/1.5 M,monospace; color:#526267; }
.insight-copy h3 { font:700 clamp(28px,2.6vw,38px)/1.04 D,Impact,sans-serif; margin:16px 0; letter-spacing:-.02em; }
.insight-copy>p { font-size:15px; line-height:1.6; color:#526267; margin:0 0 24px; }
.insight-read { margin-top:auto; align-self:flex-start; border-bottom:1px solid #789296; font-size:14px; font-weight:650; padding-bottom:4px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  html:not(.is-paused) .insight-card:hover { transform:translateY(-5px); box-shadow:0 16px 28px -18px #17212660; }
  html:not(.is-paused) .insight-card:hover img { transform:scale(1.035); }
}
html.is-paused .insight-card, html.is-paused .insight-cover img { transition:none; transform:none; }
@media(prefers-reduced-motion:reduce) { .insight-card,.insight-cover img { transition:none; transform:none; } }
@media(max-width:1000px) { .insights-grid { gap:16px; } .insight-copy { padding:20px; } }
@media(max-width:760px) {
  .insights-heading { grid-template-columns:1fr; gap:24px; margin-bottom:28px; }
  .insights-heading>div:last-child { justify-self:start; }
  .insights-grid { grid-template-columns:1fr; gap:24px; }
  .insight-copy h3 { font-size:34px; }
}