:root{
    --navy-950:#070f1a;--navy-900:#0a1422;--navy-800:#0e1c2f;--navy-700:#142a44;--navy-600:#1d3a5a;
    --gold:#d8a94e;--gold-light:#edc97f;--gold-deep:#b07f33;--cream:#f4eee1;--stone:#bcae93;
    --muted:rgba(244,238,225,.62);--line:rgba(216,169,78,.22);--maxw:1180px;--ease:cubic-bezier(.22,1,.36,1);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Hanken Grotesk',-apple-system,sans-serif;background:var(--navy-900);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3,.display{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.12;letter-spacing:-.01em}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(900px 600px at 78% -8%,rgba(216,169,78,.08),transparent 60%),radial-gradient(700px 500px at 5% 12%,rgba(29,58,90,.5),transparent 55%)}
  .noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

  /* NAV */
  header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(8,16,28,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  .brand{display:flex;align-items:center;gap:13px}
  .brand img{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 1px rgba(216,169,78,.3),0 6px 20px rgba(0,0,0,.4)}
  .brand .name{font-family:'Fraunces',serif;font-size:1.28rem;letter-spacing:.04em}
  .brand .name b{color:var(--gold-light);font-weight:600}
  .nav-links{display:flex;align-items:center;gap:34px}
  .nav-links a{font-size:.9rem;letter-spacing:.02em;color:var(--muted);transition:color .25s}
  .nav-links a:hover,.nav-links a.active{color:var(--cream)}
  .btn{display:inline-flex;align-items:center;gap:9px;font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:.92rem;letter-spacing:.02em;cursor:pointer;border-radius:2px;transition:all .3s var(--ease);border:1px solid transparent}
  .btn-gold{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#1a1208;padding:10px 22px;box-shadow:0 6px 22px rgba(216,169,78,.28)}
  .btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(216,169,78,.42)}
  .btn-ghost{border:1px solid var(--line);color:var(--cream);padding:12px 25px;background:rgba(255,255,255,.02)}
  .btn-ghost:hover{border-color:var(--gold);color:var(--gold-light);background:rgba(216,169,78,.06)}

  main{position:relative;z-index:2;padding-top:74px;min-height:100vh}
  .blog-hero{padding:80px 0 30px}
  .kicker{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:12px}
  .kicker::before{content:"";width:30px;height:1px;background:var(--gold);opacity:.6}
  .blog-hero h1{font-size:clamp(2.4rem,5vw,3.6rem);margin-bottom:16px}
  .blog-hero h1 .em{font-style:italic;color:var(--gold-light)}
  .blog-hero p{color:var(--muted);font-size:1.1rem;max-width:580px}

  /* LIST */
  .post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:30px 0 100px}
  .post-card{display:flex;flex-direction:column;padding:34px 32px;border:1px solid var(--line);border-radius:8px;
    background:linear-gradient(170deg,rgba(29,58,90,.3),rgba(10,20,34,.2));transition:transform .4s var(--ease),border-color .4s;cursor:pointer}
  .post-card:hover{transform:translateY(-6px);border-color:rgba(216,169,78,.45)}
  .post-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.78rem;letter-spacing:.04em}
  .post-tag{color:var(--gold-light);text-transform:uppercase;letter-spacing:.16em;font-weight:600}
  .post-date{color:var(--muted)}
  .post-card h2{font-size:1.5rem;margin-bottom:12px;color:var(--cream)}
  .post-card p{color:var(--muted);font-size:1rem;margin-bottom:22px;flex:1}
  .post-readmore{display:inline-flex;align-items:center;gap:8px;color:var(--gold-light);font-weight:600;font-size:.92rem}
  .empty{padding:60px 0 120px;color:var(--muted);font-size:1.05rem}

  /* ARTICLE */
  .article{padding:30px 0 100px;max-width:760px;margin:0 auto}
  .back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:30px;transition:color .25s}
  .back:hover{color:var(--gold-light)}
  .article-head{margin-bottom:36px;padding-bottom:30px;border-bottom:1px solid var(--line)}
  .article-head h1{font-size:clamp(2rem,4.4vw,3rem);margin:14px 0 18px}
  .article-share{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:.86rem;color:var(--muted);border:1px solid var(--line);padding:8px 16px;border-radius:40px;transition:all .25s}
  .article-share:hover{border-color:var(--gold);color:var(--gold-light)}
  .article-body{font-size:1.12rem;color:rgba(244,238,225,.86)}
  .article-body h2{font-size:1.7rem;color:var(--cream);margin:40px 0 14px}
  .article-body h3{font-size:1.32rem;color:var(--cream);margin:32px 0 10px}
  .article-body h4{font-size:1.1rem;color:var(--gold-light);margin:26px 0 8px}
  .article-body p{margin:0 0 20px}
  .article-body ul,.article-body ol{margin:0 0 22px;padding-left:24px}
  .article-body li{margin-bottom:9px}
  .article-body li::marker{color:var(--gold)}
  .article-body strong{color:var(--cream);font-weight:600}
  .article-body em{color:var(--gold-light);font-style:italic}
  .article-body a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
  .article-body a:hover{text-decoration-color:var(--gold)}
  .article-body code{font-family:ui-monospace,Menlo,monospace;font-size:.92em;background:rgba(216,169,78,.1);padding:2px 7px;border-radius:4px;color:var(--gold-light)}
  .article-body blockquote{margin:26px 0;padding:18px 26px;border-left:3px solid var(--gold);background:linear-gradient(135deg,rgba(29,58,90,.32),rgba(10,20,34,.2));border-radius:0 6px 6px 0;
    font-family:'Fraunces',serif;font-size:1.2rem;font-style:italic;color:var(--cream)}
  .article-body hr{border:0;height:1px;background:var(--line);margin:40px 0}
  .article-foot{margin-top:48px;padding-top:30px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
  .article-foot .x-follow{display:inline-flex;align-items:center;gap:9px}

  /* FOOTER */
  footer{background:var(--navy-950);border-top:1px solid var(--line);padding:54px 0 34px;position:relative;z-index:2}
  .foot-top{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;margin-bottom:36px}
  .foot-top .brand .name{font-size:1.15rem}
  .foot-links{display:flex;gap:26px;flex-wrap:wrap}
  .foot-links a{color:var(--muted);font-size:.94rem;transition:color .25s}
  .foot-links a:hover{color:var(--gold-light)}
  .disclaimer{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:.78rem;line-height:1.6}
  .disclaimer b{color:var(--stone)}
  .copy{margin-top:22px;font-size:.82rem;color:var(--muted)}

  .menu-toggle{display:none;background:none;border:0;color:var(--cream);cursor:pointer}
  @media(max-width:900px){
    .nav-links{display:none}
    .menu-toggle{display:block}
    .post-grid{grid-template-columns:1fr}
  }
  @media(max-width:560px){.wrap{padding:0 20px}}

/* ---- FEATURED IMAGES (post hero + card thumbnails) ---- */
.post-hero{
  width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;
  border:1px solid var(--line);margin:0 0 38px;display:block;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.post-card{padding:0;overflow:hidden}
.post-card .thumb{
  width:100%;aspect-ratio:2/1;object-fit:cover;display:block;
  border-bottom:1px solid var(--line);transition:transform .6s var(--ease);
}
.post-card:hover .thumb{transform:scale(1.04)}
.post-card .card-body{padding:28px 30px 32px;display:flex;flex-direction:column;flex:1}
.post-card .card-body p{flex:1}