/***********************
* Project Category Template
***********************/
.project-category {
  position: relative;
  display: block;
  padding: 120px 0;
}

/* Compact page header: title sits below the floating navbar, no oversized banner */
.page-header--compact {
  padding: 160px 0 50px;
}

.project-category__objective {
  max-width: 800px;
  margin: -20px auto 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.8;
  color: var(--anity-gray);
}

/* Goal + CTA band */
.project-category__goal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 900px;
  margin: 50px auto 0;
  padding: 45px 30px;
  background-color: var(--anity-extra-two);
  border-radius: var(--anity-bdr-radius);
  text-align: center;
}

.project-category__goal-label {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--anity-black);
}

.project-category__goal-amount {
  margin: 0;
  font-family: var(--anity-font-two);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--anity-base);
}

.project-category__goal-btn {
  margin-top: 10px;
}

/* Media block: carousel / video */
.project-category__media {
  max-width: 1170px;
  margin: 50px auto 0;
}

.project-category__slide img,
.project-category__video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--anity-bdr-radius);
}

.project-category__video {
  background-color: var(--anity-black);
}

.project-category__video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--anity-bdr-radius);
  overflow: hidden;
  background-color: var(--anity-black);
}

.project-category__video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.project-category__carousel .owl-dots {
  margin-top: 25px;
  text-align: center;
}

/* Short description */
.project-category__description {
  max-width: 900px;
  margin: 50px auto 0;
  text-align: center;
  font-size: 17px;
  line-height: 1.8;
  color: var(--anity-gray);
}

/* Projects grid + empty state */
.project-category__grid {
  margin-top: 60px;
}

.project-category__empty {
  padding: 50px 0;
  color: var(--anity-gray);
}

/* Related blog section spacing */
.project-category__blog {
  padding-top: 0;
  padding-bottom: 120px;
}

/* Responsive */
@media (max-width: 767px) {
  .project-category {
    padding: 80px 0;
  }

  .project-category__objective {
    font-size: 16px;
  }

  .project-category__goal {
    padding: 35px 20px;
  }

  .project-category__goal-amount {
    font-size: 30px;
  }

  .project-category__blog {
    padding-bottom: 80px;
  }
}