.author-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-block-s);
}

.author-card__photo {
  
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.author-card__heading {
  
  display: flex;
  flex-direction: column;
  gap: var(--spacing-heading-h4);
}

.author-card__name {
  
  font: var(--type-heading-h4);

  
  color: var(--color-text-heading);
}

.author-card__bio {
  font: var(--type-text-caption-r);
}


.author-card__bio p + p {
  margin-block-start: var(--spacing-text-caption);
}


.author-card__quote {
  color: var(--color-text-heading);
}