/* smart-contract-audits.css - page-specific overrides */

.hero .hero-headline em {
  color: var(--em-color);
  font-style: normal;
}

.section--surface .case-study-split {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 900px) {
  .section--surface .case-study-split {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.case-study-eyebrow {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 16px;
}

.case-study-title {
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.15;
  color: var(--fg);
  margin-bottom: 16px;
}

.case-study-title em {
  color: var(--em-color);
  font-style: normal;
}

.case-study-desc {
  color: var(--fg-2);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 28px;
  max-width: 56ch;
}

.case-study-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 460px;
}

.case-study-stat {
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  padding: 18px 20px;
  background: var(--bg-surface);
}

.case-study-stat-val {
  font-family: var(--font-mono);
  font-size: 28px;
  color: var(--lime);
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}

.case-study-stat-label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
}

.pipeline-grid-6 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

@media (max-width: 900px) {
  .pipeline-grid-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .pipeline-grid-6 {
    grid-template-columns: 1fr;
  }
}