:root{--bg:#0a0d14;--gold:#c8a96e;--text:#f0ede6;--muted:#a8aabe;--card-bg:#13161f}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.7}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=DM+Sans:wght@300;400;500&display=swap');
.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;border-bottom:1px solid rgba(200,169,110,0.15)}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.1rem;letter-spacing:.15em;color:var(--text);text-decoration:none}
.nav-links{display:flex;gap:2rem}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .2s}
.nav-links a:hover{color:var(--gold)}
.blog-list{max-width:760px;margin:4rem auto;padding:0 2rem}
.blog-list h1{font-family:'Playfair Display',serif;font-size:2.5rem;margin-bottom:3rem}
.blog-card{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,0.07)}
.blog-card h2{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;margin-top:.4rem}
.blog-card h2 a{color:var(--text);text-decoration:none;transition:color .2s}
.blog-card h2 a:hover{color:var(--gold)}
.post-date{color:var(--gold);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.post{max-width:720px;margin:4rem auto;padding:0 2rem}
.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(200,169,110,0.2)}
.post-header h1{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:400;line-height:1.3;margin-top:1rem}
.post-content{font-size:1.05rem;line-height:1.85;color:#d8d5ce}
.post-content p{margin-bottom:1.5rem}
footer{text-align:center;padding:3rem;color:var(--muted);font-size:.85rem;border-top:1px solid rgba(255,255,255,0.07);margin-top:4rem}