:root{
  --ink:#0b0708;
  --crimson:#a8132b;
  --gold:#d8b577;
  --gold-bright:#f4e2b8;
  --parch:#ede0cb;
  --muted:#9c8a78;
  --serif:"Cormorant Garamond","Hoefler Text",Baskerville,Didot,Georgia,serif;
  --display:"Cinzel","Hoefler Text",Didot,Georgia,serif;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:var(--serif);
  color:var(--parch);
  background:radial-gradient(120% 90% at 50% 0%, #1a0a0f 0%, #0b0708 55%, #050304 100%);
  min-height:100dvh;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.wrap{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,72px) clamp(20px,5vw,32px) 96px}

.back{display:inline-block;margin-bottom:2.4em;color:var(--muted);text-decoration:none;
  font-size:.95rem;letter-spacing:.06em;transition:color .25s}
.back:hover{color:var(--gold)}
.back::before{content:"‹ ";color:var(--crimson)}

h1{font-family:var(--display);font-weight:700;color:var(--gold-bright);
  font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.03em;margin-bottom:1em;
  background:linear-gradient(180deg,#f7e8c6 0%,#d8b577 60%,#8a5a2b 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

h2{font-family:var(--display);font-weight:600;color:var(--gold);
  font-size:clamp(1.05rem,3vw,1.35rem);letter-spacing:.02em;margin:1.8em 0 .5em}

p,li{font-size:1.08rem;color:#d9c8b2;margin-bottom:.7em}
strong{color:var(--gold-bright);font-weight:600}
ul,ol{padding-left:1.4em;margin-bottom:.7em}
li{margin-bottom:.35em}

a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--gold-bright)}

.muted{color:var(--muted);font-size:.92rem;font-style:italic}
.sep{height:1px;border:0;margin:2.4em 0;
  background:linear-gradient(90deg,transparent,rgba(216,181,119,.3),transparent)}

.foot{margin-top:3em;font-size:.8rem;color:var(--muted);letter-spacing:.05em;opacity:.7}
.foot a{color:var(--muted)}