.elementor-427 .elementor-element.elementor-element-d402aa8{--display:flex;}/* Start custom CSS for html, class: .elementor-element-2b50482 *//* Individual project page */
.project-detail-hero {
  min-height: 560px;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 160px 0 72px;
  color: #fff;
  background: #0f1115;
  overflow: hidden;
}

.project-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15, 17, 21, .9) 0%, rgba(15, 17, 21, .55) 52%, rgba(15, 17, 21, .2) 100%);
}

.project-detail-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-detail-hero .container { position: relative; z-index: 1; width: 100%; }
.project-detail-hero .tag-badge { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.12); color: #fff; }
.project-detail-hero h1 { max-width: 760px; font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1.05; letter-spacing: -2px; margin-bottom: 18px; }
.project-detail-hero p { max-width: 610px; color: rgba(255,255,255,.8); font-size: 1.08rem; }

.project-overview { background: var(--bg-light); }
.project-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, .8fr); gap: 72px; align-items: start; }
.project-copy h2 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.12; margin-bottom: 22px; }
.project-copy p { color: rgb(100, 100, 100); font-size: 1.04rem; margin-bottom: 18px; }

.project-facts { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 12px 28px; box-shadow:0 12px 32px rgba(0, 0, 0, 0.05); }
.project-fact { padding: 18px 0; border-bottom: 1px solid #e2e8f0; }
.project-fact:last-child { border-bottom: 0; }
.project-fact span { display: block; color: rgb(100, 100, 100); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.project-fact strong { font-size: 1rem; }

.project-contact { padding: 86px 0; background:#0f1115; color: #fff; }
.project-contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.project-contact h2 { max-width: 660px; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.12; }
.project-contact p { color: rgba(255,255,255,.7); margin-top: 14px; }
.project-contact .btn-action { flex: none; }

@media (max-width: 768px) {
  .project-detail-hero { min-height: 500px; padding: 150px 0 56px; }
  .project-detail-hero::after { background: linear-gradient(90deg, rgba(15,17,21,.9), rgba(15,17,21,.48)); }
  .project-detail-hero h1 { letter-spacing: -1px; }
  .project-layout { grid-template-columns: 1fr; gap: 38px; }
  .project-contact { padding: 64px 0; }
  .project-contact-inner { display: block; }
  .project-contact .btn-action { margin-top: 28px; }
}/* End custom CSS */