:root { color-scheme: dark; --bg:#210909; --paper:#f7e9cf; --soft:#d9bfa5; --gold:#e6bb7d; --line:#78533d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--paper); font:1rem/1.65 system-ui,sans-serif; }
a { color:inherit; }
header, footer, main { max-width:75rem; margin:auto; padding-inline:clamp(1.15rem,5vw,4rem); }
header, footer { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding-block:1.5rem; }
header a, footer a { text-decoration:none; }
header a:hover, footer a:hover { text-decoration:underline; }
.brand, .eyebrow { color:var(--gold); letter-spacing:.17em; font-size:.75rem; font-weight:700; text-transform:uppercase; }
.hero { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); align-items:center; padding-block:clamp(3.5rem,10vw,8rem); border-top:1px solid var(--line); }
h1,h2 { font:400 clamp(2.4rem,6.5vw,5.2rem)/1.04 Georgia,serif; letter-spacing:-.04em; margin:.3em 0; text-wrap:balance; }
h2 { font-size:clamp(2rem,4.8vw,3.7rem); }
.intro { max-width:30rem; color:var(--soft); font-size:1.1rem; margin:1.5rem 0; }
.buy { display:inline-flex; padding:.78rem 1.45rem; min-height:3rem; align-items:center; border:1px solid var(--gold); background:var(--gold); color:#2b110b; text-decoration:none; font-weight:700; border-radius:.2rem; }
.buy:hover { background:var(--paper); }
a:focus-visible { outline:2px solid var(--paper); outline-offset:5px; }
.muted,footer nav { color:var(--soft); font-size:.88rem; }
figure { margin:0; padding:.7rem; border:1px solid var(--line); background:#350b0d; transform:rotate(2deg); box-shadow:0 1.4rem 4rem #100303; }
img { display:block; width:100%; height:auto; }
.inside,.purchase { border-top:1px solid var(--line); padding-block:clamp(2.4rem,6vw,4rem); }
ol { max-width:42rem; padding-left:1.3rem; color:var(--soft); }
li { padding:.55rem .3rem; }
li strong { color:var(--paper); }
.purchase p { max-width:38rem; }
.price { display:block; color:var(--gold); margin:1.1rem 0; font:400 2.25rem Georgia,serif; }
footer nav { display:flex; flex-wrap:wrap; gap:.7rem 1.4rem; }
footer { border-top:1px solid var(--line); }
.document { max-width:54rem; padding-block:3rem; }
.document h1 { font-size:clamp(2rem,5vw,3.6rem); }
@media(max-width:680px) { .hero { grid-template-columns:1fr; } figure { transform:none; } footer { align-items:flex-start; flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.site-footer { align-items:flex-start; }
.site-footer nav { flex-direction:column; }
.seller { color:var(--soft); font-size:.88rem; margin:.55rem 0 0; }
.document h2 { font:400 clamp(1.45rem,3vw,2rem)/1.2 Georgia,serif; letter-spacing:normal; margin:1.65em 0 .45em; }
.document p { max-width:70ch; }
.document nav { display:flex; flex-wrap:wrap; gap:.65rem 1.5rem; border-top:1px solid var(--line); margin-top:2.2rem; padding-top:1rem; }