.blog-hero {
    position: relative;
    padding: 160px 0 80px;
    background: var(--forest);
    color: var(--cream); overflow: hidden;
  }
  .blog-hero__bg {
    position: absolute; inset: 0;
    background: url('foto/han-seara.jpg') center/cover;
    filter: saturate(0.7) brightness(0.45);
  }
  .blog-hero__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,26,10,0.6), rgba(6,15,4,0.95)); }
  .blog-hero__content { position: relative; z-index: 2; text-align: center; max-width: 880px; margin: 0 auto; }
  .blog-hero h1 {
    font-family: var(--serif); font-weight: 400;
    font-size: clamp(54px, 8vw, 120px); line-height: 0.96;
    margin: 22px 0 24px; letter-spacing: -0.02em;
  }
  .blog-hero h1 .italic { font-style: italic; color: var(--gold-pale); }
  .blog-hero__tag {
    font-family: var(--serif); font-style: italic;
    font-size: clamp(20px, 2vw, 26px);
    color: rgba(242,232,214,0.78); max-width: 50ch; margin: 0 auto 32px;
  }
  .blog-hero__cats { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
  .blog-hero__cats a {
    border: 1px solid var(--hairline);
    padding: 9px 16px; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
    color: rgba(242,232,214,0.7); transition: all 250ms var(--ease);
  }
  .blog-hero__cats a:hover, .blog-hero__cats a.active { background: var(--gold); color: var(--forest-deep); border-color: var(--gold); }

  .featured { background: var(--cream-bg); padding: clamp(80px, 12vh, 130px) 0 60px; }
  .featured__inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(40px, 5vw, 70px); align-items: center; }
  .featured__img { aspect-ratio: 4 / 3; overflow: hidden; position: relative; display: block; }
  .featured__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1000ms var(--ease); }
  .featured__img:hover img { transform: scale(1.04); }
  .featured__img .tag {
    position: absolute; top: 18px; left: 18px;
    background: var(--gold); color: var(--forest-deep);
    padding: 8px 14px; font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase;
  }
  .featured__body .eyebrow { margin-bottom: 24px; }
  .featured__body h2 {
    font-family: var(--serif); font-weight: 400;
    font-size: clamp(36px, 4.4vw, 64px); line-height: 1.05;
    margin: 0 0 22px; color: var(--ink); letter-spacing: -0.015em;
  }
  .featured__body h2 .italic { font-style: italic; color: var(--gold-soft); }
  .featured__body p { color: rgba(29,27,22,0.7); margin: 0 0 28px; max-width: 52ch; }
  .featured__meta { display: flex; gap: 18px; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(29,27,22,0.55); margin-bottom: 28px; flex-wrap: wrap; }
  .featured__meta .dot { color: var(--gold); }

  .posts { background: var(--cream-bg); padding: 30px 0 clamp(80px, 12vh, 140px); }
  .posts__head {
    display: flex; justify-content: space-between; align-items: end;
    margin-bottom: 50px; padding-top: 30px;
    border-top: 1px solid var(--hairline-dark);
    flex-wrap: wrap; gap: 20px;
  }
  .posts__head h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(34px, 4vw, 54px); margin: 0; letter-spacing: -0.01em; line-height: 1.1; }
  .posts__head h2 .italic { font-style: italic; color: var(--gold-soft); }
  .posts__sort { font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(29,27,22,0.6); }
  .posts__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 30px; }
  .post { display: grid; gap: 22px; transition: transform 400ms var(--ease); }
  .post:hover { transform: translateY(-6px); }
  .post__img { aspect-ratio: 4 / 3; overflow: hidden; position: relative; background: var(--forest); display: block; }
  .post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--ease); filter: saturate(0.92); }
  .post:hover .post__img img { transform: scale(1.06); filter: saturate(1.02); }
  .post__img .cat {
    position: absolute; top: 14px; left: 14px;
    background: rgba(6,15,4,0.85); color: var(--gold-pale);
    padding: 5px 11px; font-size: 9.5px; letter-spacing: 0.28em; text-transform: uppercase;
    backdrop-filter: blur(4px);
  }
  .post__body { display: grid; gap: 12px; }
  .post__meta { font-size: 10.5px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(29,27,22,0.55); }
  .post__title {
    font-family: var(--serif); font-weight: 400;
    font-size: 26px; line-height: 1.18;
    color: var(--ink); letter-spacing: -0.01em; margin: 0;
  }
  .post__title .italic { font-style: italic; color: var(--gold-soft); font-weight: 300; }
  .post__excerpt { color: rgba(29,27,22,0.65); font-size: 14.5px; line-height: 1.65; margin: 0; }
  .post__read {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase;
    color: var(--ink); padding-bottom: 4px; border-bottom: 1px solid var(--ink);
    width: max-content;
    transition: color 250ms var(--ease), border-color 250ms var(--ease);
  }
  .post:hover .post__read { color: var(--gold-soft); border-color: var(--gold-soft); }

  .newsletter {
    background: var(--forest); color: var(--cream);
    padding: clamp(70px, 9vh, 110px) 0;
    text-align: center; position: relative; overflow: hidden;
  }
  .newsletter::before { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 80% at 50% 50%, rgba(197,137,62,0.12), transparent 60%); pointer-events: none; }
  .newsletter h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(36px, 4.4vw, 60px); margin: 14px 0 16px; color: var(--cream); letter-spacing: -0.01em; line-height: 1.1; }
  .newsletter h2 .italic { font-style: italic; color: var(--gold-pale); }
  .newsletter p { color: rgba(242,232,214,0.7); max-width: 50ch; margin: 0 auto 32px; }
  .newsletter__form { display: flex; gap: 0; max-width: 520px; margin: 0 auto; border: 1px solid var(--hairline); background: var(--forest-deep); }
  .newsletter__form input {
    flex: 1; background: transparent; border: 0; color: var(--cream); font: inherit;
    padding: 16px 20px; font-size: 14px; outline: none;
  }
  .newsletter__form input::placeholder { color: rgba(242,232,214,0.4); }
  .newsletter__form button {
    background: var(--gold); color: var(--forest-deep);
    padding: 16px 26px; font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 500;
    cursor: pointer; transition: background 300ms var(--ease);
  }
  .newsletter__form button:hover { background: var(--gold-pale); }

  .pagination { display: flex; justify-content: center; gap: 12px; margin-top: 60px; flex-wrap: wrap; }
  .pagination a {
    width: 44px; height: 44px; display: grid; place-items: center;
    border: 1px solid var(--hairline-dark);
    font-size: 13px; color: var(--ink);
    transition: all 250ms var(--ease);
  }
  .pagination a:hover, .pagination a.active { background: var(--forest); color: var(--cream); border-color: var(--forest); }
  .pagination a.next { width: auto; padding: 0 18px; letter-spacing: 0.2em; text-transform: uppercase; font-size: 11px; }

  @media (max-width: 1024px) {
    .featured__inner { grid-template-columns: 1fr; }
    .posts__grid { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 560px) {
    .posts__grid { grid-template-columns: 1fr; }
    .newsletter__form { flex-direction: column; }
  }