html,
body {
  overflow-x: hidden;
}

.project-grid,
.project-card,
.project-card h3,
.project-card p,
.project-card dd {
  min-width: 0;
  max-width: 100%;
}

.project-card h3,
.project-card p,
.project-card dd {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 640px) {
  .project-card {
    padding: 26px 24px;
  }

  .project-card h3 {
    font-size: clamp(1.7rem, 10vw, 2.35rem);
    line-height: 1.08;
  }

  .project-top {
    gap: 12px;
  }

  .project-top span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}