/* ============================================
   insights.css — Hair Knowledge & Insights
   ============================================ */
.insights{background: var(--ivory);}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top: clamp(30px, 2.60vw, 50px);}
.article{background:#fff;transition:transform .45s ease,box-shadow .45s ease}
.article .thumb{height:270px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.article-copy{padding:28px}
.article-copy p{font-size:14px}

/* 悬浮动效 */
@media(min-width:992px){
.article:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(59,42,28,.11)}
.article:hover .thumb{transform:scale(1.04)}
}

@media(max-width:991px){
  .insights-grid{grid-template-columns:1fr 1fr;gap: 15px;}
  .article-copy {padding: 25px;}
}

@media(max-width:576px){
  .insights-grid{grid-template-columns:1fr;gap: 10px;}
  .article-copy {padding: 20px 15px;}
}