*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img, svg { max-width: 100%; display: block; }
a { color: inherit; }
.wrap { width: 100%; max-width: 720px; margin: 0 auto; padding: 0 20px; }
section { padding: 64px 0; }
h1, h2 { line-height: 1.25; letter-spacing: -0.01em; }
.muted { color: var(--ink-soft); }
@media (min-width: 768px) {
  body { font-size: 17px; }
  section { padding: 88px 0; }
}