/* ============================
   Work/Portfolio Page Styles
   ============================ */

.hero--page {
  min-height: 45vh;
}

.hero--page::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--color-bg-elevated));
  pointer-events: none;
}

.hero--page + .section {
  padding-top: var(--space-12);
}

.work-intro {
  margin-top: var(--space-6);
  max-width: 560px;
}

.work-intro p {
  font-size: var(--text-base);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin-bottom: var(--space-3);
}

.work-intro p:last-child {
  margin-bottom: 0;
}

#portfolio-grid {
  gap: var(--space-6);
}