/* ============================================================
   WELDONE EVENTS — Journal (blog) styles
   Shares .j-card / .j-meta styles defined here for blog pages.
   ============================================================ */

/* featured post */
.post-feature{
  display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(30px, 4vw, 60px);
  border:1px solid var(--line); border-radius:calc(var(--radius) + 8px);
  overflow:hidden; background:var(--bg-3);
  transition:box-shadow .5s, border-color .4s;
}
.post-feature:hover{ box-shadow:var(--shadow); border-color:var(--gold); }
.pf-media{ min-height:380px; }
.pf-media img{ width:100%; height:100%; object-fit:cover; }
.pf-body{
  padding:clamp(28px, 4vw, 56px) clamp(24px, 3vw, 48px) clamp(28px, 4vw, 56px) 0;
  display:flex; flex-direction:column; gap:18px; justify-content:center;
}
.pf-flag{
  font-size:.66rem; letter-spacing:.4em; text-transform:uppercase; font-weight:500;
  color:var(--gold);
}
.pf-body h2{ transition:color .35s; }
.post-feature:hover .pf-body h2{ color:var(--gold); }
.pf-body p{ color:var(--ink-2); max-width:52ch; }

/* shared journal card (also used on home via home.css — duplicated for standalone pages) */
.journal-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; }
.j-card{
  display:flex; flex-direction:column; border-radius:var(--radius);
  background:var(--bg-3); border:1px solid var(--line-2); overflow:hidden;
  transition:transform .5s var(--ease), box-shadow .5s, border-color .4s;
}
.j-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow); border-color:var(--line); }
.j-media{ aspect-ratio:16/10; }
.j-media img{ width:100%; height:100%; object-fit:cover; }
.j-body{ padding:26px 26px 30px; display:flex; flex-direction:column; gap:14px; flex:1; }
.j-meta{ display:flex; align-items:center; gap:14px; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-3); flex-wrap:wrap; }
.j-chip{
  padding:5px 14px; border-radius:99px; border:1px solid var(--line);
  color:var(--gold); font-weight:500;
}
.j-body h3{ font-size:1.4rem; line-height:1.3; transition:color .35s; }
.j-card:hover h3{ color:var(--gold); }
.j-excerpt{ font-size:.9rem; color:var(--ink-2); }
.j-more{
  margin-top:auto; display:inline-flex; align-items:center; gap:9px;
  font-size:.72rem; letter-spacing:.26em; text-transform:uppercase; font-weight:500; color:var(--ink-2);
  transition:color .35s, gap .35s;
}
.j-more svg{ width:14px; height:14px; }
.j-card:hover .j-more{ color:var(--gold); gap:14px; }

@media (max-width:1024px){ .journal-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:900px){
  .post-feature{ grid-template-columns:1fr; }
  .pf-media{ min-height:260px; }
  .pf-body{ padding:0 clamp(24px, 4vw, 40px) clamp(28px, 5vw, 44px); }
}
@media (max-width:640px){ .journal-grid{ grid-template-columns:1fr; } }