:root{--ink:#f2ede4;--dim:#b9b2a6;--bg:#0b0a0c;--line:#2a262d;--accent:#d9b56a}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 "Bodoni Moda",Georgia,serif}
.wrap{max-width:720px;margin:0 auto;padding:48px 20px 80px}
a{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.top{font:500 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.top a{color:var(--dim);text-decoration:none}.top a:hover{color:var(--ink)}
h1{font:600 clamp(28px,6vw,44px)/1.1 Cinzel,serif;letter-spacing:.04em;margin:28px 0 8px}
h2{font:600 18px/1.3 Cinzel,serif;letter-spacing:.06em;margin:36px 0 8px}
.meta{font:400 12px/1.5 "IBM Plex Mono",monospace;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:20px}
p,li{color:var(--ink)}li{margin:6px 0}
.btn{font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#0b0a0c;border:0;padding:14px 18px;cursor:pointer;min-height:44px}
footer{margin-top:56px;border-top:1px solid var(--line);padding-top:20px;font:400 12px/1.8 "IBM Plex Mono",monospace;color:var(--dim)}
footer a{color:var(--dim);margin-right:16px}