@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap");

:root{
  --font-display:"Cinzel", Georgia, serif;
  --font-body:"Cormorant Garamond", Georgia, serif;
  --bg:#0b0f14;
  --paper:#d8c7a3;
  --ink:#17120d;
  --muted:#a89472;
  --line:rgba(216,199,163,.2);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at top,rgba(216,199,163,.08),transparent 38rem),
    #0b0f14;
  color:#f0e7d6;
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.6;
  font-weight:500;
}
.wrap{width:min(920px,calc(100% - 32px));margin:0 auto;padding:38px 0 64px}
.site-link{display:inline-flex;align-items:center;gap:12px;color:#f0e7d6;text-decoration:none}
.logo{width:54px;height:54px;object-fit:contain;border-radius:50%}
.eyebrow{margin:34px 0 10px;color:var(--muted);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,.eyebrow,.site-link,.card strong{font-family:var(--font-display);font-weight:600;letter-spacing:.03em}
h1{margin:0 0 18px;font-size:clamp(2rem,7vw,4.25rem);line-height:1}
.lede{font-size:1.15rem;line-height:1.7;color:#dccfb9;max-width:760px}
.hero{width:100%;display:block;margin:30px 0;border:1px solid var(--line);border-radius:18px;background:#050708}
.article{font-size:1.06rem;line-height:1.8;color:#e4d8c4}
.article p{margin:0 0 1.2em}
.back{display:inline-block;margin-top:28px;color:#d8c7a3}
footer{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);color:#927f61;font-size:.9rem}