:root{
  --forest:#3a322a; --forest-md:#46543d; --forest-lt:#5f6a50;
  --copper:#7e3a31; --copper-lt:#98493b; --copper-dk:#5e2a23;
  --cream:#f4efe3; --cream-dk:#ebe2d1; --ink:#3a322a;
  --grey:#7d7468; --grey-lt:#e3dccd; --border:#ddd4c3; --night:#211b15;
  --copper-on:#c8805e;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Libre Franklin',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.7;overflow-x:hidden;font-synthesis:none;}
a{color:var(--copper);}

/* ── NAV ── */
.mnav{position:sticky;top:0;z-index:100;background:rgba(244,239,227,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:64px;display:flex;align-items:center;padding:0 32px;}
.mnav-inner{max-width:1100px;margin:0 auto;width:100%;display:flex;align-items:center;gap:30px;}
.mnav-logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;}
.mnav-mark{height:34px;width:auto;display:block;}
.mnav-wm{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:18px;color:var(--forest);letter-spacing:.14em;line-height:1;}
.mnav-sep{width:1px;height:14px;background:var(--copper);opacity:.45;}
.mnav-role{font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--copper);line-height:1;}
.mnav-links{display:flex;gap:24px;margin-left:auto;list-style:none;}
.mnav-links a{text-decoration:none;color:var(--grey);font-size:14px;font-weight:500;transition:color .2s;}
.mnav-links a:hover{color:var(--ink);}
.mnav-cta{margin-left:14px;background:var(--copper);color:#fff;padding:9px 18px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s;}
.mnav-cta:hover{background:var(--copper-lt);}

/* ── INDEX HERO ── */
.mhero{max-width:1100px;margin:0 auto;padding:72px 32px 8px;}
.mhero .kick{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.mhero .kick::before{content:'';width:20px;height:2px;background:var(--copper);}
.mhero h1{font-family:'Libre Franklin',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-.015em;color:var(--forest);line-height:1.12;margin-bottom:14px;}
.mhero p{font-size:17px;color:var(--grey);max-width:600px;line-height:1.7;}

/* ── INDEX CARDS ── */
.post-cards{max-width:1100px;margin:0 auto;padding:44px 32px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 28px 26px;text-decoration:none;box-shadow:0 6px 28px rgba(33,27,21,.05);transition:box-shadow .25s,transform .2s,border-color .2s;}
.post-card:hover{box-shadow:0 14px 40px rgba(33,27,21,.1);transform:translateY(-3px);border-color:var(--copper);}
.post-card .tag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);font-weight:700;margin-bottom:14px;}
.post-card h2{font-family:'Libre Franklin',sans-serif;font-size:19px;font-weight:700;color:var(--forest);line-height:1.3;letter-spacing:-.01em;margin-bottom:12px;}
.post-card p{font-size:14px;color:#444;line-height:1.65;flex:1;}
.post-card .more{margin-top:18px;font-size:13px;font-weight:600;color:var(--copper);display:inline-flex;align-items:center;gap:6px;}

/* ── ARTICLE ── */
.post-wrap{max-width:720px;margin:0 auto;padding:60px 24px 10px;}
.post-back{font-size:13px;font-weight:600;color:var(--grey);text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;}
.post-back:hover{color:var(--copper);}
.post-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);font-weight:700;margin-bottom:12px;}
.post h1{font-family:'Libre Franklin',sans-serif;font-size:clamp(27px,3.6vw,38px);font-weight:700;letter-spacing:-.018em;color:var(--forest);line-height:1.16;margin-bottom:16px;}
.post-dek{font-size:18px;color:var(--grey);line-height:1.55;margin-bottom:20px;}
.post-meta{font-size:13px;color:var(--grey);display:flex;align-items:center;gap:12px;padding-bottom:26px;margin-bottom:34px;border-bottom:1px solid var(--border);}
.post-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--copper);}
.post-body{font-size:16.5px;color:#33302b;line-height:1.78;}
.post-body .post-lead{font-size:19px;line-height:1.6;color:var(--forest);margin-bottom:26px;}
.post-body h2{font-family:'Libre Franklin',sans-serif;font-size:23px;font-weight:700;color:var(--forest);letter-spacing:-.01em;line-height:1.25;margin:38px 0 14px;}
.post-body p{margin-bottom:18px;}
.post-body ul{margin:0 0 20px;padding-left:4px;list-style:none;}
.post-body li{position:relative;padding-left:24px;margin-bottom:10px;}
.post-body li::before{content:'';position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--copper);}
.post-body .callout{background:var(--cream-dk);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin:28px 0;font-size:15.5px;line-height:1.68;color:var(--forest);}
.post-body .callout strong{color:var(--copper);}

/* ── ARTICLE CTA ── */
.post-cta{max-width:720px;margin:48px auto 0;background:var(--night);border-radius:18px;padding:40px 36px;text-align:center;}
.post-cta h3{font-family:'Libre Franklin',sans-serif;font-size:22px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:10px;}
.post-cta p{font-size:15px;color:rgba(255,255,255,.72);line-height:1.6;max-width:520px;margin:0 auto 24px;}
.post-cta-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;}
.btn-copper{background:var(--copper);color:#fff;padding:14px 26px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex;align-items:center;gap:8px;}
.btn-copper:hover{background:var(--copper-lt);}
.btn-ow{background:transparent;color:#fff;padding:13px 24px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px;}
.btn-ow:hover{border-color:#fff;background:rgba(255,255,255,.06);}
.post-disclaimer{max-width:720px;margin:26px auto 0;font-size:12.5px;color:var(--grey);line-height:1.6;font-style:italic;}

/* ── FOOTER ── */
.mfoot{background:#1a1410;color:rgba(255,255,255,.45);padding:40px 32px 30px;margin-top:72px;}
.mfoot-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;}
.mfoot-inner a{color:rgba(255,255,255,.45);text-decoration:none;}
.mfoot-inner a:hover{color:#fff;}
.mfoot-legal{display:flex;gap:18px;}

@media(max-width:900px){
  .mnav{padding:0 18px;}
  .mnav-links{display:none;}
  .mnav-sep,.mnav-role{display:none;}
  .mnav-inner{gap:14px;}
  .mnav-cta{margin-left:auto;}
  .post-cards{grid-template-columns:1fr;padding:32px 20px 60px;}
  .mhero{padding:52px 20px 4px;}
  .post-wrap{padding:44px 20px 6px;}
  .post-cta{padding:32px 22px;border-radius:14px;}
  .mfoot-inner{flex-direction:column;text-align:center;}
}