.author {
  grid-template-columns: minmax(180px, .62fr) minmax(220px, .72fr) minmax(300px, 1.25fr);
  align-items: center;
  gap: 46px;
}

.author-photo {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: #e9e1d8;
  box-shadow: 18px 18px 0 var(--orange);
}

.author-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.author-intro h2 { margin-bottom: 10px; }

.author-intro > p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
}

.author .author-bio {
  margin: 0;
  font-size: 19px;
  line-height: 1.68;
  color: var(--muted);
}

@media (max-width: 980px) {
  .author { grid-template-columns: minmax(160px, .6fr) 1fr; }
  .author .author-bio { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .author { grid-template-columns: 1fr; gap: 28px; }
  .author-photo { width: min(100%, 330px); box-shadow: 12px 12px 0 var(--orange); }
  .author .author-bio { grid-column: auto; font-size: 17px; }
}