.sec1 {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.before-after {
   display: flex;
   gap: 20px;
}

.before-after img {
   width: 50%;
   height: 400px;
   object-fit: cover;
   border-radius: 10px;
}

.process {
   margin-top: 40px;
   max-width: 700px;
}

.process h2 {
   color: #d4af37;
   margin-bottom: 10px;
}

.process p {
   color: #aaa;
   line-height: 1.6;
}

/* =========================
   SECTION 2 (Gallery)
   ========================= */
.sec2 {
   display: flex;
   align-items: center;
   justify-content: center;
}

.gallery {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 12px;
   width: 80%;
}

.gallery img {
   width: 100%;
   height: 220px;
   object-fit: cover;
   border-radius: 10px;
   transition: 0.3s;
}

.gallery img:hover {
   transform: scale(1.05);
}

/* =========================
   SECTION 3 (VIDEO)
   ========================= */
.sec3 {
   padding: 0;
}

.video-container {
   width: 100%;
   height: 100vh;
}

.video-container video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 768px) {
   .before-after {
      flex-direction: column;
   }

   .before-after img {
      width: 100%;
   }

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