.author-card {
  background: var(--platinum);
  display: flex;
  flex-direction: column; /* default: mobile */
  align-items: flex-start;
  padding: 20px;
  gap: 20px;
  height: unset;
}

.author-card .media {
  flex-shrink: 0;
  border-radius: 20px 20px 0;
  overflow: hidden;
  align-self: center; /* center media on mobile */
}

@media (width >= 768px) {
  .author-card {
    flex-direction: row; /* tablet and up */
  }

  .author-card .media {
    align-self: flex-start; /* reset for desktop/tablet */
    max-width: 200px;
  }
}

.author-card .content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1 1 0%;
}

.author-card .eyebrow * {
  font: var(--font-16-24-gotham-book);
  font-weight: var(--font-weight-book);
  color: var(--off-black);
}

.author-card .title * {
  font: var(--font-20-28);
  color: var(--black);
  font-weight: var(--font-weight-medium);
}

.author-card .description *,
.author-card .subtitle *,
.author-card .posttext * {
  font: var(--font-16-24-gotham-book);
  font-weight: var(--font-weight-book);
  color: var(--off-black);
}

@media (width >= 768px) and (width <= 1199px) {
  .section.card-container.section-author-card-wrapper:not(.peek-carousel):has(.card-wrapper:nth-child(2)) {
    display: flex !important;
    flex-direction: column;
  }
}

@media (width >= 1199px) {
  .section-author-card-wrapper {
    max-width: 840px;
    box-sizing: content-box;
  }
}