:root{
  --ink:#0b0a09;
  --cabinet:#110f0d;
  --bone:#bba57c;
  --bone-dim:#7a6c55;
  --oxblood:#6b1a1a;
  --tag:#14110e;
  --line:#2a241c;
  --display:"IM Fell English SC",Georgia,serif;
  --serif:"IM Fell English",Georgia,serif;
  --body:"Spectral",Georgia,serif;
}
*{box-sizing:border-box;margin:0}
html{background:var(--ink);color:var(--bone);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--body);font-size:17px;line-height:1.65;min-height:100vh;
  background:radial-gradient(ellipse at 50% -5%,#18140f 0,var(--ink) 60%) fixed;
  padding:0 20px env(safe-area-inset-bottom,0)}
a{color:inherit}
:focus-visible{outline:2px solid var(--bone);outline-offset:3px}
img{max-width:100%}
.topnav{max-width:960px;margin:0 auto;padding:18px 0;display:flex;justify-content:center;gap:26px;
  font-family:var(--display);font-size:1.05rem}
.topnav a{text-decoration:none;color:var(--bone-dim);padding-bottom:2px;border-bottom:1px solid transparent}
.topnav a:hover,.topnav a[aria-current]{color:var(--bone);border-color:var(--line)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);z-index:5}
footer{text-align:center;font-size:.8rem;color:#5d5444;padding:0 0 28px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}