/* Context photography supports the work without reserving a full scroll scene. */
.project-index a { align-content: start; }
.project-index .project-evidence {
  margin-top: .7rem;
  color: var(--paper);
  font: .75rem/1.5 var(--font-data);
}
.projects-section :is(.project-mechanic, .project-coast) {
  min-height: 0;
  align-items: start;
  margin-top: 3rem;
  padding-top: 2.5rem;
}
.projects-section :is(.project-mechanic, .project-coast) .project-art {
  position: relative;
  top: auto;
  align-self: start;
  height: clamp(420px, 38vw, 560px);
  min-height: 0;
  max-height: none;
}
.projects-section :is(.project-mechanic, .project-coast) .project-detail {
  min-height: 0;
  padding-block: 1.2rem 0;
}
.project-contribution {
  margin: 1.4rem 0;
  padding-left: 1rem;
  border-left: 2px solid var(--signal);
}
.project-contribution dt { color: var(--signal); margin-bottom: .5rem; }
.project-contribution dd { margin: 0; font-size: .95rem; line-height: 1.65; max-width: 48ch; }
@media(max-width:760px) {
  .projects-section :is(.project-mechanic, .project-coast) .project-art {
    height: clamp(280px, 72vw, 360px);
  }
  .projects-section :is(.project-mechanic, .project-coast) .project-detail { padding: 0; }
}