/* ==========================================================================
   SECTION 5 — EXPERTISE
   Light section. Grid of modern icon cards.
   ========================================================================== */

.expertise__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-8);
}

.exp-card {
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: transform var(--dur) var(--ease-out),
              border-color var(--dur) var(--ease-out),
              box-shadow var(--dur) var(--ease-out);
}
.exp-card:hover {
  transform: translateY(-4px);
  border-color: rgba(197, 157, 95, 0.45);
  box-shadow: var(--elev-2);
}
.exp-card h4 {
  font-size: 1.0625rem;
  line-height: 1.3;
  margin-bottom: var(--space-2);
}
.exp-card p {
  font-size: var(--fs-body-sm);
  color: var(--fg-muted);
  line-height: var(--lh-snug);
}