/* ========================================
   DHDS V2 — Features / Vitrine
   ======================================== */

.feat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 860px) {
  .feat-grid { grid-template-columns: 1fr; }
}

.feat {
  background: var(--charcoal);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 34px 28px;
  transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

/* V2 Enhancement — Hover effect */
.feat:hover {
  transform: translateY(-4px);
  border-color: var(--gold);
  box-shadow: 0 8px 32px rgba(198, 161, 91, 0.08);
}

.feat-icon {
  color: var(--gold);
  margin-bottom: 14px;
}

.feat .eyebrow {
  font-size: 11px;
}

.feat h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.feat p {
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.6;
}