.author-hero {
  background-color: var(--surface-muted, #F8F9FA);
  padding: 2rem 0;
}

.author-hero__content {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.author-hero__avatar-img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 2px solid var(--ica-teal, #17968c);
}

.author-hero__name {
  font-family: "ivypresto-display", sans-serif;
  color: var(--ica-green-deep, #1E312F);
  font-style: italic;
  margin: 0;
}

.author-hero__count {
  margin: 0.25rem 0 0 0;
  color: var(--ica-green-deep, #1E312F);
  font-family: 'Termina', sans-serif;
}