.project-highlights { background: #f5f3ee; }

.project-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 55px;
  border-top: 1px solid rgba(17, 24, 32, .14);
  border-left: 1px solid rgba(17, 24, 32, .14);
}

.project-highlight-grid article {
  min-height: 280px;
  padding: 40px 30px;
  border-right: 1px solid rgba(17, 24, 32, .14);
  border-bottom: 1px solid rgba(17, 24, 32, .14);
}

.project-highlight-grid article > span { color: #b39261; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.project-highlight-grid h3 { margin: 35px 0 15px; font: 600 25px 'Playfair Display', serif; }
.project-highlight-grid p, .growth-copy p { color: #667078; font-size: 13px; line-height: 1.85; }

.growth-story { background: #111820; color: #fff; }
.growth-story .section-label { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.15); }
.growth-layout { display: grid; grid-template-columns: 1fr .9fr; gap: 10vw; margin-top: 70px; }
.growth-layout h2 { margin-top: 20px; }
.growth-copy p { color: rgba(255,255,255,.68); }
.growth-copy em { color: #d9c09a; }

@media (max-width: 960px) {
  .project-highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .growth-layout { grid-template-columns: 1fr; gap: 25px; }
}

@media (max-width: 560px) {
  .project-highlight-grid { grid-template-columns: 1fr; }
  .project-highlight-grid article { min-height: auto; }
}