:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  background: #090909;
  color: #f7f1e3;
}

* { box-sizing: border-box; }
body { margin: 0; background: #090909; color: #f7f1e3; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 56px 0 80px; }
.brand { color: #d7b56d; font-size: 12px; letter-spacing: .22em; }
h1 { margin: 14px 0 10px; font-size: clamp(30px, 7vw, 48px); font-weight: 400; }
h2 { margin: 36px 0 12px; color: #e2c886; font-size: 19px; }
p, li { color: #cbc4b6; font-size: 15px; line-height: 1.9; }
ul { padding-left: 1.4em; }
.meta { color: #8e897f; font-size: 13px; }
a { color: #e2c886; }
nav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 48px; padding-top: 24px; border-top: 1px solid #302d28; }
nav a { font-size: 13px; text-decoration: none; }