:root{
  --bg:#0b0b0e;--bg2:#15151a;--bg3:#1f1f26;
  --fg:#ede4d8;--fg2:#bfb6aa;--mut:#8a8780;
  --acc:#d4a13a;--acc2:#c9a86a;--brd:#26262d;
  --warm:#f5ecd9;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Iowan Old Style','Palatino Linotype','Georgia',serif;
  background:var(--bg);color:var(--fg);line-height:1.72;font-size:18px;
  background-image:
    radial-gradient(circle at 20% -10%,rgba(212,161,58,.07),transparent 50%),
    radial-gradient(circle at 80% 110%,rgba(139,30,30,.05),transparent 55%);
  min-height:100vh;
}
a{color:var(--acc2);text-decoration:none}
a:hover{color:var(--acc);text-decoration:underline}
.wrap{max-width:720px;margin:0 auto;padding:48px 28px 120px}
.back{display:inline-block;font-family:'Inter',-apple-system,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:36px}
.back:hover{color:var(--acc)}
.num{font-family:'JetBrains Mono','SF Mono',monospace;font-size:12px;color:var(--acc);letter-spacing:.18em;margin-bottom:14px}
h1{font-family:'Cormorant Garamond','Iowan Old Style',serif;font-weight:500;font-size:46px;line-height:1.08;margin:0 0 18px;letter-spacing:-.012em;color:var(--warm)}
.lede{font-size:20px;color:var(--fg2);line-height:1.55;font-style:italic;margin:0 0 36px;padding-bottom:30px;border-bottom:1px solid var(--brd)}
h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:28px;line-height:1.18;color:var(--warm);margin:46px 0 14px;letter-spacing:-.005em}
h2:first-of-type{margin-top:8px}
.section-label{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--acc);margin:48px 0 8px}
p{margin:0 0 18px;color:var(--fg)}
p.quote{margin:24px 0;padding:18px 22px;background:rgba(212,161,58,.04);border-left:2px solid var(--acc);border-radius:0 4px 4px 0;color:var(--fg);font-size:17px;line-height:1.6}
p.quote cite{display:block;margin-top:10px;font-size:13px;font-style:normal;color:var(--mut);letter-spacing:.04em}
.fig{margin:22px 0;padding:18px 22px;background:var(--bg2);border:1px solid var(--brd);border-radius:6px;font-size:15px;color:var(--fg2);line-height:1.6}
.fig strong{color:var(--acc)}
strong{color:var(--warm);font-weight:600}
em{color:var(--fg2)}
.cite{font-size:14px;color:var(--mut);line-height:1.6;margin:32px 0 0;padding-top:22px;border-top:1px solid var(--brd)}
.cite ul{margin:8px 0 0;padding-left:20px}
.cite li{margin:5px 0}
.nav{display:flex;justify-content:space-between;align-items:center;margin-top:64px;padding-top:22px;border-top:1px solid var(--brd);font-family:'Inter',sans-serif;font-size:13px}
.nav .prev,.nav .next{color:var(--mut);max-width:45%}
.nav .prev:hover,.nav .next:hover{color:var(--acc)}
.nav .label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;color:var(--mut)}
.nav .title{color:var(--fg2)}
footer{margin-top:48px;color:var(--mut);font-size:13px;text-align:center}
@media (max-width:680px){
  h1{font-size:34px}
  .lede{font-size:17px}
  .wrap{padding:36px 20px 80px}
}