/* Home page layout. Shared pieces live in site.css. */

/* The landing sits in the middle of the viewport rather than at
   the top like a document. */
body {
  min-height: 100svh;
  display: flex;
  align-items: center;
}

/* The wordmark stacks its two lines. */
h1 span { display: block; }

.tagline {
  margin: 24px 0 0;
  max-width: 46ch;
  font-size: clamp(1.1875rem, 3.4vw, 1.5rem);
  line-height: 1.35;
  color: var(--ink-soft);
  text-wrap: balance;
}

.more {
  margin: 24px 0 0;
  font-size: 1rem;
}