/* Hero */
.page-hero {
  padding: 150px 0 80px;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.75) 100%),
    url('../img/hero/hero-1.jpg') center/cover no-repeat;
}

/* Annual report cards */
.report-card {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 16px;
  height: 100%;
  background: #fff;
  transition: box-shadow .2s ease, transform .2s ease;
}
.report-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.report-card .icon {
  width: 40px; height: 40px; border-radius: 8px;
  display: grid; place-items: center; margin-bottom: 10px;
  background: #f7f7f9; color: #d32d6c; font-size: 1.2rem;
}

/* Grid + cards */
.project-card {
  border: 1px solid rgba(0,0,0,.08);
  background: #fff; border-radius: 14px; overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}
.project-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.project-card .thumb img { width: 100%; height: 100%; object-fit: cover; }
.project-card .body { padding: 14px; }
.project-card .tags .badge { margin-right: 6px; }
.project-card .desc {
  display: -webkit-box;
  -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Loading row */
.loading-row {
  display: flex; align-items: center; justify-content: center;
  padding: 24px; border: 1px dashed rgba(0,0,0,.15); border-radius: 12px;
}

/* ——— GLightbox: make inline content visible ——— */

/* Keep inline stubs hidden on page */
.glightbox-desc { display: none; }

/* When GLightbox mounts inline content, force it visible */
.glightbox-container .glightbox-desc { display: block !important; }

/* Tidy the inline modal */
.project-modal {
  background: #fff;
  color: #222;
  padding: 1.25rem;
  border-radius: 12px;
  max-width: 900px;
  margin: 0 auto;
}
.project-modal img { width: 100%; height: auto; border-radius: 12px; display:block; }

/* PDF modals */
.pdf-modal {
  width: min(1024px, 92vw);
  height: min(88vh, 1000px);
  background: #fff; border-radius: 12px; overflow: hidden;
}
.pdf-modal object, .pdf-modal iframe {
  width: 100%; height: 100%; border: 0; display: block; background: #fff;
}

/* Filters */
.project-controls .btn { white-space: nowrap; }