.project {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
}
.panel {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(10, 13, 24, 0.65);
}
.shot {
  min-height: 280px;
  display: grid;
  place-items: center;
  color: var(--muted);
  background: linear-gradient(135deg, #18213a, #0d1324);
}
.meta,
.points {
  display: grid;
  gap: 12px;
}
.points span {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(124, 156, 255, 0.1);
}
@media (max-width: 768px) {
  .project {
    grid-template-columns: 1fr;
  }
}