/* ============================================================
   INDUSTRIES OVERVIEW — industries.css
   ============================================================ */
.ind-grid-section { padding: var(--section-padding); background: var(--bg-light); }
.ind-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 40px;
}
.ind-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  transition: box-shadow .25s ease, transform .25s ease;
}
.ind-card:hover { box-shadow: 0 10px 28px rgba(0,0,0,0.12); transform: translateY(-3px); }
.ind-card__img { aspect-ratio: 3 / 2; overflow: hidden; background: #e9ecef; }
.ind-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.ind-card:hover .ind-card__img img { transform: scale(1.04); }
.ind-card__body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
.ind-card__eyebrow { font-size: 0.6rem; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--primary); }
.ind-card h3 { font-size: 1.3rem; font-weight: 300; margin: 6px 0 10px; color: var(--dark-grey); }
.ind-card p { font-size: 0.78rem; line-height: 1.6; color: var(--text-secondary); margin: 0 0 18px; flex: 1; }
.ind-card__more { display: inline-flex; align-items: center; gap: 8px; font-size: 0.7rem; font-weight: 700; color: var(--primary); }

@media (max-width: 1024px) {
  .ind-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ind-grid { grid-template-columns: minmax(0, 1fr); }
}