.project-detail-card {
  border: 1px solid var(--border);
  background: linear-gradient(145deg, var(--panel), transparent);
  border-radius: var(--radius2);
  overflow: hidden;
  box-shadow: var(--shadow);
/*  transition: transform 0.3s ease;*/
}

.project-detail-card:hover {
/*  transform: translateY(-6px);*/
}

.project-hero-image {
  height: 400px;
  background-size: cover;
  background-position: center;
  position: relative;
  border-bottom: 1px solid var(--border);
}

.project-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 40%, rgba(11,15,25,0.85) 80%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px;
  color: white;
}

.project-overlay h2 {
  margin: 0 0 12px;
  font-size: clamp(32px, 5vw, 48px);
  letter-spacing: -0.02em;
}

.project-content {
  padding: 40px;
}

.project-side-image {
  height: 320px;
  background-size: cover;
  background-position: center;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  box-shadow: 0 12px 40px rgba(0,0,0,0.3);
}

.split.reverse {
  grid-template-columns: 1.1fr 0.9fr;
}

@media (max-width: 960px) {
  .split, .split.reverse {
    grid-template-columns: 1fr;
  }
  .project-hero-image { height: 320px; }
  .project-side-image { height: 280px; margin-top: 24px; }
}