:root {
  --ink: #fff;
  --ground: #000;
  --muted: #9a9a9a;
  --hairline: #4d4d4d;
}
* { box-sizing: border-box; }
html { background: var(--ground); color: var(--ink); }
body {
  margin: 0 auto;
  max-width: 680px;
  padding: 72px 24px 96px;
  font: 300 17px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  background: var(--ground);
}
h1, h2, .serif { font-family: "New York", "Iowan Old Style", Georgia, serif; font-weight: 400; }
h1 { font-size: 56px; line-height: 1.05; margin: 32px 0 8px; }
h1 em { font-style: italic; }
h2 { font-size: 28px; margin: 56px 0 12px; padding-top: 24px; border-top: 1px solid var(--hairline); }
.label { font-size: 11px; letter-spacing: 0.26em; text-transform: uppercase; color: var(--muted); }
a { color: var(--ink); text-underline-offset: 3px; text-decoration-color: var(--hairline); }
p, li { color: #e6e6e6; }
ul { padding-left: 20px; }
img.icon { width: 96px; height: 96px; border-radius: 22px; }
footer { margin-top: 72px; padding-top: 24px; border-top: 1px solid var(--hairline); color: var(--muted); font-size: 13px; }
footer a { color: var(--muted); }