/* Completed Projects Specific Styles */

.completed-hero {
  position: relative; 
  margin-top: 100px; 
  height: 40vh; 
  min-height: 300px;
  display: flex; 
  align-items: center; 
  justify-content: center;
}
.completed-hero-bg {
  position: absolute; 
  top: 0; left: 0; width: 100%; height: 100%; z-index: 1; 
  background-size: cover; 
  background-position: center;
  background-image: url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&q=80&w=1920');
}
.completed-hero-overlay {
  position: absolute; 
  top: 0; left: 0; width: 100%; height: 100%; z-index: 2; 
  background: rgba(0,0,0,0.6);
}
.completed-hero-text {
  position: relative; z-index: 3; text-align: center; color: var(--white);
}
.completed-hero-text h1 {
  font-size: 52px; font-weight: 700; color: var(--white); margin-bottom: 10px;
}
.completed-hero-text p {
  font-size: 18px; font-family: var(--font-nav); letter-spacing: 2px; text-transform: uppercase;
}

/* Project Sections */
.project-section {
  padding: 80px 0;
}
.project-section:nth-child(even) {
  background-color: var(--off-white);
}
.project-section:nth-child(odd) {
  background-color: var(--white);
}

.gallery-grid { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap: 20px; 
  margin-top: 40px;
}
.gal-img { 
  border-radius: 8px; 
  overflow: hidden; 
  height: 280px; 
  cursor: pointer; 
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.gal-img img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  transition: transform 0.4s ease; 
}
.gal-img:hover img { 
  transform: scale(1.08); 
}

@media (max-width: 1024px) {
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .gallery-grid { grid-template-columns: 1fr; }
  .completed-hero-text h1 { font-size: 36px; }
  .gal-img { height: 220px; }
}