:root{--void:#03030a;--layer:#0e0e1a;--raise:#151524;--rim:rgba(255,255,255,.07);--gold:#c8952a;--gold2:#e8b84b;--ink:#f0ece4;--fog:#9a98a8}
*{box-sizing:border-box}
body{margin:0;background:var(--void);color:rgba(240,236,228,.82);font-family:'Literata',Georgia,serif;line-height:1.8}
header{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--rim)}
header .brand{font-family:'Lora',serif;font-size:1.3rem;font-weight:600;letter-spacing:3px;color:var(--gold2);text-decoration:none;margin-right:1rem}
header a{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--fog);text-decoration:none}
header a:hover{color:var(--gold2)}
main{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 1rem}
h1{font-family:'Lora',serif;font-weight:500;font-size:2rem;color:var(--ink);line-height:1.3}
h2{font-family:'Lora',serif;font-weight:500;font-size:1.2rem;color:var(--gold2);margin-top:2rem}
a{color:var(--gold2)}
.card{background:var(--layer);border:1px solid var(--rim);border-radius:16px;padding:1.2rem 1.5rem;margin:1.2rem 0}
.card h2{margin-top:0}
.price{font-family:'Lora',serif;font-size:1.9rem;color:var(--gold2);font-weight:600}
.note{font-size:.85rem;color:var(--fog)}
footer{margin-top:3rem;padding:2rem 1.5rem 3rem;border-top:1px solid var(--rim);text-align:center;font-family:'DM Mono',monospace;font-size:.68rem;line-height:1.9;color:var(--fog)}
footer a{color:var(--gold);text-decoration:none;margin:0 .6rem;white-space:nowrap}
footer a:hover{color:var(--gold2)}
footer .fl{margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 0}
footer p{max-width:620px;margin:0 auto}
