/* The long-form story inside the hero card. Body copy and the drop cap keep
   the captured styles; these are the three lines set apart from it in the
   serif, and the break between the anecdote and the argument. The id in each
   selector is there to outrank the column's own paragraph spacing. */
#manifesto .manifesto-quote,
#manifesto .manifesto-turn,
#manifesto .manifesto-close {
  color: var(--ink);
  font-family: var(--font-family-editorial);
  font-weight: 400;
  letter-spacing: -.015em;
  text-wrap: balance;
}

/* the question the story turns on; its opening mark hangs in the margin */
#manifesto .manifesto-quote { margin-top: 44px; font-size: clamp(26px, 2.5vw, 30px); line-height: 1.2; text-indent: -.42em; }
#manifesto .manifesto-quote + p { margin-top: 40px; }

#manifesto .manifesto-turn { margin-top: 40px; font-size: clamp(22px, 2vw, 25px); line-height: 1.3; }

#manifesto .manifesto-rule { width: 64px; margin: 52px 0; color: var(--site-faint); }
#manifesto .manifesto-rule + p { margin-top: 0; }

/* one sentence per line; 30px is the largest size at which the second
   sentence still fits the column, so both set-apart sizes stop there */
#manifesto .manifesto-close { margin-top: 48px; font-size: clamp(26px, 2.5vw, 30px); line-height: 1.25; }
#manifesto .manifesto-close span { display: block; }
@media (min-width: 1024px) {
  #manifesto .manifesto-close span { white-space: nowrap; }
}
#manifesto .manifesto-close em { color: var(--flech-accent-deep); font-style: normal; }