/* Stadtgold's original artwork on sheets in the project detail layout. */
.dm-stadtgold-manual {
  display: grid;
  gap: var(--s3);
}
.dm-stadtgold-manual > h2 { margin-block-end: 0; }
.dm-stadtgold-sheet {
  width: min(100%, 1170px);
  min-width: 0;
  justify-self: center;
  background: #fff;
  color: var(--ink);
  padding: clamp(var(--s2), 4.4vw, var(--s8));
}
.dm-stadtgold-sheet > h3 {
  font-weight: 400;
  margin-block-end: clamp(var(--s3), 4.4vw, var(--s7, 56px));
}
.dm-stadtgold-sheet img {
  display: block;
  width: 100%;
  height: auto;
}
.dm-stadtgold-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(var(--s3), 4.4vw, var(--s8));
  align-items: start;
}
.dm-stadtgold-pair + .dm-stadtgold-pair {
  border-block-start: 1px solid #dedbd8;
  padding-block-start: var(--s4);
  margin-block-start: var(--s4);
}
.dm-stadtgold-figure figcaption { margin-block-start: var(--s1); }
.dm-stadtgold-pair--documents .dm-stadtgold-figure:first-child img { max-width: 300px; }
.dm-stadtgold-pair--stationery .dm-stadtgold-figure img { max-width: 285px; }
.dm-stadtgold-pair--documents .dm-stadtgold-figure:nth-child(2) img,
.dm-stadtgold-pair--stationery .dm-stadtgold-figure:nth-child(2) img {
  outline: 1px solid #dedbd8;
  outline-offset: -1px;
}
.dm-stadtgold-lockup {
  max-width: 640px;
  margin: 0 auto var(--s3);
}
.dm-stadtgold-sheet > .tb { max-width: 34em; }
.dm-stadtgold-sheet .dm-stadtgold-palette {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s2);
}
.dm-stadtgold-swatch {
  aspect-ratio: 2 / 1;
  background-color: var(--stadtgold-swatch);
  outline: 1px solid #17171725;
  outline-offset: -1px;
  margin-block-end: var(--s1);
}
.dm-stadtgold-palette .tl > span { display: block; }
.dm-stadtgold-sheet .dm-stadtgold-color-note { margin-block-start: var(--s2); }
.dm-stadtgold-pair--type h4 {
  margin: 0 0 var(--s1);
  font-weight: 400;
}
.dm-stadtgold-pair--type img { margin-block-start: var(--s2); }

@media (max-width: 768px) {
  .dm-stadtgold-pair { grid-template-columns: minmax(0, 1fr); }
  .dm-stadtgold-sheet .dm-stadtgold-palette { gap: var(--s1); }
  .dm-stadtgold-palette .tl { overflow-wrap: anywhere; }
}