/* Projects: the two-column card grid. */
.project-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
@media (max-width:720px){ .project-grid{ grid-template-columns:1fr; } }

.project-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--panel);
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:14px;
  transition:border-color 0.2s ease, transform 0.2s ease;
}
.project-card:hover{
  border-color:var(--line-strong);
  transform:translateY(-2px);
}
.project-card .p-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}
.project-card h3{
  font-family:var(--font-display);
  font-size:1.1rem;
  font-weight:600;
  color:var(--text);
}
.project-card .p-period{
  font-family:var(--font-mono);
  font-size:var(--fs-xs);
  color:var(--muted);
  white-space:nowrap;
}
.project-card .p-tag{
  font-family:var(--font-mono);
  font-size:var(--fs-xs);
  color:var(--accent);
  letter-spacing:0.04em;
}
.project-card ul{ list-style:none; }
.project-card li{
  position:relative;
  padding-left:16px;
  font-size:0.86rem;
  color:var(--text-dim);
  margin-top:8px;
}
.project-card li::before{
  content:'·';
  position:absolute;
  left:0;
  color:var(--accent);
  font-size:1.2rem;
  line-height:0.6;
  top:1px;
}
.project-card .pill-group{ margin-top:auto; }

/* Consulting tab: service cards (project-card styles), contact button */
.consulting-contact{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:28px;
}
.contact-btn{
  font-family:var(--font-mono);
  font-size:var(--fs-sm);
  color:var(--on-accent);
  background:var(--accent);
  padding:10px 18px;
  border-radius:var(--radius-sm);
}
.contact-btn:hover{ color:var(--on-accent); background:var(--accent-bright); }
.consulting-note{
  font-family:var(--font-mono);
  font-size:var(--fs-xs);
  color:var(--muted);
}