/* Projects / Portfolio Styles */

/* Projects Archive */
.page-projects { padding-block: var(--space-2xl); }
.projects-header { margin-bottom: var(--space-xl); }
.projects-header h1 { margin-bottom: var(--space-sm); }
.projects-header p { font-size: 1.0625rem; color: var(--color-muted); max-width: 640px; }

.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}

.project-card[data-hidden="true"] { display: none; }

/* Related Projects */
.related-projects { background: var(--color-bg); padding-block: var(--space-2xl); }
.related-projects .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}

/* Project CTA */
.project-cta {
  background: linear-gradient(135deg, var(--color-navy), var(--color-blue));
  padding-block: var(--space-2xl);
  text-align: center;
  color: var(--color-white);
}
.project-cta h2 { color: var(--color-white); margin-bottom: var(--space-sm); }
.project-cta p { color: rgba(255,255,255,0.85); margin-bottom: var(--space-xl); font-size: 1.0625rem; }
.project-cta .contact-form-wrap {
  max-width: 640px;
  margin-inline: auto;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
}

/* Gallery on single project */
.project-gallery { padding-block: var(--space-xl); }
.project-gallery h2 { margin-bottom: var(--space-lg); }

/* Client Rating */
.client-rating {
  background: var(--color-bg);
  border-radius: var(--border-radius-lg);
  padding: var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-xl);
}
.client-rating__stars { font-size: 1.5rem; }
.client-rating__name { font-weight: var(--font-weight-bold); color: var(--color-navy); }
.client-rating__meta { font-size: 0.875rem; color: var(--color-muted); }

/* Systems badge chips */
.system-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.chip {
  background: var(--color-navy);
  color: var(--color-white);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-medium);
  padding: 0.25rem 0.75rem;
  border-radius: 100px;
  text-transform: capitalize;
}