.about .work-with {
  display: block;
  width: 100vw;
  margin: 64px 0 0 calc(50% - 50vw);
  padding: 84px max(24px, calc((100vw - 1180px) / 2));
}

.about .work-with > div:first-child {
  max-width: 850px;
  margin-bottom: 42px;
}

.about .work-with h3 {
  max-width: 700px;
  margin-bottom: 22px;
}

.about .work-with > div:first-child p {
  max-width: 650px;
  margin-bottom: 0;
}

.about .work-with .service-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.about .work-with .service {
  min-height: 290px;
  padding: 30px;
}

.about .work-with .service h4 {
  font-size: 27px;
}

.about .work-with .service p {
  font-size: 15px;
  line-height: 1.6;
}

/* Give listener reflections and the permanent RETURN quote distinct chapters. */
body .reviews {
  background: var(--paper);
}

body .belief {
  background: var(--ink);
  color: var(--bone);
}

body .belief .section-label {
  color: #d3aaa4;
}

body .belief em {
  color: #d8aaa3;
}

@media (max-width: 820px) {
  .about .work-with .service-grid.three {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .about .work-with {
    padding: 64px 24px;
  }

  .about .work-with .service-grid.three {
    grid-template-columns: 1fr;
  }

  .about .work-with .service {
    min-height: auto;
  }
}