nav { font-family: monospace; font-size: 0.85em; padding: 12px 20px; }
nav a { color: inherit; text-decoration: none; }
nav a:hover { text-decoration: underline; }

body { margin: 0; font-family: monospace; background: white; }

.hero {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85em;
  color: #aaa;
}

.section {
  padding: 60px 40px;
  min-height: 60vh;
  max-width: 700px;
  margin: 0 auto;
}

.spacer { height: 80vh; }

.label {
  font-size: 0.75em;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 24px;
}

.draw-svg {
  width: 100%;
  height: auto;
  display: block;
}

.draw-path {
  fill: none;
  stroke: #222;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.draw-path--thin { stroke-width: 1.5; }
.draw-path--thick { stroke-width: 3; }