:root{--ink:#0A0A0F;--parch:#F5F0E8;--gold:#C9A84C;--slate:#8888A0;--mist:#1A1A24;--border:#2A2A3A}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--parch);font-family:Inter,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}
.nav{max-width:760px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.nav .brand{font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:var(--parch)}
.nav .links{display:flex;gap:1.25rem;font-size:.85rem;color:var(--slate)}
.nav .links a{color:var(--slate)}
.nav .links a:hover{color:var(--gold)}
main{max-width:680px;margin:0 auto;padding:2.5rem 1.5rem 4rem}
.breadcrumb{font-size:.8rem;color:var(--slate);margin-bottom:1.75rem}
.breadcrumb a{color:var(--slate)}
.breadcrumb a:hover{color:var(--gold)}
.category{display:inline-block;font-family:monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,.3);border-radius:999px;padding:.3rem .85rem;margin-bottom:1.25rem}
h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:2.5rem;line-height:1.2;margin:.25rem 0 1.75rem;color:var(--parch)}
h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.75rem;color:var(--parch);margin-top:2.5rem;margin-bottom:.75rem}
h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.3rem;color:var(--parch);margin-top:1.5rem;margin-bottom:.5rem}
p,li{color:#cfcfe0;font-size:1.02rem}
p{margin:0 0 1.1rem}
ul{padding-left:1.25rem;margin:0 0 1.1rem}
li{margin-bottom:.4rem}
.cta{margin-top:3rem;padding:2rem;border:1px solid rgba(201,168,76,.2);border-radius:1rem;background:var(--mist);text-align:center}
.cta p{color:var(--parch);margin-bottom:0}
.cta a{display:inline-block;margin-top:1rem;background:var(--gold);color:var(--ink);padding:.75rem 2rem;border-radius:999px;font-weight:600}
.cta a:hover{text-decoration:none;opacity:.9}
.more{margin-top:3rem;border-top:1px solid var(--border);padding-top:2rem}
.more h2{margin-top:0}
.more ul{list-style:none;padding:0}
.more li{margin-bottom:.6rem}
.more .cat{color:var(--slate);font-size:.8rem;margin-right:.5rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em}
footer{border-top:1px solid var(--border);text-align:center;padding:2rem 1.5rem;color:var(--slate);font-size:.85rem}
footer a{color:var(--slate)}
footer a:hover{color:var(--gold)}