.author-hero {
  display: grid;
  grid-template-columns: 7rem 1fr;
  gap: 1.2rem;
  margin-bottom: 1.5rem;
}

.author-hero img,
.author-mark {
  width: 7rem;
  height: 7rem;
  object-fit: cover;
  background: var(--primary);
  color: #fff;
  display: grid;
  place-items: center;
  font-family: var(--font-sans);
  font-size: 1.4rem;
  font-weight: 800;
}