/* stats.css */

.stats-grid {
  display: grid;
  /* minmax(0,1fr) вместо 1fr: иначе колонка не сжимается ниже min-content
     своего содержимого (число .stat-value 64px не переносится) и сетка
     вылезает за экран. */
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 64px 0;
  border: var(--edge-border-w) solid var(--edge-border-color);
  border-radius: var(--edge-radius);
  overflow: hidden;
  background: var(--ink-950);
  color: var(--white);
}
@media (max-width: 900px) { .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .stats-grid { grid-template-columns: minmax(0, 1fr); } }

.stat-card {
  padding: 36px 28px;
  border-right: 1px solid rgba(255,255,255,0.10);
}
.stat-card:last-child { border-right: none; }
/* На одной колонке вертикальные разделители заменяем горизонтальными */
@media (max-width: 560px) {
  .stat-card {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.10);
  }
  .stat-card:last-child { border-bottom: none; }
}

.stat-value {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(48px, 13vw, 64px);
  font-stretch: 84%;
  letter-spacing: -0.05em;
  line-height: 0.92;
  margin-bottom: 18px;
  color: var(--lime);
}
.stat-label {
  font-size: 14px;
  line-height: 1.45;
  color: var(--ink-300);
  margin-bottom: 14px;
}
.stat-delta {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--ink-500);
  padding-top: 12px;
  border-top: 1px dashed rgba(255,255,255,0.15);
  letter-spacing: 0.02em;
}

/* Cases */
.cases-strip {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 800px) { .cases-strip { grid-template-columns: 1fr; } }

.case-card {
  background: var(--white);
  border: var(--edge-border-w) solid var(--edge-border-color);
  border-radius: var(--edge-radius);
  padding: 36px;
  position: relative;
  overflow: hidden;
}
.case-card::before {
  content: '';
  position: absolute;
  top: -40px; right: -40px;
  width: 120px; height: 120px;
  background: var(--lime);
  border-radius: 50%;
  opacity: 0.6;
  filter: blur(40px);
}
.case-meta {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--ink-600);
  margin-bottom: 22px;
  letter-spacing: 0.04em;
  position: relative;
}
.case-badge {
  font-family: var(--font-mono);
  font-size: 10px;
  background: var(--ink-950);
  color: var(--lime);
  padding: 4px 9px;
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.case-quote {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
  font-stretch: 92%;
  line-height: 1.3;
  letter-spacing: -0.028em;
  color: var(--ink-950);
  margin: 0 0 28px 0;
  position: relative;
}
.case-quote::before { content: '«'; color: var(--ink-400); margin-right: 2px; }
.case-quote::after  { content: '»'; color: var(--ink-400); margin-left: 2px; }

.case-author { display: flex; align-items: center; gap: 12px; position: relative; }
.case-ava {
  width: 40px; height: 40px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-mono);
  font-size: 13px; font-weight: 600;
  border: 1.5px solid var(--ink-950);
  color: var(--ink-950);
}
.case-author strong {
  font-family: var(--font-body);
  font-size: 14px; font-weight: 600;
  color: var(--ink-950);
  display: block;
}
.case-author em { font-style: normal; font-size: 12px; color: var(--ink-500); }