/* Local brochure preview: keep project names and areas legible in both editions. */
.project-grid .project { gap: 14px; }
.project-grid .project-name { flex: 1 1 auto; min-width: 0; }
.project-grid .project-area {
  flex: 0 0 auto;
  margin-left: auto;
  color: #547851;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  white-space: nowrap;
}
.project-grid .project > i { margin-left: 0; }
@media (max-width: 760px) {
  .project-grid .project { gap: 11px; }
  .project-grid .project-area { font-size: 13px; }
}