/* about + privacy: plain text pages in the journey's palette */
:root { --bg: #050506; --ink: #ece6da; --dim: #8a8478; --faint: #3a3730; --gold: #e8c37a;
  --display: 'Barlow Condensed', sans-serif; --body: 'Barlow', sans-serif; --mono: 'IBM Plex Mono', monospace; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); }
body { font: 400 17px/1.65 var(--body); }
main { max-width: 42em; margin: 0 auto; padding: 48px 16px 80px; }
.mono { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; }
.gold { color: var(--gold); } .dim { color: var(--dim); }
h1 { font: 700 clamp(40px, 8vw, 64px)/1 var(--display); letter-spacing: .04em; margin: 28px 0 18px; }
h2 { font: 600 26px/1.1 var(--display); letter-spacing: .05em; color: var(--gold); margin: 40px 0 10px; }
.lede { font-size: 19px; }
ul { padding-left: 1.2em; } li { margin: 8px 0; }
a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--faint); }
a:hover, a:focus-visible { color: var(--gold); border-color: var(--gold); outline: none; }
.gold a { color: var(--gold); border: 0; }
.foot { margin-top: 56px; }