/* Blog — listagem */
.blog-hero { padding: clamp(60px, 8vw, 100px) 0 clamp(40px, 5vw, 60px); }
  .blog-hero h1 { font-size: clamp(48px, 7vw, 96px); }

  .cat-bar {
    display: flex; gap: 8px; flex-wrap: wrap;
    margin-top: 40px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--line);
  }
  .cat-chip {
    padding: 10px 18px; border-radius: 999px;
    border: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px;
    letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--muted-on-dark);
    cursor: pointer;
    transition: all .2s;
  }
  .cat-chip:hover { color: var(--gold); border-color: var(--line-strong); }
  .cat-chip.active { background: var(--gold); color: var(--ink); border-color: var(--gold); font-weight: 600; }

  .featured {
    display: grid; grid-template-columns: 1.3fr 1fr;
    gap: 56px;
    margin-top: 48px;
    align-items: center;
    padding-bottom: 64px;
    border-bottom: 1px solid var(--line);
  }
  .featured .ph { aspect-ratio: 16/10; }
  .featured .meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--gold); text-transform: uppercase; margin-bottom: 16px; }
  .featured h2 { font-size: clamp(32px, 4vw, 52px); margin-bottom: 20px; }
  .featured p { color: var(--muted-on-dark); font-size: 16px; max-width: 50ch; }
  .featured .author { margin-top: 28px; display: flex; gap: 12px; align-items: center; }
  .featured .author .avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-hi), var(--gold-lo)); display: flex; align-items: center; justify-content: center; color: var(--ink); font-family: var(--font-display); font-weight: 600; }
  .featured .author .name { font-size: 14px; font-weight: 600; }
  .featured .author .role { font-size: 11px; color: var(--muted-on-dark); font-family: var(--font-mono); letter-spacing: 0.06em; }
  @media (max-width: 920px) { .featured { grid-template-columns: 1fr; gap: 32px; } }

  .post-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 48px 32px;
    margin-top: 64px;
  }
  .post-grid .post-card { display: flex; flex-direction: column; gap: 18px; }
  .post-grid .post-card .ph { aspect-ratio: 4/3; border-radius: var(--r-md); }
  .post-grid .post-card .meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; color: var(--gold); text-transform: uppercase; }
  .post-grid .post-card h3 { font-size: 24px; line-height: 1.15; transition: color .2s; }
  .post-grid .post-card:hover h3 { color: var(--gold-hi); }
  .post-grid .post-card .excerpt { font-size: 14px; color: var(--muted-on-dark); max-width: 40ch; }
  @media (max-width: 920px) { .post-grid { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 640px) { .post-grid { grid-template-columns: 1fr; } }

  .newsletter {
    margin-top: 96px;
    background: var(--paper);
    color: var(--ink);
    border-radius: var(--r-lg);
    padding: 64px;
    display: grid; grid-template-columns: 1.2fr 1fr;
    gap: 48px; align-items: center;
  }
  .newsletter h3 { font-size: 36px; color: var(--ink); margin-bottom: 12px; }
  .newsletter p { color: var(--muted); max-width: 42ch; }
  .nl-form { display: flex; gap: 8px; flex-direction: column; }
  .nl-form input {
    padding: 16px 18px;
    background: white;
    border: 1px solid rgba(46,40,28,0.15);
    border-radius: var(--r-sm);
    font: inherit; font-size: 14px;
    color: var(--ink);
  }
  .nl-form input:focus { outline: none; border-color: var(--gold); }
  @media (max-width: 820px) { .newsletter { padding: 40px 32px; grid-template-columns: 1fr; gap: 24px; } }