.at-credits {
  width: 85%;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .at-credits {
    column-width: auto;
    column-count: 2;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-rule-color: currentColor;
    column-gap: 5%;
  }
}

@media (min-width: 1024px) {
  .at-credits {
    column-count: 3;
  }
}

.at-credits__item {
  break-inside: avoid;
  margin-bottom: 1.9rem;
  font-size: 1.3rem;
  line-height: 1.9rem;
  text-align: center;
}

@media (min-width: 640px) {
  .at-credits__item {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin-bottom: 2.1rem;
  }
}

.at-credits__role {
  font-weight: 700;
}