:root { color-scheme: dark; --ink:#e8dcc4; --muted:#b5a992; --bg:#0e0a09; --panel:#1c1512; --edge:#47392f; --terracotta:#d98b4b; --gold:#e8c15a; --ember:#e8671e; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { max-width:760px; margin:auto; padding:56px 24px 80px; }
nav { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:44px; }
a { color:var(--gold); text-underline-offset:3px; }
h1 { font-size:clamp(2.2rem,7vw,4rem); line-height:1.05; margin:.2em 0; font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; font-weight:600; }
h2 { margin-top:2.2em; line-height:1.2; font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; font-weight:600; color:var(--terracotta); }
p, li { color:var(--ink); }
.lede { color:var(--muted); font-size:1.1rem; }
.eyebrow { color:var(--ember); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.85rem; }
.icon { width:112px; height:112px; border-radius:24px; image-rendering:pixelated; display:block; margin-bottom:12px; }
.card { background:var(--panel); border:1px solid var(--edge); border-radius:18px; padding:24px; margin:20px 0; }
.button { display:inline-block; padding:10px 18px; border-radius:999px; background:var(--terracotta); color:var(--bg); text-decoration:none; font-weight:700; }
footer { border-top:1px solid var(--edge); margin-top:50px; padding-top:20px; font-size:.9rem; color:var(--muted); }