:root {
  --black:#000; --ink:#140e03; --panel:#120d05; --panel-2:#1b1407;
  --gold-hi:#ffd86b; --gold:#f2b22a; --gold-lo:#b9770e; --bronze:#6b4208;
  --cream:#fff3d2; --muted:#c9b27a;
  --font:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
  --header-h:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}
body{margin:0;font-family:var(--font);color:var(--cream);background:var(--black);line-height:1.5}
img{max-width:100%}
a{color:inherit}
.wrap{width:min(100% - 40px,1080px);margin-inline:auto}
:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}