.studio-project .project-hero-facts {
  position: absolute;
  top: clamp(26px, 3vw, 52px);
  right: max(32px, calc((100% - 1240px) / 2));
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 12px 28px;
  max-width: min(470px, 42vw);
  margin: 0;
  color: #fff;
  text-shadow: 0 1px 5px rgba(7, 19, 18, .6);
}
.studio-project .project-hero-facts div { min-width: 0; }
.studio-project .project-hero-facts dt { margin: 0 0 2px; color: #bce5dd; font-size: 11px; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; }
.studio-project .project-hero-facts dd { margin: 0; font-size: 14px; font-weight: 550; line-height: 1.4; }
@media (max-width: 800px) {
  .studio-project .project-hero-facts {
    top: 77px;
    left: 20px;
    right: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
    max-width: 350px;
  }
  .studio-project .project-hero-facts dt { font-size: 10px; }
  .studio-project .project-hero-facts dd { font-size: 12px; }
}