/* Projects section and project cards */

.project-item {
  margin-bottom: var(--space-3xl);
  position: relative;
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: rgba(19, 27, 46, 0.5);
  backdrop-filter: blur(8px);
}

[data-theme="light"] .project-item {
  background: rgba(255, 255, 255, 0.7);
}

.project-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.project-description {
  max-width: 800px;
  text-align: center;
}

.project-description h4 {
  margin-top: var(--space-md);
  margin-bottom: var(--space-sm);
}

.project-content img {
  width: 100%;
  max-width: 500px;
  height: auto;
  margin-bottom: var(--space-md);
  border-radius: var(--radius-md);
}

.project-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
}

.project-media img,
.project-media video {
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: var(--radius-md);
}

@media (min-width: 1050px) {
  .project-media {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }

  .project-media video {
    margin-right: var(--space-md);
  }

  .project-media video:last-child {
    margin-right: 0;
  }
}