/**
 * CÍRCULO ORIGEM — Origem
 */

.page-hero h1 {
  max-width: 12ch;
  font-size: var(--fs-title);
}

.chapter-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  list-style: none;
  margin-top: 2rem;
  font-size: var(--fs-kicker);
  letter-spacing: var(--track-kicker);
  text-transform: uppercase;
}

.chapter-toc a {
  text-decoration: none;
  color: var(--text-muted);
}

.chapter-toc a:hover {
  color: var(--text);
}

.work-list {
  list-style: none;
  margin-top: 1.5rem;
}

.work-list li {
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
  font-size: 15px;
}

.work-list span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.chapter-grid--text {
  display: block;
  max-width: var(--measure);
}

.chapter-image--symbol img {
  aspect-ratio: 1;
  object-fit: contain;
}

.chapter-image--portrait img {
  aspect-ratio: 3 / 4;
  object-position: center 40%;
}

.material-still {
  margin: 0;
  padding: var(--space-chapter) 24px;
  border-top: 1px solid var(--border);
}

.material-still + .origin-chapter {
  border-top: 1px solid var(--border);
}

.material-still img {
  display: block;
  width: min(28rem, 100%);
  height: auto;
  margin-inline: auto;
}

.material-still figcaption {
  width: min(28rem, 100%);
  margin: 12px auto 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text-muted);
}