.service-list {
  background: var(--paper);
}

.service-list .service-grid {
  gap: 45px;
}

.process-detail {
  background: var(--cream);
}

.flow {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 0 80px;
}

.flow article {
  display: grid;
  grid-template-columns: 80px 1fr;
  padding: 35px 0;
  border-top: 1px solid var(--line);
}

.flow b {
  font: 34px var(--serif);
  color: var(--sand);
}

.flow h3 {
  font-size: 20px;
  margin: 0;
}

.flow p {
  color: #68716e;
  margin: 8px 0;
}

@media(max-width:720px) {
  .flow {
    grid-template-columns: 1fr;
  }

  .flow article {
    grid-template-columns: 55px 1fr;
  }
}