/* ═══════════════════════════════════════════════════════════
   COLAB — proof.css
   Section 07 — PROOF
   Theme: .section--light (warm cream)
   ═══════════════════════════════════════════════════════════ */

.proof-grid {
  margin-top: var(--space-lg);
  display: grid;
  gap: var(--space-md);
}

@media (min-width: 1024px) {
  .proof-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* CARD */
.proof-card {
  padding: var(--space-md);
  transition:
    transform var(--t-base) var(--ease-out),
    box-shadow var(--t-base) var(--ease-out);
}

.proof-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 12px 40px rgba(26,16,8,0.12),
    0 0 20px rgba(249,115,22,0.2);
}

/* MEDIA */
.proof-media {
  width: 100%;
  height: 140px;
  margin-bottom: var(--space-md);
  background: rgba(0,0,0,0.04);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.proof-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proof-media.no-image {
  display: none;
}

/* METRICS */
.proof-metrics {
  margin-top: var(--space-lg);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  gap: var(--space-sm);
}

.metric-value {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 1.8rem;
  color: var(--orange);
  text-shadow: var(--glow-text);
}

.metric-label {
  display: block;
  margin-top: 4px;
  color: var(--light-muted);
  font-family: 'DM Mono', monospace;
  font-size: 0.75rem;
}

/* CTA */
.proof-cta {
  margin-top: var(--space-lg);
  text-align: center;
}

/* Section header for light sections */
.proof__headline {
  margin-top: var(--space-sm);
  color: var(--light-text);
}

.proof__body {
  margin-top: var(--space-sm);
  max-width: 52ch;
  color: var(--light-muted);
}