/* =========================================================
   INSIGHTS (like "Diary of a cloud expert")
   ========================================================= */
.h2{font-size:clamp(30px,3.15vw,44px);line-height:1.27;font-weight:400;letter-spacing:-.012em;color:var(--navy);margin:22px 0 22px;text-wrap:balance}
.h2 strong{font-weight:600}
.insights{background:#fff}
.insights-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}
.insights-head .h2{margin-bottom:6px}
.insights-head p{font-size:17px}
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);transition:box-shadow .2s,transform .2s}
.article:hover{box-shadow:0 18px 40px rgba(0,0,66,.1);transform:translateY(-3px)}
.article-art{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(120deg,var(--navy-deep),var(--purple))}
/*.article-art::before{content:"";position:absolute;width:44%;aspect-ratio:1;right:-4%;top:50%;transform:translateY(-50%);background:var(--mark-img) center/contain no-repeat;opacity:.92}*/

.article:nth-child(2) .article-art{background:linear-gradient(135deg,var(--purple),var(--teal))}
.article:nth-child(3) .article-art{background:linear-gradient(135deg,var(--navy),#2E2EA0)}
.article-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.topic{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);background:#ECECFA;padding:5px 12px;border-radius:20px}
.article h3{font-size:21px;line-height:1.3;font-weight:600;color:var(--navy)}
.article-meta{margin-top:auto;padding-top:14px;border-top:1px solid #EBEBF3;font-size:13.5px;color:var(--gray-text);display:flex;gap:10px;flex-wrap:wrap}
.article-meta strong{color:var(--navy);font-weight:600}
.insights .foot{margin-top:44px;display:flex;justify-content:center}
@media (max-width:860px){
    .insights-head{flex-direction:column;align-items:flex-start}
  .articles .article:nth-child(3){display:flex}
  .articles{grid-template-columns:1fr;gap:28px}
}
}