.project-gallery .gallery-sheet.wide, .project-gallery .gallery-sheet-feature, .project-gallery .gallery-sheet-offset { grid-column: 1 / -1; }
.annotated-stage { position: relative; padding: 8% 20% 12%; }
.project-gallery .annotated-stage .image-sheet { width: 100%; }
.sketch-arrows { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; color: #edee67; }
.sketch-note { position: absolute; z-index: 3; color: #edee67; font-family: 'Segoe Print', 'Bradley Hand', 'Comic Sans MS', cursive; font-size: clamp(.8rem, 1.7vw, 1.35rem); font-weight: 400; line-height: 1.4; text-transform: none; letter-spacing: -.025em; }
.note-blinds { left: 1%; top: 23%; transform: rotate(-7deg); }
.note-concealed { right: 0; top: 16%; transform: rotate(5deg); }
.note-tiles { right: 0; top: 73%; transform: rotate(-4deg); }
.note-ac { left: 0; top: 67%; transform: rotate(-5deg); }
.note-glass { left: 0; top: 30%; transform: rotate(-6deg); }
.note-joinery { right: 0; top: 39%; transform: rotate(6deg); }
.note-lighting { left: 0; top: 5%; transform: rotate(-5deg); }
.note-door { right: 0; top: 35%; transform: rotate(5deg); }
.project-gallery .gallery-sheet figcaption { margin-left: 20%; }
.project-gallery .gallery-sheet::before { left: 20%; top: .4rem; }
.kitchen-notes { padding-top: 4%; padding-bottom: 8%; }
.project-gallery .gallery-grid { row-gap: 2rem; }
.project-gallery-head h2 { overflow-wrap: anywhere; }
@media(max-width:760px) {
  .annotated-stage { padding: 16% 8% 20%; }
  .sketch-arrows { display: none; }
  .sketch-note { font-size: clamp(.72rem, 2.5vw, 1rem); line-height: 1.35; }
  .note-blinds { left: 8%; top: 0; }
  .note-concealed { right: 8%; top: 0; }
  .note-ac { left: 8%; top: auto; bottom: 0; }
  .note-tiles { right: 8%; top: auto; bottom: 0; }
  .note-glass { left: 8%; top: 0; }
  .note-joinery { right: 8%; top: auto; bottom: 0; }
  .note-lighting { left: 8%; top: 0; }
  .note-door { right: 8%; top: auto; bottom: 0; }
  .kitchen-notes { padding-top: 15%; padding-bottom: 15%; }
  .dining-notes { padding-top: 14%; padding-bottom: 15%; }
  .project-gallery .gallery-sheet figcaption { margin-left: 8%; margin-top: 1.5rem; }
  .project-gallery .gallery-sheet::before { left: 0; top: 16%; }
}
.mobile-arrows { display: none; } @media(max-width:760px) { .sketch-arrows { display: none; } .sketch-arrows.mobile-arrows { display: block; } }