/* Shared styles for all project detail pages */

.wrap{max-width:1400px;margin:0 auto;padding:0 56px;}
  @media(max-width:900px){.wrap{padding:0 24px;}}

  
  
  
  
  
  
  

  /* ===== HEADER ===== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media(max-width:900px){nav.main-nav,.header-enquiry{display:none;}.hamburger{display:flex;}}

  
  
  
  
  
  
  
  

  /* ===== 01 HERO BANNER ===== */
  .proj-hero{height:100vh;min-height:640px;position:relative;overflow:hidden;display:flex;align-items:flex-end;}
  .proj-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
  .proj-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,15,14,.94) 0%,rgba(15,15,14,.65) 42%,rgba(15,15,14,.35) 68%,rgba(15,15,14,.6) 100%);}
  .proj-hero-content{position:relative;z-index:2;width:100%;padding-bottom:76px;}
  .breadcrumb{color:var(--soft-grey);font-size:12px;letter-spacing:1.2px;margin-bottom:24px;opacity:.85;}
  .breadcrumb a{color:var(--soft-grey);}
  .breadcrumb a:hover{color:var(--green);}
  .proj-hero-label{color:var(--green);font-size:13px;letter-spacing:4px;font-weight:600;margin-bottom:18px;}
  .proj-hero-heading{color:var(--warm-white);font-size:clamp(36px,6.6vw,92px);font-weight:400;line-height:1.02;letter-spacing:-1px;margin-bottom:16px;max-width:1100px;}
  .proj-hero-loc{color:var(--soft-grey);font-size:16px;font-weight:400;letter-spacing:5px;text-transform:uppercase;}
  .proj-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:56px;flex-wrap:wrap;gap:20px;}
  .proj-counter{color:var(--soft-grey);font-size:12px;letter-spacing:2px;text-transform:uppercase;border-left:1px solid var(--green);padding-left:14px;}
  .scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--soft-grey);font-size:10px;letter-spacing:2px;text-transform:uppercase;}
  .scroll-indicator .box{width:8px;height:8px;border:1px solid var(--green);animation:scrollBox 1.8s ease-in-out infinite;}
  @keyframes scrollBox{0%,100%{transform:translateY(0);opacity:.5;}50%{transform:translateY(10px);opacity:1;}}

  /* ===== 02 OVERVIEW + FACTS ===== */
  .proj-overview{padding:120px 0 100px;background:var(--warm-white);}
  .overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;}
  @media(max-width:960px){.overview-grid{grid-template-columns:1fr;gap:50px;}}
  .overview-heading{font-size:clamp(26px,3.2vw,42px);font-weight:400;line-height:1.2;letter-spacing:-.5px;margin-bottom:30px;}
  .overview-body p{font-size:15px;line-height:1.95;color:var(--charcoal);font-weight:300;max-width:620px;}
  .overview-facts{border-top:1px solid var(--line);}
  .fact-row{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);gap:20px;}
  .fact-key{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--green-dark);font-weight:600;}
  .fact-val{font-size:14.5px;color:var(--charcoal-deep);font-weight:600;text-align:right;}

  /* ===== 03 TWO-IMAGE ROW ===== */
  .two-img-
  .two-img-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);}
  .img-col{padding:40px 40px 0 0;border-right:1px solid var(--line);}
  .img-col:last-child{border-right:none;padding:40px 0 0 40px;}
  .img-col-frame{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--soft-grey);margin-bottom:22px;}
  .img-col-frame img{width:100%;height:100%;object-fit:cover;}
  .img-col-label{font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--charcoal-deep);margin-bottom:8px;}
  .img-col-caption{font-size:13px;color:var(--charcoal);font-weight:400;line-height:1.6;}
  @media(max-width:700px){
    .two-img-row{grid-template-columns:1fr;}
    .img-col{border-right:none;padding:40px 0 0 !important;}
    .img-col:first-child{padding-top:0 !important;}
  }

  /* ===== PROJECT META LINE ===== */
  /* ===== PHOTO GALLERY (horizontal scroll) ===== */
  .project-gallery-section{background:var(--warm-white);padding:0 0 100px;}
  .gallery-head{padding-bottom:36px;}
  .gallery-heading{font-size:clamp(24px,2.8vw,36px);font-weight:400;letter-spacing:-.3px;}
  .gallery-scroll-wrap{position:relative;}
  .gallery-track{
    display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:0 56px 16px;scrollbar-width:thin;scroll-behavior:smooth;
  }
  @media(max-width:900px){.gallery-track{padding:0 24px 16px;}}
  .gallery-track::-webkit-scrollbar{height:6px;}
  .gallery-track::-webkit-scrollbar-thumb{background:var(--line);}
  .gallery-item{
    flex:0 0 auto;width:340px;scroll-snap-align:start;position:relative;overflow:hidden;
    background:var(--off-white);border:1px solid var(--line);
  }
  @media(max-width:600px){.gallery-item{width:78vw;}}
  .gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .6s var(--ease);}
  .gallery-item:hover img{transform:scale(1.05);}
  .gallery-item-caption{padding:14px 16px;font-size:12.5px;font-weight:500;letter-spacing:.3px;color:var(--charcoal-deep);}
  .gallery-nav{
    position:absolute;top:40%;transform:translateY(-50%);z-index:2;
    width:44px;height:44px;border:1px solid var(--charcoal);background:var(--warm-white);
    display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease);
  }
  .gallery-nav:hover{background:var(--green);border-color:var(--green);}
  .gallery-prev{left:16px;}
  .gallery-next{right:16px;}
  @media(max-width:700px){.gallery-nav{display:none;}}

  .meta-line{background:var(--warm-white);padding-bottom:110px;}
  .meta-line-inner{display:flex;gap:56px;border-top:1px solid var(--charcoal);border-bottom:1px solid var(--charcoal);padding:22px 0;flex-wrap:wrap;}
  .meta-item{display:flex;align-items:baseline;gap:8px;}
  .meta-item .k{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--green-dark);font-weight:600;}
  .meta-item .v{font-size:14.5px;color:var(--charcoal-deep);font-weight:600;}

  /* ===== CTA ===== */
  .closing{display:grid;grid-template-columns:1fr 1fr;min-height:520px;}
  @media(max-width:960px){.closing{grid-template-columns:1fr;min-height:auto;}}
  .closing-img{position:relative;overflow:hidden;min-height:320px;}
  .closing-img img{width:100%;height:100%;object-fit:cover;}
  .closing-form-side{background:var(--green);padding:90px 60px;display:flex;flex-direction:column;justify-content:center;}
  @media(max-width:960px){.closing-form-side{padding:64px 28px;}}
  .closing-small{font-size:13px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--charcoal-deep);margin-bottom:18px;}
  .closing-heading{font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.12;letter-spacing:-.5px;color:var(--charcoal-deep);margin-bottom:22px;}
  .closing-body{font-size:14.5px;line-height:1.8;color:rgba(42,42,41,.85);margin-bottom:38px;max-width:440px;font-weight:400;}

  /* ===== FOOTER ===== */
  
  
  @media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:44px;}}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  @media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important;}}