.case-studies {
  max-width: 1080px;
  color: var(--fg-2);
  line-height: 1.6;
}
.case-studies h1 {
  margin: 18px 0;
  font-size: clamp(42px, 7vw, 92px);
  line-height: 1;
  color: var(--fg-1);
  text-wrap: balance;
}
.case-intro {
  max-width: 70ch;
  margin-bottom: clamp(28px, 5vw, 56px);
  font-size: clamp(16px, 2vw, 20px);
}
.case-study {
  margin-bottom: 18px;
  padding: clamp(18px, 3.5vw, 40px);
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 16px;
  scroll-margin-top: 100px;
}
.case-studies h2 {
  color: var(--fg-1);
  line-height: 1.2;
  margin: 8px 0 14px;
}
.case-metrics {
  list-style: none;
  padding: 0;
  margin: 18px 0 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr));
  gap: 12px;
}
.case-metrics li {
  border-top: 1px solid var(--line-bright);
  padding-top: 10px;
  font-size: 14px;
}
.case-metrics strong {
  display: block;
  font: 600 clamp(19px, 3vw, 28px) var(--mono-font);
  color: var(--y);
}
.case-formats {
  margin-bottom: 12px;
}
.case-panel, .case-method, .case-related {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.case-panel h3 {
  color: var(--fg-1);
  margin-bottom: 4px;
}
.case-panel p + p, .case-method p + p {
  margin-top: 8px;
}
.case-related a {
  color: var(--y);
  text-decoration: underline;
}
.case-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}