/* Readable project detail below the existing animation, in ordinary document flow. */
body[data-project-key] .project-overview {
  width: calc(100% - 40px);
  max-width: 760px;
  margin: 40px auto 56px;
  color: #294f5f;
}
body[data-project-key] .project-overview section + section { margin-top: 28px; }
body[data-project-key] .project-overview h2 {
  color: #123b4d;
  font-size: clamp(20px, 2.2vw, 25px);
  line-height: 1.3;
  margin: 0 0 12px;
}
body[data-project-key] .project-overview p { font-size: 16px; line-height: 1.75; margin: 0; }
body[data-project-key] .project-overview p + p { margin-top: 12px; }
@media (max-width: 600px) {
  body[data-project-key] .project-overview { width: calc(100% - 32px); margin-top: 30px; margin-bottom: 40px; }
  body[data-project-key] .project-overview p { font-size: 15px; }
}