.web-project-links { display: flex; flex-wrap: wrap; gap: 20px 32px; margin-top: 30px; }
.web-project-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 40px 0 0; padding-top: 26px; border-top: 1px solid var(--line); }
.web-project-facts dt { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: 1.3px; }
.web-project-facts dd { margin: 9px 0 0; font-size: 14px; font-weight: 600; line-height: 1.8; }
.web-project-caption { display: block; padding-block: 16px 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.web-project-page .case-prose p + h3 { margin-top: 24px; }
@media (max-width: 700px) {
  .web-project-facts { grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 30px; padding-top: 22px; }
  .web-project-facts > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: baseline; gap: 14px; }
  .web-project-facts dt { font-size: 10px; }
  .web-project-facts dd { margin: 0; font-size: 13px; }
  .web-project-caption { font-size: 11px; }
}