:root{
  --ink:#131313; --ink-2:#1c1b1b; --panel:#201f1f; --panel-2:#2a2a2a;
  --line:rgba(212,175,55,.2); --line-soft:rgba(255,255,255,.07);
  --gold:#f2ca50; --gold-2:#e9c349; --gold-3:#ffe088;
  --cream:#e5e2e1; --muted:#d0c5af; --muted-2:#99907c;
  --grad-gold:linear-gradient(135deg,#ffe088 0%,#f2ca50 45%,#d4af37 100%);
  --maxw:1280px; --radius:18px;
  --serif:'Playfair Display',Georgia,serif; --sans:'Be Vietnam Pro',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--cream);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.15}
.eyebrow{font-family:var(--sans);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(19,19,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:36px;height:auto}
.brand .bt b{display:block;font-family:var(--serif);font-size:16px;letter-spacing:.02em;color:var(--cream)}
.brand .bt span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.nav-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.nav-links a.link{font-size:14.5px;color:var(--muted);transition:color .2s}
.nav-links a.link:hover,.nav-links a.link.active{color:var(--gold-2)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:14.5px;transition:transform .2s}
.btn svg{width:16px;height:16px}
.btn-gold{background:var(--grad-gold);color:#241a02}
.btn-gold:hover{transform:translateY(-2px)}

/* Article */
.post-hero{padding:64px 0 40px;border-bottom:1px solid var(--line-soft)}
.post-hero .breadcrumb{font-size:13px;color:var(--muted-2);margin-bottom:18px}
.post-hero .breadcrumb a{color:var(--gold-2)}
.post-hero h1{font-size:clamp(30px,4.2vw,48px);margin-bottom:16px}
.post-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--muted-2)}
article.post-body{padding:56px 0 40px;max-width:760px;margin:0 auto}
article.post-body p{font-size:17px;color:var(--muted);margin-bottom:22px}
article.post-body p:first-of-type{font-size:19px;color:var(--cream)}
.post-cta{margin-top:36px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(42,42,42,.5);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.post-cta p{margin:0;color:var(--cream);font-size:15px}

/* Blog index cards */
.blog-hero{padding:70px 0 40px;text-align:center}
.blog-hero h1{font-size:clamp(32px,4.6vw,52px);margin:14px 0 16px}
.blog-hero p{color:var(--muted);max-width:620px;margin:0 auto;font-size:16.5px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;padding:20px 0 90px}
.post-card{background:rgba(42,42,42,.5);border:1px solid var(--line-soft);border-radius:var(--radius);padding:32px;transition:transform .25s,border-color .25s}
.post-card:hover{transform:translateY(-4px);border-color:var(--line)}
.post-card .tag{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
.post-card h2{font-size:22px;margin:12px 0 10px}
.post-card p{color:var(--muted);font-size:15px;margin-bottom:18px}
.post-card .rm{color:var(--gold-2);font-size:14px;font-weight:600}

/* Footer (condensed) */
footer{border-top:1px solid var(--line-soft);padding:48px 0 28px;margin-top:20px}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--muted-2);font-size:13px}
footer a.back{color:var(--gold-2)}

@media(max-width:760px){
  .nav-links{display:none}
  .post-hero{padding:48px 0 28px}
  article.post-body{padding:36px 0 20px}
}