.blog-hero { padding: var(--space-9) 0 var(--space-7); background: var(--brand-cream); }
  .blog-hero h1 { font-family: var(--font-serif); font-weight: 500; font-size: clamp(2.6rem, 4.6vw, 4rem); line-height: 1.02; letter-spacing: -0.025em; margin: var(--space-3) 0 var(--space-4); }
  .blog-hero h1 em { font-style: italic; color: var(--accent-sage-ink); font-weight: 500; }

  .blog-tags { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: var(--space-5); }
  .blog-tag { padding: 6px 12px; border-radius: var(--radius-pill); font-size: 0.8125rem; color: var(--fg-2); background: var(--surface); border: 1px solid var(--border); cursor: pointer; }
  .blog-tag:hover, .blog-tag.active { background: var(--brand-trunk); color: var(--brand-cream); border-color: var(--brand-trunk); }

  .featured-article { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-7); margin-bottom: var(--space-9); padding: var(--space-7); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-2xl); }
  .featured-img { aspect-ratio: 4/3; border-radius: var(--radius-xl); background: linear-gradient(135deg, var(--brand-cream-deep) 0%, var(--tint-sage-lt) 100%); display: grid; place-items: center; color: var(--accent-sage-ink); font-family: var(--font-serif); font-style: italic; }
  .featured-article h2 { font-family: var(--font-serif); font-weight: 500; font-size: 2.4rem; line-height: 1.05; letter-spacing: -0.02em; margin: var(--space-3) 0 var(--space-4); }
  .featured-article p { font-size: 1.0625rem; color: var(--fg-2); line-height: 1.6; }

  .post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
  .post-card { display: flex; flex-direction: column; gap: var(--space-3); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: var(--space-5); transition: all var(--dur-base) var(--ease-out); cursor: pointer; }
  .post-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
  .post-card__img { aspect-ratio: 16/10; border-radius: var(--radius-lg); margin-bottom: var(--space-2); }
  .post-card__img.var-a { background: linear-gradient(135deg, #C7A981 0%, #8B6F47 100%); }
  .post-card__img.var-b { background: linear-gradient(135deg, #A8C5A3 0%, #4F7A48 100%); }
  .post-card__img.var-c { background: linear-gradient(135deg, var(--tint-amber) 0%, #C68A0E 100%); }
  .post-card__img.var-d { background: linear-gradient(135deg, var(--tint-pink) 0%, #C43D6B 100%); }
  .post-card__img.var-e { background: linear-gradient(135deg, var(--tint-orange) 0%, #D46B1F 100%); }
  .post-card__img.var-f { background: linear-gradient(135deg, var(--bg-muted) 0%, var(--brand-trunk) 100%); }
  .post-card__meta { font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; color: var(--fg-3); }
  .post-card h3 { font-family: var(--font-serif); font-size: 1.4rem; font-weight: 500; line-height: 1.15; letter-spacing: -0.01em; margin: 0; }
  .post-card p { font-size: 0.875rem; color: var(--fg-2); margin: 0; line-height: 1.5; }
  .post-card__foot { display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; color: var(--fg-3); margin-top: auto; padding-top: var(--space-3); border-top: 1px solid var(--border); }