/* ── Page header ─────────────────────────────────────── */
.page-header {
  padding: 160px 0 80px;
  background: var(--cream);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.page-header::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url('/assets/logo/logo-jf-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  opacity: .04;
  pointer-events: none;
}
.page-header__label { font-size: .68rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--gray); display: block; margin-bottom: 16px; }
.page-header__title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.4rem, 5vw, 3.8rem); font-weight: 300; color: var(--dark); position: relative; z-index: 1; }
.page-header__title em { font-style: italic; color: var(--brand); }
.page-header__desc { font-size: .9rem; color: var(--brand); font-weight: 400; max-width: 480px; margin: 20px auto 0; line-height: 1.8; position: relative; z-index: 1; }

/* ── Blog grid ───────────────────────────────────────── */
.blog-section { padding: 96px 0; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }

.post-card { display: flex; flex-direction: column; border: 1px solid var(--gray-border); background: var(--white); transition: box-shadow var(--transition), transform var(--transition); }
.post-card:hover { box-shadow: 0 8px 32px rgba(105,88,77,.1); transform: translateY(-3px); }

.post-card__img { width: 100%; height: 220px; overflow: hidden; }
.post-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; filter: grayscale(10%); }
.post-card:hover .post-card__img img { transform: scale(1.04); filter: grayscale(0); }

.post-card__body { padding: 28px 28px 32px; display: flex; flex-direction: column; flex: 1; }
.post-card__meta { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.post-card__category { font-size: .6rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--white); background: var(--brand); padding: 4px 10px; }
.post-card__date { font-size: .7rem; color: var(--gray); letter-spacing: .06em; }

.post-card__title { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; font-weight: 400; color: var(--dark); line-height: 1.25; margin-bottom: 12px; transition: color var(--transition); }
.post-card:hover .post-card__title { color: var(--brand); }

.post-card__excerpt { font-size: .82rem; color: var(--brand); font-weight: 400; line-height: 1.8; flex: 1; margin-bottom: 24px; }

.post-card__link { font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--brand); border-bottom: 1px solid var(--gray-border); padding-bottom: 4px; align-self: flex-start; transition: border-color var(--transition), color var(--transition); }
.post-card:hover .post-card__link { border-color: var(--brand); color: var(--dark); }

.blog-empty { text-align: center; padding: 80px 0; color: var(--gray); font-size: .9rem; }

/* ── Responsivo ──────────────────────────────────────── */
@media (max-width: 960px) { .blog-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .blog-grid { grid-template-columns: 1fr; } }