/*
 * Path:        public_html/assets/css/page_projects_listing.css
 * Filename:    page_projects_listing.css
 * Project:     revisualized.com
 * Description: Projects listing page layout: page heading block above the
 *              shared filter and grid components from main.css.
 * Status:      production
 * Revision:    2
 * Updated:     2026-07-05
 * Included by: projects/index.php via $page_stylesheet (Contract 1)
 */

.listing_heading { margin-bottom: 8px; }

.listing_heading__title {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-page-text);
  margin-bottom: 8px;
}

.listing_heading__lede {
  font-size: var(--text-body);
  line-height: 1.65;
  color: var(--color-text-muted);
  margin-bottom: 20px;
  max-width: 64ch;
}

.listing_empty_state {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  padding: 24px 0;
}