/* ── BLOG POST STYLES ── */
.post-hero {
  min-height: 56vh; display: flex; align-items: flex-end;
  position: relative; overflow: hidden;
  padding: calc(72px + 64px) 5% 72px;
}
.post-hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
}
.post-hero-bg::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(10,18,13,1) 0%, rgba(10,18,13,0.75) 50%, rgba(10,18,13,0.4) 100%);
}
.post-hero-content { position: relative; z-index: 2; max-width: 760px; }
.post-hero h1 {
  font-family: 'Cormorant Garant', serif;
  font-size: clamp(2.4rem, 4.5vw, 4rem);
  font-weight: 300; line-height: 1.08;
  color: var(--cream); letter-spacing: -0.02em; margin-bottom: 16px;
}
.post-hero h1 em { font-style: italic; color: var(--gold-lt); }
.post-meta {
  font-size: 12px; color: var(--cream-dim); font-weight: 300;
  letter-spacing: 0.06em;
}

/* ── ARTICLE ── */
article.post-body {
  max-width: 760px; margin: 0 auto;
  padding: 72px 5% 96px;
  background: var(--bg);
}

.post-intro {
  font-family: 'Cormorant Garant', serif;
  font-size: 1.3rem; font-weight: 300; font-style: italic;
  color: var(--cream); line-height: 1.75;
  border-left: 3px solid var(--gold);
  padding-left: 24px; margin-bottom: 48px;
}

article.post-body h2 {
  font-family: 'Cormorant Garant', serif;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 600; color: var(--cream);
  margin: 48px 0 18px; line-height: 1.2;
}

article.post-body h3 {
  font-family: 'Cormorant Garant', serif;
  font-size: 1.3rem; font-weight: 600;
  color: var(--gold-lt); margin: 32px 0 12px;
}

article.post-body p {
  font-size: 1rem; color: var(--cream-dim);
  line-height: 1.85; font-weight: 300;
  margin-bottom: 20px;
}

article.post-body ul {
  margin: 16px 0 24px 0; display: flex; flex-direction: column; gap: 10px;
}
article.post-body ul li {
  font-size: 0.97rem; color: var(--cream-dim);
  font-weight: 300; line-height: 1.7;
  display: flex; align-items: flex-start; gap: 12px;
  list-style: none;
}
article.post-body ul li::before {
  content: ''; width: 4px; height: 4px; border-radius: 50%;
  background: var(--gold); flex-shrink: 0; margin-top: 9px;
}
article.post-body ul li strong { color: var(--cream); font-weight: 500; }

.post-cta {
  background: var(--forest); border: 1px solid var(--border-lt);
  border-radius: 4px; padding: 48px 40px; margin-top: 56px; text-align: center;
}
.post-cta h3 {
  font-family: 'Cormorant Garant', serif;
  font-size: 1.8rem; font-weight: 400; color: var(--cream); margin-bottom: 12px;
}
.post-cta p { color: var(--cream-dim); font-size: 0.97rem; margin-bottom: 28px; font-weight: 300; }

/* blog index grid update */
.blog-grid-full { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
@media (max-width: 768px) { .blog-grid-full { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .blog-grid-full { grid-template-columns: 1fr; } article.post-body { padding: 48px 5% 72px; } }