:root{
  --ink:#060E0A;--gold:#C7A34A;--gold-2:#E6CD8E;--cream:#EFE9DC;
  --muted:rgba(239,233,220,.6);--faint:rgba(239,233,220,.54);
  --line:rgba(199,163,74,.2);--hair:rgba(239,233,220,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:radial-gradient(90% 40% at 50% 0%,rgba(199,163,74,.1),transparent 62%),
             linear-gradient(180deg,#08130D 0%,var(--ink) 34%,var(--ink) 100%);
  background-attachment:fixed;min-height:100vh;
  color:var(--cream);font-family:"Jost",system-ui,sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;
}
.page{width:min(680px,100%);margin-inline:auto;padding:44px 24px 72px}
.back{display:inline-block;font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);text-decoration:none;margin-bottom:40px;transition:.25s}
.back:last-child{margin:48px 0 0}
.back:hover{color:var(--gold-2)}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;
  font-size:clamp(1.9rem,8vw,2.5rem);letter-spacing:.05em}
.lead{margin-top:12px;font-size:.85rem;color:var(--faint);line-height:1.7}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:1.3rem;
  letter-spacing:.03em;margin:42px 0 12px;padding-top:22px;border-top:1px solid var(--hair)}
p,li{font-size:.88rem;line-height:1.85;color:var(--muted)}
p+p{margin-top:12px}
ul{margin:10px 0 0;padding-inline-start:20px}
li{margin-top:6px}
a{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--line)}
a:hover{color:var(--gold-2);border-color:var(--gold)}
a.back,a.back:hover{border:0}
dl{margin-top:8px}
dt{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:18px}
dd{font-size:.9rem;line-height:1.7;color:var(--cream);margin-top:5px}
.fill,dd.fill{color:var(--gold-2);opacity:.85;font-style:italic}
.note{margin-top:44px;padding:20px;border:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.note strong{color:var(--gold-2);font-weight:500}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}