.portfolio-project__content .investment-cabinet-case h2 {
  font-size: var(--font-size-title);
}

.portfolio-project__content .investment-cabinet-case h3 {
  font-size: var(--font-size-subheading);
}

.portfolio-project__content .investment-cabinet-case .portfolio-article-grid + p {
  margin-top: clamp(28px, 3vw, 40px);
}

.investment-cabinet-case .portfolio-site-shot {
  margin-top: 28px;
}

.investment-cabinet-case .portfolio-site-shot img {
  max-height: none;
  object-fit: contain;
  background: #f5f6f7;
}

.investment-cabinet-case .portfolio-site-shot figcaption {
  min-height: 0;
  border-bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  color: #d8d8d4;
  font: 400 14px/1.5 Inter, Arial, sans-serif;
}

@media (max-width: 600px) {
  .portfolio-project-page:has(.investment-cabinet-case) .portfolio-project__header h1 {
    overflow-wrap: anywhere;
  }

  .portfolio-project__content .investment-cabinet-case h2 {
    font-size: var(--font-size-title);
  }

  .portfolio-project__content .investment-cabinet-case h3 {
    font-size: var(--font-size-subheading);
  }
}

/* Illustrated narrative, scoped to the investment portal case. */
.investment-cabinet-case .investment-story {
  display: grid;
  gap: var(--portfolio-article-section-space);
}

.investment-cabinet-case .investment-story__section {
  display: grid;
  gap: 32px;
  min-width: 0;
  padding: var(--portfolio-article-step-space);
  border-radius: 20px;
  background: rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: saturate(150%) blur(16px);
  backdrop-filter: saturate(150%) blur(16px);
}

.investment-cabinet-case .investment-story__copy {
  min-width: 0;
  max-width: 760px;
}

.portfolio-project__content .investment-cabinet-case .investment-story__copy h2 {
  margin: 0 0 24px;
  color: #fff;
  font: 700 var(--font-size-card)/var(--line-height-card) var(--font-heading);
  letter-spacing: -.7px;
}

.portfolio-project__content .investment-cabinet-case .investment-story__copy p {
  max-width: none;
  margin: 0 0 24px;
}

.portfolio-project__content .investment-cabinet-case .investment-story__copy > :last-child {
  margin-bottom: 0;
}

.investment-cabinet-case .investment-story__media {
  min-width: 0;
}

.investment-cabinet-case .investment-story .portfolio-project__media {
  margin: 0;
}

.investment-cabinet-case .investment-story .portfolio-project__media {
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  padding: 0;
  background: transparent;
}

.investment-cabinet-case .investment-story .portfolio-project__media img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}

.investment-cabinet-case .investment-story .portfolio-project__media figcaption {
  display: block;
  min-height: 0;
  padding: 14px 16px;
  color: #fff;
  background: rgba(0, 0, 0, .25);
  font: 400 14px/20px var(--font-ui);
}

@media (max-width: 820px) {
  .investment-cabinet-case .investment-story {
    gap: 48px;
  }

  .investment-cabinet-case .investment-story__section {
    gap: 24px;
    padding: 24px;
    border-radius: 16px;
  }
}