@charset "UTF-8";
/* CSS Document */
.project-showcase {
  display: flex;
  flex-wrap: nowrap;
  gap: 0; /* Remove gap between columns */
  width: 100%;
  margin: 0;
  padding: 0; /* Ensure no padding on the container */
}

.project-text {
  flex: 0 0 40%;
  padding: 3rem;
  font-family: sans-serif;
}

.project-images {
  flex: 0 0 60%;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Only 2 columns */
  gap: 0;
  margin: 0;
  padding: 0;
}

.project-videos {
  flex: 0 0 60%;
  aspect-ratio: 16 / 9;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Remove any potential body/html margins */
body, html {
  margin: 0;
  padding-top: 30px;
  overflow-x: hidden; /* Prevent horizontal scroll if images are exactly 100% */
}

.project-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	 display: block;
}

.project-images a.wide {
  grid-column: span 2;
}

.project-text h1 {
  font-size: 60px;
  margin-bottom: 30px;
 text-align: left;
}

.project-text p {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
}

/* Responsive layout for smaller screens */
@media (max-width: 768px) {
  .project-showcase {
    flex-direction: column;
  }

  .project-text,
  .project-images,
	.project-videos {
    flex: 1 1 100%;
  }
	
  .project-text {
  padding: 2rem;
}

  .project-images {
    grid-template-columns: repeat(2, 1fr);
  }
}