/* Featured recruiter-facing case study */
.cases {
  grid-template-columns: repeat(2, 1fr);
}

.featured-case {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 46px;
  min-height: 0 !important;
  padding: 42px !important;
  background: #17212b !important;
  color: #fff;
  border-color: #17212b !important;
}

.featured-case h3 {
  font-size: clamp(31px, 4vw, 45px);
  margin-top: 14px;
}

.featured-case .number {
  color: #aeb8bf;
}

.case-intro > p:last-child {
  color: #c8ced2;
  font-size: 17px;
}

.case-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 26px;
}

.case-details > div {
  border-top: 1px solid #47515a;
  padding: 16px 0;
}

.case-details strong {
  color: #aeb8bf;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-details p {
  margin: 7px 0 0;
  color: #e0e4e6;
  font-size: 14px;
}

.case-details .case-outcome {
  grid-column: 1 / -1;
  border-top-color: #708089;
}

.case-outcome p {
  font-size: 16px;
}

.case-outcome b {
  color: #fff;
}

@media (max-width: 900px) {
  .featured-case {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media (max-width: 520px) {
  .featured-case {
    padding: 28px !important;
  }

  .case-details {
    grid-template-columns: 1fr;
  }

  .case-details .case-outcome {
    grid-column: auto;
  }
}