/* Voices archive, Figma 114:289. Keep media and episode availability dynamic. */
.post-type-archive-clvl_voice .layout__body,
.voices-page {
  display: flex;
  flex-direction: column;
}

.voices-page,
.voices-library {
  flex: 1;
}

.voices-page__intro {
  padding-top: clamp(64px, 5vw, 128px);
  padding-bottom: clamp(40px, 3.90625vw, 100px);
}

.voices-page__heading {
  margin-bottom: clamp(32px, 2.34375vw, 60px);
}

.voices-page__heading .archive-heading__description {
  max-width: 849px;
}

.voices-page__intro--empty {
  padding-bottom: clamp(40px, 2.5vw, 64px);
}

.voices-page__intro--empty .voices-page__heading {
  margin-bottom: 0;
}

.voices-featured {
  align-items: start;
}

.voices-featured__media {
  align-self: start;
}

.voices-page .v2-kicker {
  font: 500 16px/28px var(--v2-font);
  color: #3335f1;
}

.voices-featured__content {
  padding-block: 14px 23px;
}

.voices-featured__title {
  margin-top: 16px;
}

.voices-featured__host + .voices-featured__button,
.voices-featured__excerpt + .voices-featured__button {
  margin-top: clamp(24px, 2.1875vw, 56px);
}

.voices-featured__button {
  height: auto;
  min-height: 49px;
  padding-block: 11px;
  font: 500 15px/27.2px var(--v2-font);
  background: #3335f1;
}

.voices-featured__date {
  margin-top: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, .5);
}

.voices-page__advertising {
  margin-top: clamp(40px, 3.90625vw, 100px);
}

.voices-library {
  padding-top: clamp(40px, 3.90625vw, 100px);
  padding-bottom: clamp(56px, 6.25vw, 160px);
}

.voices-library__head {
  margin-bottom: clamp(32px, 3.125vw, 80px);
}

.voices-library__head h2 {
  font: 500 clamp(32px, 3.125vw, 60px)/1.2 var(--v2-font);
  letter-spacing: -.0576em;
}

.voices-library--empty .voices-library__head {
  margin-bottom: 24px;
}

.voices-page .voice-card__meta {
  margin-top: 10px;
}

.voices-page .voice-card__meta time {
  font-weight: 500;
  color: rgba(0, 0, 0, .5);
}

.voices-page .voice-card__title {
  margin-top: 8px;
  margin-bottom: 6px;
}

@media (max-width: 1024px) {
  .voices-page__intro {
    padding-top: 40px;
  }

  .voices-featured__content {
    padding-block: 0;
  }

  .voices-featured__title,
  .voices-page .voice-card__title {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .voices-library__head {
    align-items: flex-start;
    flex-direction: column;
  }
}