/* =========================

   TWO-COLUMN PROJECT PAGES

   ========================= */

.project-detail {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 2.5rem;

  align-items: start;

  margin-bottom: 4rem;

}



.project-detail .project-thumb {

  width: 100%;

  height: auto;

  aspect-ratio: 4 / 3; /* 1200 x 900 ratio */

  overflow: hidden;

  border-radius: 12px;

  background: #f2f2f2;

}



.project-detail .project-thumb img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

  object-position: center;

}



.project-detail .project-content h3 {

  margin-top: 0;

  margin-bottom: 0.35rem;

}



.project-detail .project-content h4 {

  margin-top: 0;

  margin-bottom: 1rem;

  font-size: 1rem;

  font-weight: 600;

  color: #666;

}



.project-detail .project-content p {

  margin-bottom: 1rem;

  line-height: 1.65;

}



@media (max-width: 900px) {

  .project-detail {

    grid-template-columns: 1fr;

  }

}