/* ===== Project Hero ===== */
.project-hero{
  position:relative;
  min-height: 640px;
  padding-top: 90px;
  background:#000;
  overflow:hidden;
}
.project-hero-image{
  position:absolute;
  top:90px; right:0; bottom:0; left:26%;
}
.project-hero-image img{
  width:100%; height:100%;
  object-fit: cover;
  object-position: left center;
  display:block;
}
.project-hero-text{
  position:relative;
  z-index:2;
  padding: 140px 24px 140px 6vw;
  max-width: 1400px;
}
.project-tag{
  font-family: var(--body);
  font-size:16px;
  letter-spacing: var(--wide);
  text-transform:lowercase;
  color: var(--blue-soft);
  margin-bottom: 26px;
}
.project-title{
  font-family: var(--display);
  font-weight:400;
  font-size: clamp(110px, 15vw, 200px);
  line-height: 0.98;
  letter-spacing: 0.02em;
  color:#fff;
  text-shadow: 0 4px 30px rgba(0,0,0,0.65);
}

/* ===== Sobre o projeto ===== */
.project-about{
  max-width: 900px; margin:0 auto;
  padding: 100px 24px 90px;
  text-align:center;
}
.project-tag-center{ text-align:center; margin-bottom: 30px; }
.project-about-text{
  font-family: var(--display);
  font-size: clamp(26px, 3.1vw, 36px);
  letter-spacing:0.03em;
  line-height:1.7;
  color: var(--ink);
}

/* ===== Gallery ===== */
.project-gallery{
  max-width: 1880px; margin:0 auto;
  padding: 0 24px 120px;
  display:flex; flex-direction:column;
  gap: 20px;
}
.gallery-row{ display:grid; gap:20px; }
.gallery-row-2{ grid-template-columns: 1fr 1fr; }
.gallery-row-3{ grid-template-columns: 1fr 1fr 1fr; }
.gallery-row-1{ grid-template-columns: 1fr; }

.gallery-item{ overflow:hidden; background:#111; }
.gallery-row-2 .gallery-item{ aspect-ratio: 1 / 1; }
.gallery-row-3 .gallery-item{ aspect-ratio: 4 / 3; }
.gallery-row-1 .gallery-item{ aspect-ratio: 3.5 / 1; }
.gallery-item img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition: transform .5s ease;
}
.gallery-item:hover img{ transform: scale(1.04); }

/* ===== Responsive ===== */
@media (max-width: 900px){
  .project-hero{ min-height: 480px; }
  .project-hero-image{ left: 15%; }
  .project-title{ font-size: clamp(60px, 18vw, 110px); }
  .project-hero-text{ padding: 90px 24px 90px 24px; }
  .gallery-row-3{ grid-template-columns: 1fr 1fr; }
  .gallery-row-3 .gallery-item:last-child{ grid-column: span 2; }
}
@media (max-width: 560px){
  .project-hero{ min-height: 380px; }
  .project-hero-image{ left: 0; opacity:.55; }
  .project-hero-text{ text-align:center; padding-left:24px; padding-right:24px; }
  .project-title{ font-size: clamp(46px, 16vw, 80px); }
  .gallery-row-2, .gallery-row-3{ grid-template-columns: 1fr; }
  .gallery-row-3 .gallery-item:last-child{ grid-column: span 1; }
  .gallery-row-1 .gallery-item{ aspect-ratio: 4/3; }
}