.blockquotes {
  display: grid;
  margin-left: var(--space-medium);
  margin-right: var(--space-medium);
  position: relative;
}

.blockquotes section {
  column-gap: var(--space-large);
  column-width: 10.5em;
  margin-top: calc(-1 * var(--space-large));
}

.blockquotes section blockquote {
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-medium);
  margin-top: var(--space-large);
  width: 100%;
}

.blockquotes section blockquote q {
  font-size: var(--font-size-xxx-small);
  letter-spacing: var(--letter-spacing);
  margin-bottom: -0.3125em;
  margin-top: -0.5625em;
}

.blockquotes section blockquote cite {
  font-size: var(--font-size-xxxx-small);
  font-style: italic;
  font-weight: 600;
  letter-spacing: var(--letter-spacing);
  line-height: 1.2;
  margin-bottom: -0.25em;
  margin-top: -0.425em;
}



@media(min-width: 64em) {

  .blockquotes {
    margin-left: var(--space-neutral);
    margin-right: var(--space-neutral);
  }

}