/* Case study detail page */

.case-study-page {
  padding-block-end: var(--d-20);
}

.case-study-page__hero {
  padding-block: var(--d-16) var(--d-10);
}

.case-study-page__hero-inner {
  display: flex;
  flex-direction: column;
  gap: var(--d-6);
  max-width: var(--width-display);
}

.case-study-page__title {
  margin: 0;
  max-width: var(--width-display);
}

.case-study-page__meta {
  margin: 0;
  color: var(--text-muted);
}

.case-study-page__media {
  margin-bottom: var(--d-16);
}

.case-study-page__image {
  width: 100%;
  max-height: 32rem;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.case-study-page__content {
  display: flex;
  flex-direction: column;
  gap: var(--d-10);
  max-width: 42rem;
}

.case-study-page__section {
  display: flex;
  flex-direction: column;
  gap: var(--d-4);
}

.case-study-page__section-title {
  margin: 0;
}

.case-study-page__quote {
  margin: 0;
  padding: var(--d-8);
  border-radius: var(--radius-lg);
  background: var(--color-grey-300);
}

.case-study-page__back {
  margin-bottom: var(--d-8);
}

.case-study-page__back-link {
  color: var(--text-muted);
  text-decoration: none;
}

.case-study-page__back-link:hover {
  color: var(--text);
}

.case-study-page__back-link:focus-visible {
  outline: 2px solid var(--brand-hover);
  outline-offset: 2px;
}