/* Keep the project overview strip consistent across all five case studies. */
.project-facts,
.facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  align-items:start;
  border-top:1px solid var(--line,var(--rule));
  border-bottom:1px solid var(--line,var(--rule));
  padding:28px 0 34px;
  margin-top:0;
  margin-bottom:0;
}
.project-facts>div,
.facts>div{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:9px;
  min-width:0;
  padding:0;
  border:0;
}
.project-facts span,
.facts span,
.facts dt{
  color:inherit;
  font:600 20px/1.4 OverusedGrotesk,Arial,sans-serif;
  letter-spacing:0;
  margin:0;
}
.project-facts strong,
.facts strong,
.facts dd{
  color:inherit;
  font:300 20px/1.4 OverusedGrotesk,Arial,sans-serif;
  letter-spacing:.01em;
  margin:0;
}
@media(max-width:700px){
  .project-facts,.facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .project-facts span,.facts span,.facts dt{font-size:16px}
  .project-facts strong,.facts strong,.facts dd{font-size:20px}
}