/* NTM PRINTSHOP — PROJECTS INDEX (listing)
   Design tokens: css/tokens.css (source of truth). */

.projects-hero { max-width: var(--maxw); margin: 0 auto; padding: 32px var(--pad-x) 8px; }
.projects-hero .eyebrow { margin-bottom: 20px; }
.projects-hero__title {
  font-family: var(--f-display); font-weight: 400;
  font-size: clamp(40px, 7vw, 88px); line-height: 1.02; letter-spacing: -0.03em;
  max-width: 16ch; margin-bottom: 20px;
}
.projects-hero__title em { color: var(--accent); font-weight: 300; }
.projects-hero__sub { max-width: 56ch; color: var(--ink-mid); font-size: clamp(16px, 2vw, 19px); line-height: 1.6; }

.projects-grid {
  max-width: var(--maxw); margin: 0 auto; padding: 48px var(--pad-x) 96px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px;
}

.projects-empty {
  max-width: var(--maxw); margin: 0 auto; padding: 24px var(--pad-x) 96px;
  color: var(--ink-mid);
}