<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
<style>
:root{
  --white:#FFFFFF;--gray-lt:#EBEBEB;--cream:#F0EBE0;
  --black:#1A1818;--body:#2E2E2E;--muted:#6B6B6B;
  --orange:#D96400;
  --h:'Poppins',sans-serif;--b:'Lato',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--b);background:var(--white);color:var(--body);overflow-x:hidden;}
img{display:block;max-width:100%;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:72px;background:rgba(26,24,24,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;}
.nav-logo-svg{width:200px;height:auto;flex-shrink:0;}
.nav-links{display:flex;gap:36px;}
.nav-link{font-family:var(--h);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);text-decoration:none;transition:.2s;padding:4px 0;border-bottom:1px solid transparent;}
.nav-link:hover{color:#fff;border-color:var(--orange);}
.nav-cta{font-family:var(--h);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--orange);color:#fff;padding:12px 26px;text-decoration:none;transition:.2s;}
.nav-cta:hover{background:#bf5800;}

/* POST HERO */
.post-hero{margin-top:72px;background:var(--black);padding:72px 0 56px;}
.post-hero-inner{max-width:780px;margin:0 auto;padding:0 40px;}
.post-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:28px;}
.post-breadcrumb a{font-family:var(--h);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);text-decoration:none;transition:.15s;}
.post-breadcrumb a:hover{color:var(--orange);}
.post-breadcrumb-sep{color:rgba(255,255,255,.2);font-size:12px;}
.post-category{display:inline-block;font-family:var(--h);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);border:1px solid rgba(217,100,0,.3);padding:5px 14px;margin-bottom:20px;}
.post-hero h1{font-family:var(--h);font-weight:800;font-size:clamp(28px,3.5vw,48px);color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px;}
.post-meta{display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.3);font-size:12px;font-family:var(--h);}
.post-meta-dot{width:3px;height:3px;background:rgba(255,255,255,.25);border-radius:50%;}

/* FEATURED IMAGE */
.post-featured-img{width:100%;max-width:780px;margin:0 auto;display:block;}
.post-featured-img img{width:100%;max-height:460px;object-fit:cover;}

/* POST BODY */
.post-body{max-width:780px;margin:0 auto;padding:56px 40px 96px;}

/* Article content styles */
.post-content{font-size:16px;line-height:1.85;color:var(--body);}
.post-content h2{font-family:var(--h);font-weight:800;font-size:clamp(20px,2.2vw,28px);color:var(--black);letter-spacing:-.02em;margin:48px 0 16px;line-height:1.15;}
.post-content h3{font-family:var(--h);font-weight:700;font-size:clamp(17px,1.8vw,22px);color:var(--black);margin:36px 0 12px;line-height:1.2;}
.post-content p{margin-bottom:22px;}
.post-content ul,.post-content ol{margin:0 0 22px 24px;}
.post-content li{margin-bottom:8px;}
.post-content blockquote{border-left:3px solid var(--orange);padding:16px 24px;margin:32px 0;background:var(--cream);font-style:italic;color:var(--muted);font-size:15px;}
.post-content a{color:var(--orange);text-decoration:underline;}
.post-content a:hover{color:#bf5800;}
.post-content strong{font-weight:700;color:var(--black);}
.post-content img{max-width:100%;margin:32px 0;border:1px solid var(--gray-lt);}

/* EXCERPT (shown if no content) */
.post-excerpt-block{font-size:18px;color:var(--muted);line-height:1.8;font-style:italic;padding:32px 0;border-top:1px solid var(--gray-lt);border-bottom:1px solid var(--gray-lt);margin-bottom:40px;}

/* CTA FOOTER */
.post-cta{background:var(--black);padding:64px 40px;text-align:center;margin-top:0;}
.post-cta-label{font-family:var(--h);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(217,100,0,.75);margin-bottom:16px;}
.post-cta h3{font-family:var(--h);font-weight:800;font-size:clamp(22px,2.5vw,34px);color:#fff;letter-spacing:-.02em;margin-bottom:10px;}
.post-cta p{color:rgba(255,255,255,.4);font-size:14px;margin-bottom:32px;}
.btn-primary{display:inline-block;font-family:var(--h);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--orange);color:#fff;padding:18px 40px;text-decoration:none;transition:.2s;}
.btn-primary:hover{background:#bf5800;}

/* LOADING / ERROR */
.post-loading{text-align:center;padding:120px 40px;color:var(--muted);font-family:var(--h);font-size:13px;}
.post-not-found{text-align:center;padding:120px 40px;}
.post-not-found h2{font-family:var(--h);font-size:28px;font-weight:800;color:var(--black);margin-bottom:12px;}
.post-not-found p{color:var(--muted);margin-bottom:32px;}

/* WA FLOAT */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:999;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.18);transition:.2s;}
.wa-float svg{width:28px;height:28px;fill:#fff;}
.wa-float:hover{transform:scale(1.08);}

@media(max-width:768px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .post-hero-inner,.post-body{padding-left:20px;padding-right:20px;}
