/* ============================================================
   POSTS / POSTERS GALLERY
   ============================================================ */
.posts-hero{ padding:56px 0 30px; text-align:center; }
.posts-hero h1{ font-size:clamp(30px,4vw,44px); margin:14px 0 12px; }
.posts-hero p{ color:var(--ink-soft); max-width:60ch; margin:0 auto; font-size:16px; }

.posts-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:26px;
}
.post-card{
  background:var(--parchment);
  border:1px solid var(--paper-line);
  overflow:hidden;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}
.post-card:hover{ transform:translateY(-3px); box-shadow:0 16px 32px rgba(0,0,0,.14); }
.post-card .post-img-wrap{ width:100%; aspect-ratio:1/1; overflow:hidden; background:var(--parchment-2); }
.post-card img{ width:100%; height:100%; object-fit:cover; display:block; }
.post-card .post-body{ padding:16px 18px 18px; }
.post-card h3{ font-size:16px; margin-bottom:6px; line-height:1.3; }
.post-card p{ font-size:13px; color:var(--ink-soft); line-height:1.5; margin:0; }
.post-card .post-date{ font-family:var(--font-mono); font-size:10px; color:var(--brass); letter-spacing:.06em; text-transform:uppercase; margin-top:10px; display:block; }

.posts-empty{ text-align:center; color:var(--ink-soft); padding:60px 0; font-size:15px; }

/* ---- lightbox ---- */
.post-lightbox{
  position:fixed; inset:0; background:rgba(10,10,8,0.88);
  display:flex; align-items:center; justify-content:center;
  z-index:300; padding:24px; opacity:0; pointer-events:none; transition:opacity .25s ease;
}
.post-lightbox.is-open{ opacity:1; pointer-events:auto; }
.post-lightbox-inner{ max-width:720px; width:100%; background:var(--parchment); border:1px solid var(--ink); }
.post-lightbox img{ width:100%; display:block; max-height:70vh; object-fit:contain; background:#000; }
.post-lightbox-body{ padding:20px 24px; }
.post-lightbox-body h3{ font-size:19px; margin-bottom:8px; }
.post-lightbox-body p{ font-size:14px; color:var(--ink-soft); }
.post-lightbox-close{
  position:absolute; top:18px; right:18px; width:36px; height:36px;
  background:var(--parchment); border:1px solid var(--ink); cursor:pointer; font-size:18px;
  display:flex; align-items:center; justify-content:center;
}

@media (max-width:960px){
  .posts-grid{ grid-template-columns:repeat(2, 1fr); gap:18px; }
}
@media (max-width:600px){
  .posts-grid{ grid-template-columns:1fr; }
  .post-card .post-img-wrap{ aspect-ratio:4/3; }
}