.pagePretitle {
  color: var(--color-text);
}

.pageMainImage {
  margin-block-start: var(--space-8-9);
  margin-block-end: var(--space-7);
  background-color: var(--color-furniture);
  line-height: 0;
}
.pageMainImage img {
  margin-block: calc(0px - var(--space-6));
}

.pageSwatchList {
  margin-block-end: var(--space-6-7);
}

.pageSwatch {
  display: grid;
  gap: var(--space-2);
  grid-template-columns: 4rem 1fr;
}
.pageSwatch__preview {
  aspect-ratio: 1;
  background-color: var(--color);
  border: var(--border-hairline) solid var(--color-text);
  box-shadow: inset 0 0 0 var(--border-regular) var(--color-canvas);
  forced-color-adjust: none;
}

.pageRule {
  max-inline-size: var(--grid-max-width);
  margin-block: var(--space-7-8);
  margin-inline: auto;
  transform: rotate(2deg);
  clear: both;
}
.pageRule:nth-of-type(2n) {
  transform: rotate(-1.5deg);
}
.pageRule:nth-of-type(3n) {
  transform: rotate(1.5deg);
}
.pageRule:nth-of-type(5n) {
  transform: rotate(-2deg);
}

.pageColumns {
  column-width: 30ch;
  column-gap: var(--grid-gutter);
  column-fill: balance;
}

.pageFigure {
  padding-block-start: var(--space-2);
}

.pageColumns .kimFigure {
  break-inside: avoid;
}