:root { --paper:#0f1512; --ink:#eef2ee; --brass:#f2b134; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink);
  font: 16px/1.55 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
main { max-width: 46em; margin: 0 auto; padding: 8vh 6vw; text-align:center; }
.mark { display:block; margin: 0 auto 1.2rem; }
h1 { font: 700 clamp(2rem,6vw,3.4rem)/1.05 Georgia, serif; letter-spacing:-.02em; margin:.2em 0; }
p { opacity:.82; max-width:34em; margin:1rem auto; }
.hero { width:100%; border-radius:14px; margin-top:2rem; box-shadow:0 20px 60px rgba(0,0,0,.5); }
footer { margin-top:3rem; font: .8rem ui-monospace, monospace; color:var(--brass); letter-spacing:.15em; text-transform:uppercase; }