/* Manifesto paragraph: words turn from grey to black as you scroll. */
.manifesto { padding: var(--section) 0; }

.manifesto p {
  margin: 0 auto;
  max-width: 21em;
  text-align: center;
  font-size: clamp(1.6rem, 1rem + 2.2vw, 2.7rem);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.035em;
}

.manifesto .w { color: #d2d2d6; transition: color 300ms ease; }
.manifesto .w.is-on { color: var(--color-ink); }

.ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: -0.08em;
  width: 1.05em;
  height: 0.85em;
  margin: 0 0.1em;
  border-radius: 0.22em;
}

.ico svg { width: 0.5em; height: 0.5em; }
.ico-holo { background: var(--holo); }
.ico-dark { background: var(--color-ink); color: var(--color-lime); }
.ico-blue { background: var(--color-danube); color: #fff; }

@media (max-width: 760px) {
  .manifesto { padding: 4rem 0; }
}