/* ============================================================
   HELIOCASTLE — MOCKUPS — shared
   Card artwork stands in when a project has no photograph. This is
   the shared frame; each mockup is its own file beside it.
   ============================================================ */

.mock {
  position: absolute;
  inset: 0;
  transition: transform 0.9s var(--ease), filter 0.9s var(--ease);
  filter: brightness(0.9);
}
.project:hover .mock { transform: scale(1.05); filter: brightness(1.05); }

.project-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: 22px 24px;
}
.project-info h3 {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin-bottom: 5px;
  transition: color 0.3s;
}
.project:hover .project-info h3 { color: var(--gold); }
.project-info p { font-size: 12.5px; color: var(--muted); letter-spacing: 0.06em; }

/* ---------- mock: student project (code editor) ---------- */