/* Keep the project identifier under the return link. */
.project-detail-top { grid-template-columns: 1fr; gap: 3rem; }
.project-detail-top .issue { grid-column: 1; justify-self: start; }
.project-title-row h1 { grid-column: 1 / -1; font-size: clamp(3rem, 7.4vw, 9rem); line-height: .95; }

/* Anchor each caption immediately beneath the left edge of its photo sheet. */
.project-gallery .gallery-sheet figcaption { position: relative; margin: -10% 0 0 20%; }
.project-gallery .gallery-sheet:has(.kitchen-notes) figcaption { margin-top: -6%; }

/* Notes sit at the beginning of the existing sketch strokes. */
@media (min-width: 761px) {
  .sketch-note { font-size: clamp(.8rem, 1.55vw, 1.3rem); }
  .note-blinds { left: 0; top: 25%; }
  .note-ac { left: 0; top: 55%; }
  .note-concealed { right: 0; top: 18%; }
  .note-tiles { right: 0; top: 72%; }
  .note-lighting { left: 0; top: 5%; }
  .note-door { right: 0; top: 33%; }
  .note-glass { left: 0; top: 25%; }
  .note-joinery { right: 0; top: 40%; }
}
@media (max-width: 760px) {
  .project-detail-top { gap: 2rem; }
  .project-title-row h1 { font-size: clamp(2.7rem, 10.5vw, 5rem); }
  .project-gallery .gallery-sheet figcaption { margin: -18% 0 0 8%; }
  .project-gallery .gallery-sheet:has(.kitchen-notes) figcaption,
  .project-gallery .gallery-sheet:has(.dining-notes) figcaption { margin-top: -13%; }
  .living-notes .note-blinds, .living-notes .note-concealed { top: 4%; }
  .living-notes .note-ac, .living-notes .note-tiles { bottom: 4%; }
  .kitchen-notes .note-glass { top: 3%; }
  .kitchen-notes .note-joinery { bottom: 3%; }
  .dining-notes .note-lighting { top: 3%; }
  .dining-notes .note-door { bottom: 3%; }
}