/* Featured project card: maps the actual archive markup to the approved case-study scale. */
body.post-type-archive-case .case-featured-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 23px 24px 16px 31px;
}

body.post-type-archive-case .case-featured-copy .case-eyebrow {
  margin: 0 0 8px;
  color: var(--c-brand);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: .02em;
}

body.post-type-archive-case .case-featured-copy h2 {
  max-width: 700px;
  margin: 0 0 8px;
  color: #1c2635;
  font-size: var(--font-size-lead);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  letter-spacing: 0;
}

body.post-type-archive-case .case-featured-copy > p:not(.case-eyebrow) {
  max-width: 740px;
  margin: 0 0 11px;
  color: #6f7c8f;
  font-size: var(--font-size-caption);
  line-height: var(--line-height-copy);
}

body.post-type-archive-case .case-featured-results {
  display: flex;
  align-items: stretch;
  margin: 0 0 12px;
}

body.post-type-archive-case .case-featured-results > span {
  min-width: 112px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: 18px;
  color: #7a828e;
  font-size: var(--font-size-micro);
  line-height: var(--line-height-tight);
  white-space: normal;
  overflow-wrap: anywhere;
}

body.post-type-archive-case .case-featured-results > span + span {
  padding-left: 25px;
  border-left: 1px solid #e5e8eb;
}

body.post-type-archive-case .case-featured-results b {
  display: block;
  color: var(--c-brand);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
}

body.post-type-archive-case .case-featured-copy > .case-button {
  align-self: flex-start;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  color: #fff;
  background: var(--c-brand);
  border-radius: 5px;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-display);
  text-decoration: none;
}

body.post-type-archive-case .case-featured-copy > .case-button svg {
  width: 15px;
  height: 15px;
}

@media (max-width: 760px) {
  body.post-type-archive-case .case-featured-copy { padding: 18px; }
  body.post-type-archive-case .case-featured-copy h2 { font-size: var(--font-size-lead); }
  body.post-type-archive-case .case-featured-results { gap: 9px; flex-wrap: wrap; }
  body.post-type-archive-case .case-featured-results > span,
  body.post-type-archive-case .case-featured-results > span + span { min-width: 0; padding: 0; border: 0; white-space: normal; }
}