.project-detail-title h1,
.project-intro h2 {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 600px) {
  .project-detail-title {
    right: auto;
    width: 342px;
    max-width: calc(100% - 48px);
  }

  .project-detail-title h1 {
    font-size: 38px;
    line-height: 1.08;
  }

  .project-intro h2 {
    max-width: 342px;
    font-size: 34px;
    line-height: 1.18;
  }

  .project-intro > div:nth-child(2),
  .project-intro dl,
  .project-gallery-head {
    width: 342px;
    max-width: 100%;
  }

  .project-brand-watermark,
  .gallery-watermark {
    right: auto;
    left: 50%;
  }
}