.project-case .page-hero-media img {
  display: block;
  height: auto;
  aspect-ratio: 4 / 3;
}

.project-case .project-detail {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
}

.project-case .project-detail-copy h2 {
  margin-top: 0;
}

.project-case .project-detail-media .before-after {
  min-height: 0;
}

.project-case .project-case-product-link {
  color: #6b5100;
  font-weight: 700;
}

.project-case .cta-inner .actions {
  margin: 0;
}

@media (max-width: 960px) {
  .project-case .project-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}
