/* ============================================================
   Rumaiz Interiors — PORTFOLIO PAGE CSS  (portfolio.html only)
   ============================================================
   Load after shared.css:
     <link rel="stylesheet" href="css/shared.css" />
     <link rel="stylesheet" href="css/page-portfolio.css" />
   ============================================================ */

/* ── Project card metadata (below image on portfolio page) ─── */
/* Note: the .portfolio-card image itself is in shared.css.
   These styles handle the text block that appears beneath
   each card on the full portfolio grid. */
.portfolio-meta { margin-top: 1rem; padding: 0 0.25rem; }

.portfolio-meta h3 {
  font-family: var(--font-serif);
  font-size: 1rem;
  color: var(--deep-brown);
  line-height: 1.3;
}

/* Category tag */
.portfolio-meta .cat {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--warm-brown);
  margin-top: 0.25rem;
}

/* Location line */
.portfolio-meta .loc {
  font-size: 0.8125rem;
  color: var(--muted-foreground);
  margin-top: 0.125rem;
}