/* NTM PRINTSHOP — CARDS
   Kartu reusable, mis. project-card pada halaman listing proyek.
   Design tokens: css/tokens.css (source of truth). */

.project-card {
  display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease), border-color 0.4s var(--ease);
}
.project-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px -24px var(--ink);
  border-color: var(--line-strong);
}
.project-card__media {
  aspect-ratio: 16 / 10;
  background: var(--paper-soft);
  position: relative;
  overflow: hidden;
}
.project-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.project-card__media .ph { height: 100%; border: none; border-bottom: 1px dashed var(--accent); border-radius: 0; }
.project-card__num {
  position: absolute; top: 12px; left: 12px;
  font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.1em;
  color: var(--paper); background: var(--ink); padding: 4px 8px; border-radius: 4px;
}
.project-card__body { padding: 22px 22px 26px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.project-card__cat { font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--accent-deep); text-transform: uppercase; }
.project-card__title { font-family: var(--f-display); font-weight: 400; font-size: clamp(20px, 2.4vw, 26px); line-height: 1.12; letter-spacing: -0.02em; }
.project-card__client { font-size: 13px; color: var(--ink-mid); }
.project-card__summary { font-size: 14px; line-height: 1.55; color: var(--ink-mid); }
.project-card__more { margin-top: auto; padding-top: 10px; font-family: var(--f-mono); font-size: 12px; color: var(--accent-deep); letter-spacing: 0.04em; }