/* =====================================================================
   Jama Foundation — post-migration layout fixes
   These rules fill in CSS classes that exist in HTML but were not
   exported from Webflow (inner-page templates were never in the export).
   ===================================================================== */

/* Inner-page hero section
   banner-img-wrap is position:absolute with inset:0 0 0 auto — it needs
   a positioned parent with a real height or it anchors to the viewport. */
.page-hero-section {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.page-hero-content-wrap {
  position: relative;
  z-index: 2;
  padding: 140px 0 80px;
}

/* Ensure hero text is readable over the image */
.page-hero-section .subtitle {
  position: relative;
  z-index: 2;
}

/* Cause / project card image links — enforce consistent image height */
.collection-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Review (testimonial) card image — constrain to a circle thumbnail */
.review-img {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  object-fit: cover;
}

/* Responsive: tighten hero on small screens */
@media (max-width: 767px) {
  .page-hero-section {
    min-height: 280px;
  }

  .page-hero-content-wrap {
    padding: 100px 0 50px;
  }
}