/* Minimalist homepage: about lede + work experience list. */

.about-card {
  margin: 40px 0;
}

.about-card__heading {
  margin: 0 0 12px;
  color: var(--accent);
  text-transform: lowercase;
}

.about-card__heading::before {
  content: "# ";
  opacity: 0.6;
}

/* Reads as a lede: a touch larger and airier than the rest of the page. */
.about-card__body {
  font-size: calc(var(--font-size) * 1.1);
  line-height: 1.7;
}

.about-card__body > :first-child { margin-top: 0; }
.about-card__body > :last-child { margin-bottom: 0; }

.experience,
.education {
  margin: 48px 0;
}

.experience__heading,
.education__heading {
  margin: 0 0 24px;
  color: var(--accent);
  text-transform: lowercase;
}

.experience__heading::before,
.education__heading::before {
  content: "# ";
  opacity: 0.6;
}

.experience__list,
.education__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.experience__item + .experience__item,
.education__item + .education__item {
  margin-top: 28px;
}

.experience__role,
.education__degree {
  font-weight: bold;
}

.experience__at,
.education__at {
  opacity: 0.5;
  margin: 0 4px;
}

.experience__period,
.education__period {
  margin-top: 2px;
  font-size: calc(var(--font-size) * 0.85);
  opacity: 0.6;
}

.experience__summary,
.education__summary {
  margin-top: 8px;
}

.experience__summary > :first-child,
.education__summary > :first-child { margin-top: 0; }
.experience__summary > :last-child,
.education__summary > :last-child { margin-bottom: 0; }

.posts__heading {
  margin: 48px 0 24px;
  color: var(--accent);
  text-transform: lowercase;
}

.posts__heading::before {
  content: "# ";
  opacity: 0.6;
}