.journalist-page .archive-header .brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  line-height: 1;
  text-transform: uppercase;
}

.journalist-page .archive-header .brand strong {
  font: 700 19px/1 var(--sans);
  letter-spacing: .08em;
}

.journalist-page .archive-header .brand small {
  margin-top: 7px;
  color: #4f6380;
  font: 500 8px/1 var(--sans);
  letter-spacing: .13em;
}

.interview-index-hero h1 {
  max-width: 100%;
  letter-spacing: .04em;
  text-wrap: wrap;
}

.interview-index-hero h1 > span {
  white-space: nowrap;
}

.interview-index-hero .interview-index-lead {
  max-width: none;
  text-wrap: pretty;
}

.interview-index-lead > span { display: block; }

.interview-article-heading {
  text-wrap: wrap;
}

.interview-article-heading > span { display: block; }

.interview-thumbnail-grid {
  align-items: stretch;
}

.interview-thumbnail-card {
  align-content: start;
  grid-template-rows: 220px 1.25rem 1.6rem minmax(6.5rem, auto) auto;
  gap: 13px;
}

.interview-thumbnail-card .interview-thumb {
  min-height: 0;
  height: 220px;
  margin-bottom: 0;
}

.interview-thumbnail-card time {
  align-self: center;
  line-height: 1.25rem;
}

.interview-thumbnail-card .article-category {
  align-self: center;
  line-height: 1.2;
}

.interview-thumbnail-card h2 {
  align-self: start;
  min-width: 0;
  text-wrap: balance;
}

.interview-thumbnail-card > p:last-child {
  align-self: start;
  text-wrap: pretty;
}

@media (max-width: 600px) {
  .journalist-page .archive-header .brand strong { font-size: 16px; }

  .interview-index-lead > span { display: inline; }
  .interview-article-heading > span { display: inline; }

  .interview-thumbnail-card {
    grid-template-rows: 170px auto auto auto auto;
  }

  .interview-thumbnail-card .interview-thumb {
    height: 170px;
  }
}