:root{
  --bg:#0e1210;
  --bg-alt:#12312a;
  --text:#f4f1ea;
  --text-dim:#c9c3b6;
  --accent:#c9a15a;
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Inter', -apple-system, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  line-height:1.6;
}
a{color:inherit;text-decoration:none;}
.wrap{max-width:800px;margin:0 auto;padding:0 24px;}

.site-header{border-bottom:1px solid rgba(244,241,234,0.1);padding:22px 0;}
.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.wordmark{font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:0.5px;}
.main-nav a{margin-left:24px;font-size:14px;color:var(--text-dim);}
.main-nav a:first-child{margin-left:0;}
.main-nav a:hover{color:var(--accent);}

.hero{padding:72px 0 56px;border-bottom:1px solid rgba(244,241,234,0.08);}
.kicker{color:var(--accent);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;}
.hero h1{font-family:var(--serif);font-size:52px;font-weight:700;margin-bottom:18px;}
.hero-sub{color:var(--text-dim);font-size:18px;max-width:600px;}

.post-list{padding:56px 0;display:flex;flex-direction:column;gap:44px;}
.post-card{border-bottom:1px solid rgba(244,241,234,0.08);padding-bottom:40px;}
.post-card:last-child{border-bottom:none;}
.post-meta{color:var(--accent);font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;}
.post-title{font-family:var(--serif);font-size:28px;font-weight:600;margin-bottom:12px;}
.post-excerpt{color:var(--text-dim);font-size:16px;margin-bottom:14px;}
.read-more{color:var(--accent);font-size:14px;font-weight:500;}

.about-page{padding:64px 0;}
.about-page h1{font-family:var(--serif);font-size:40px;margin-bottom:24px;}
.about-page p{margin-bottom:18px;color:var(--text-dim);font-size:17px;max-width:640px;}
.about-page .lead{color:var(--text);font-size:19px;}

.site-footer{border-top:1px solid rgba(244,241,234,0.08);padding:32px 0;margin-top:40px;}
.site-footer p{color:var(--text-dim);font-size:13px;}

@media (max-width:600px){
  .hero h1{font-size:38px;}
  .post-title{font-size:22px;}
}