:root{
  --cream:#FBF1E2;
  --cream-2:#FFFCF6;
  --mustard:#D9A23C;
  --mustard-dark:#B47F26;
  --taupe:#B7AC97;
  --ink:#1C1A15;
  --stage:#100E0B;
  --white:#FFFFFF;
  --maxw:1120px;
  --maxw-article:760px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:'Work Sans', sans-serif;
  font-weight:400;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.disp{
  font-family:'Anton', sans-serif;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:0.01em;
  line-height:1.05;
  margin:0;
}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.wrap-article{max-width:var(--maxw-article);margin:0 auto;padding:0 28px;}
.eyebrow{
  font-size:13px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;
  color:var(--mustard-dark);margin-bottom:14px;display:inline-block;
}

header.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(251,241,226,0.92);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(28,26,21,0.08);
}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:16px 28px;
  display:flex;align-items:center;justify-content:space-between;
}
.logo{font-family:'Anton',sans-serif;font-size:20px;letter-spacing:0.04em;text-decoration:none;color:var(--ink);}
.navlinks{display:none;gap:28px;font-size:14px;font-weight:500;list-style:none;margin:0;padding:0;}
.navlinks a{text-decoration:none;opacity:0.8;transition:opacity .2s;}
.navlinks a:hover{opacity:1;}
@media(min-width:820px){.navlinks{display:flex;}}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ink);color:var(--cream-2);
  padding:12px 22px;border-radius:100px;
  font-size:14px;font-weight:600;text-decoration:none;
  border:1px solid var(--ink);
  transition:background .2s, color .2s, transform .15s;
}
.btn:hover{background:var(--mustard-dark);border-color:var(--mustard-dark);transform:translateY(-1px);}

/* BLOG INDEX */
.blog-hero{padding:64px 0 40px;}
.blog-hero h1{font-size:clamp(34px,5.5vw,52px);}
.blog-hero p{font-size:17px;max-width:56ch;color:#3a352c;margin-top:16px;}

.post-grid{display:grid;grid-template-columns:1fr;gap:22px;padding:20px 0 80px;}
@media(min-width:760px){.post-grid{grid-template-columns:1fr 1fr;}}
.post-card{
  background:var(--cream-2);border:1px solid rgba(28,26,21,0.1);border-radius:4px;
  padding:28px;text-decoration:none;color:var(--ink);display:block;
  transition:transform .15s, box-shadow .15s;
}
.post-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(28,26,21,0.08);}
.post-card .eyebrow{margin-bottom:10px;}
.post-card h2{font-family:'Work Sans',sans-serif;text-transform:none;font-weight:600;font-size:21px;margin-bottom:10px;line-height:1.3;}
.post-card p{font-size:14.5px;color:#4a453b;margin:0;}

/* ARTICLE */
.article-hero{padding:56px 0 20px;}
.article-hero h1{font-size:clamp(30px,5vw,46px);}
.article-meta{font-size:13.5px;color:#6b6455;margin-top:18px;}
article{padding:20px 0 70px;font-size:17px;color:#2c2820;}
article h2{
  font-family:'Work Sans',sans-serif;text-transform:none;font-weight:600;
  font-size:24px;margin:40px 0 14px;color:var(--ink);
}
article p{margin:0 0 18px;}
article ul{margin:0 0 18px;padding-left:22px;}
article li{margin-bottom:8px;}
article strong{font-weight:600;}
.callout{
  background:var(--cream-2);border-left:3px solid var(--mustard);
  padding:18px 22px;margin:26px 0;font-size:15.5px;border-radius:2px;
}

.cta-box{
  background:var(--stage);color:var(--cream-2);border-radius:6px;
  padding:38px 32px;margin-top:48px;text-align:left;
}
.cta-box .eyebrow{color:var(--mustard);}
.cta-box h3{font-family:'Work Sans',sans-serif;text-transform:none;font-weight:600;font-size:22px;color:var(--cream-2);margin:8px 0 16px;}
.cta-box p{color:#cfc9bb;margin:0 0 22px;font-size:15px;}
.cta-box .btn{background:var(--mustard);border-color:var(--mustard);color:var(--stage);}
.cta-box .btn:hover{background:var(--cream-2);border-color:var(--cream-2);color:var(--stage);}

.back-link{display:inline-block;margin-top:36px;font-size:14px;font-weight:600;text-decoration:none;color:var(--mustard-dark);}

footer{padding:32px 0;font-size:13px;color:#6b6455;text-align:center;}