/* Three static testimonials; scoped to the homepage proof section. */
.ci-proof--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 64px;
}
.ci-proof--three > .ci-proof__col {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.ci-proof--three > .ci-proof__col + .ci-proof__col::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -32px;
  width: 1px;
  background: var(--line-ink);
}
.ci-proof--three .ci-proof__byline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 16px;
  /* One 15px name line and two 13px role/company lines. */
  min-height: calc(15px * 1.5 + 13px * 3);
  line-height: 1.5;
  margin-top: auto;
}
.ci-proof--three .ci-proof__byline > div {
  min-width: 0;
  flex: 0 1 auto;
}
.ci-proof--three .ci-proof__byline > img {
  flex: 0 0 auto;
  margin-left: auto;
  align-self: flex-end;
}
.ci-proof--three [data-customer="aparkado"] .ci-proof__byline > img {
  /* Match Massing's visible inset and the text's visible baseline. */
  margin-right: 7px;
  transform: translateY(-3px);
}
.ci-proof--three .ci-proof__company {
  display: block;
  white-space: nowrap;
}
.ci-proof--three .ci-proof__divider { display: none; }
@media (max-width: 1100px) {
  .ci-proof--three { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .ci-proof--three > .ci-proof__col + .ci-proof__col {
    padding-top: 40px;
    border-top: 1px solid var(--line-ink);
  }
  .ci-proof--three > .ci-proof__col + .ci-proof__col::before { display: none; }
  .ci-proof--three .ci-proof__byline { min-height: 0; }
}
