:root {
  --sage:#8FAF8C; --sage-lt:#C3D9C0; --sage-dk:#4A7A47;
  --fog:#F7FAF7; --stone:#7A8C78; --dusk:#2C3A2A; --night:#1A2318;
  --warm:#C9A882; --sand:#E8DFD0; --water:#7AADA8; --blush:#E8C9B8;
  --text:#1C2A1A; --soft:#5A6E58; --dim:#8A9E88;
  --card:#FFFFFF; --surface:#F2F6F1;
  --teal-lt:#E1F5EE; --teal-dk:#0F6E56;
  --purple-lt:#EEEDFE; --purple-dk:#3C3489;
  --amber-lt:#FAEEDA; --amber-dk:#854F0B;
  --coral-lt:#FAECE7; --coral-dk:#993C1D;
  --green-lt:#EAF3DE; --green-dk:#3B6D11;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Jost',sans-serif;background:var(--fog);color:var(--text);overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 48px;display:flex;justify-content:space-between;align-items:center;background:rgba(247,250,247,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(143,175,140,.15);}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo-text{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:300;color:var(--dusk);letter-spacing:-.01em;line-height:1;}
.nav-logo-text em{font-style:italic;color:var(--sage-dk);}
.nav-logo-sub{font-family:'Jost',sans-serif;font-size:9px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);line-height:1;}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{font-size:13px;font-weight:500;color:var(--soft);text-decoration:none;letter-spacing:.04em;transition:color .2s;}
.nav-links a:hover{color:var(--dusk);}
.nav-cta{background:var(--dusk);color:var(--fog);border:none;padding:10px 24px;border-radius:40px;font-family:'Jost',sans-serif;font-size:12px;font-weight:600;letter-spacing:.07em;cursor:pointer;transition:all .2s;}
.nav-cta:hover{background:var(--sage-dk);transform:translateY(-1px);}



footer{background:var(--night);padding:60px 48px 40px;}
.footer-inner{max-width:1120px;margin:0 auto;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid rgba(247,250,247,.07);}
.footer-logo{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;color:var(--fog);margin-bottom:10px;}
.footer-logo em{font-style:italic;color:var(--sage-lt);}
.footer-tagline{font-size:12px;color:rgba(247,250,247,.4);line-height:1.6;max-width:260px;}
.footer-links{display:flex;gap:64px;flex-wrap:wrap;}
.footer-col h4{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,250,247,.35);font-weight:600;margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col a{font-size:13px;color:rgba(247,250,247,.5);text-decoration:none;transition:color .2s;}
.footer-col a:hover{color:var(--sage-lt);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.footer-copy{font-size:11px;color:rgba(247,250,247,.25);letter-spacing:.04em;}
.footer-legal{display:flex;gap:20px;}
.footer-legal a{font-size:11px;color:rgba(247,250,247,.25);text-decoration:none;}
.footer-legal a:hover{color:rgba(247,250,247,.5);}
/* ===== BLOG ===== */
.blog-hero{background:linear-gradient(160deg,var(--night) 0%,var(--dusk) 55%,#3A5038 100%);padding:160px 24px 88px;text-align:center;color:var(--fog);}
.blog-eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-lt);margin-bottom:18px;}
.blog-hero h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.01em;}
.blog-hero h1 em{font-style:italic;color:var(--sage-lt);}
.blog-hero p{max-width:560px;margin:20px auto 0;font-size:16px;line-height:1.7;color:rgba(247,250,247,.65);}
.blog-wrap{max-width:760px;margin:0 auto;padding:72px 24px 96px;}
.post-list{list-style:none;display:flex;flex-direction:column;gap:20px;}
.post-card{display:block;background:var(--card);border:1px solid rgba(143,175,140,.2);border-radius:20px;padding:32px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;}
.post-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(44,58,42,.08);border-color:var(--sage);}
.post-card img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:12px;margin-bottom:20px;}
.post-meta{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);}
.post-card h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:30px;line-height:1.15;color:var(--dusk);margin:10px 0 10px;}
.post-card p{font-size:15px;line-height:1.7;color:var(--soft);}
.read-more{display:inline-block;margin-top:16px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--sage-dk);}
.empty{text-align:center;color:var(--soft);font-size:16px;padding:40px 0;}
.feed-link{display:inline-block;margin-top:40px;font-size:13px;color:var(--stone);}

.article-head{background:linear-gradient(160deg,var(--night) 0%,var(--dusk) 55%,#3A5038 100%);padding:150px 24px 72px;color:var(--fog);}
.article-head-inner{max-width:720px;margin:0 auto;}
.back{font-size:13px;color:var(--sage-lt);text-decoration:none;letter-spacing:.04em;}
.back:hover{color:var(--fog);}
.article-head h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(36px,5.5vw,58px);line-height:1.08;margin:22px 0 16px;}
.article-head .post-meta{color:rgba(247,250,247,.5);}
.article-head .dek{font-size:18px;line-height:1.6;color:rgba(247,250,247,.7);margin-bottom:18px;}
.cover{max-width:760px;margin:-40px auto 0;padding:0 24px;}
.cover img{width:100%;border-radius:18px;display:block;box-shadow:0 20px 48px rgba(26,35,24,.2);}
.prose{max-width:680px;margin:0 auto;padding:56px 24px 40px;font-size:18px;line-height:1.8;color:var(--text);}
.prose > * + *{margin-top:1.3em;}
.prose h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:32px;line-height:1.2;color:var(--dusk);margin-top:1.8em;}
.prose h3{font-size:20px;font-weight:600;color:var(--dusk);margin-top:1.6em;}
.prose a{color:var(--sage-dk);text-decoration:underline;text-underline-offset:3px;}
.prose strong{font-weight:600;}
.prose ul,.prose ol{padding-left:1.4em;}
.prose li + li{margin-top:.5em;}
.prose blockquote{border-left:3px solid var(--sage);padding:4px 0 4px 22px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px;line-height:1.45;color:var(--dusk);}
.prose img{max-width:100%;border-radius:14px;}
.prose hr{border:none;height:1px;background:rgba(143,175,140,.35);margin:2.4em 0;}
.prose code{background:var(--surface);padding:2px 6px;border-radius:6px;font-size:.9em;}
.post-end{max-width:680px;margin:0 auto 96px;padding:0 24px;}
.author-box{background:var(--surface);border-radius:20px;padding:28px 32px;display:flex;flex-direction:column;gap:6px;}
.author-box strong{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--dusk);}
.author-box span{font-size:14px;color:var(--soft);line-height:1.6;}
.share{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.share a{font-size:13px;font-weight:600;letter-spacing:.04em;padding:10px 20px;border-radius:40px;text-decoration:none;border:1px solid var(--sage);color:var(--sage-dk);}
.share a:hover{background:var(--sage-dk);color:var(--fog);border-color:var(--sage-dk);}
.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;flex-wrap:wrap;}
.post-nav a{font-size:14px;color:var(--sage-dk);text-decoration:none;max-width:48%;}

@media(max-width:768px){
  nav{padding:16px 24px;}
  .nav-links{display:none;}
  footer{padding:48px 24px 32px;}
  .footer-top{flex-direction:column;gap:32px;}
  .footer-links{gap:32px;}
  .blog-hero{padding:128px 16px 64px;}
  .blog-wrap{padding:48px 16px 72px;}
  .post-card{padding:24px;}
  .article-head{padding:120px 16px 56px;}
  .prose{padding:40px 16px 32px;font-size:17px;}
  .post-end,.cover{padding:0 16px;}
  .nav-cta{padding:9px 16px;}
}