:root {
  --theme: 242, 232, 201;
  --ink: 18, 18, 18;
}

.thoughts-site .signal__heading {
  animation: heading-open 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.thoughts-site .signal__body {
  display: block;
  animation: detail-enter 460ms 120ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.thoughts-site .article-meta {
  margin-bottom: 0.35em;
  color: rgba(var(--ink), 0.58);
  font-size: 0.72em;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.thoughts-index .article-entry {
  margin-top: 1.15em;
}

.thoughts-index .article-entry .signal__body {
  margin-top: 0.5em;
}

.article-page {
  overflow-y: auto;
}

.article-page .page {
  padding-bottom: 6.5em;
}

.article-page .page::before,
.article-page .page::after {
  height: 4.5em;
  min-height: 0;
}

.article-page .signal__body {
  display: block;
  max-width: 48ch;
  animation: detail-enter 460ms 120ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.article-copy {
  color: rgb(var(--ink));
  font-weight: 400;
  letter-spacing: -0.012em;
  line-height: 1.62;
}

.article-copy p {
  max-width: 47ch;
  margin: 0 0 1.35em;
}

.article-copy .article-deck {
  max-width: 36ch;
  margin-bottom: 1.7em;
  font-size: 1.2em;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.3;
}

.article-copy h2 {
  max-width: 32ch;
  margin: 2.3em 0 0.7em;
  font-size: 1.2em;
  letter-spacing: -0.035em;
  line-height: 1.15;
}

.article-copy blockquote {
  max-width: 42ch;
  margin: 2em 0;
  padding-left: 1em;
  border-left: 0.12em solid rgb(var(--ink));
  font-size: 1.08em;
  font-weight: 800;
}

@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .article-page .signal__body {
    font-size: 0.66em;
  }
}