/* ==========================================================================
   Page: Template index (index.html)
   ========================================================================== */

.index-page {
  max-width: 880px;
  padding-block: 64px;
}

.index-page__title {
  margin: 20px 0 16px;
  font: 300 72px/1 var(--font-serif);
  letter-spacing: var(--tracking-display);
}

.index-page__intro {
  max-width: 600px;
  font: 400 18px/1.55 var(--font-sans);
  color: var(--ink-2);
}

.index-page__intro code {
  font: 400 .9em var(--font-mono);
}

.index-page__heading {
  margin: 40px 0 12px;
  font: 400 28px/1.2 var(--font-serif);
}

.index-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--hairline-strong);
  font: 400 17px/1.4 var(--font-sans);
}

.index-list li {
  border-bottom: 1px solid var(--hairline);
}

.index-list a {
  display: block;
  padding: 14px 0;
}

.index-page__note {
  margin-top: 32px;
}