/* home */

.hero {
  padding: 32px 0 18px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 36px;
}
.hero h1 {
  font-family: var(--font-display);
  line-height: 1.05;
  max-width: 18ch;
}
.hero p {
  color: var(--text-dim);
  margin: 14px 0 0;
  max-width: 56ch;
}

.row { margin-top: 40px; }
.row-head {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 16px;
}
.row-head h2 {
  font-family: var(--font-display);
  font-style: italic;
}
.more {
  font-size: .85rem;
  color: var(--text-dim);
}
.more:hover { color: var(--accent); }