:root {
  --accent-pink: #b8749b;
  --light-pink: #f3cde1;
  --very-light-pink: #f9eef6;
  --dark-grey: #595959;
}

body{
  color: var(--dark-grey);
}
.project-media {
  max-width: 900px;
  margin: 6rem auto 0; /* 3rem top margin adds more space */
}


.project-media img {
  width: 100%;
  object-fit: cover;
}



.project-media video,
.project-media img {
  width: 100%;
  object-fit: cover;
  display: block;
}



.project-container {
  padding: 2rem;
  max-width: 900px;
  margin: 1rem auto 2rem; /* top: 1rem, bottom: 2rem */
}


.project-container h1 {
  color: var(--accent-pink);
  font-size: 3rem;
  margin-bottom: 1rem;
}

.project-container p {
  font-size: 1.2rem;
  line-height: 1.7;
  margin-bottom: 2rem;
}

.project-details {
  list-style: none;
  padding: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.project-details li {
  margin-bottom: 0.5rem;
}

.project-details strong {
  font-weight: bold;
}

/* Responsive fix */
@media (max-width: 900px) {
  .project-container h1 {
    font-size: 2.4rem;
  }
}