.next-project {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  background: #1c1a19;
  padding-top: calc(12.62rem - max(3rem, 100px - 3.75rem));
  overflow: hidden;
}
.next-project-container {
  max-width: 106.25rem;
  width: 100%;
  margin: 0 auto -0.7rem auto;
  min-height: 17.5rem;
}
.next-project-container h2 {
  color: #f6f5f3;
  font-size: 9.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 8.75rem;
  white-space: pre-line;
  text-transform: capitalize;
  margin: 0;
}

@media (max-width: 991px) {
  .next-project {
    padding: 4rem 1.25rem 2rem;
  }
  .next-project-container {
    min-height: 0;
    margin: 0 auto;
  }
  .next-project-container h2 {
    font-size: clamp(2.25rem, 7vw, 4.5rem);
    line-height: 1.1;
    overflow-wrap: anywhere;
    white-space: normal;
    text-wrap: balance;
  }
  .next-project-container h2 br {
    display: none;
  }
}