:root {
  --bg: #141612;
  --panel: #1b1d16;
  --panel-2: #21231a;
  --line: rgba(201, 182, 110, 0.16);
  --text: #f2ecdd;
  --muted: #b3ac8e;
  --accent: #a85f38;
  --accent-soft: rgba(168, 95, 56, 0.16);
  --copper: #8a4c30;
  --sand: #c9b66e;
  --olive: #96916c;
  --earth: #4a2e1e;
  --shadow: #201a14;
  --font-heading: "Barlow", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "IBM Plex Mono", "Space Mono", "Courier New", monospace;
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
}
.container { width: min(1180px, 92vw); margin: 0 auto; }

main section { padding: clamp(3.5rem, 8vw, 6.5rem) 0; }

h2 {
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: clamp(1.7rem, 3.4vw, 2.6rem);
  margin: 0 0 1rem;
  color: var(--text);
  letter-spacing: -.01em;
}

footer {
  border-top: 1px solid var(--line);
  margin-top: 2rem;
  padding: 1.4rem 0 2.4rem;
  color: var(--muted);
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

@media (max-width: 640px) {
  main section { padding-top: 3rem; }
}