.project-detail-page{color:#152940;background:#f6f8fa}.project-detail-page *{box-sizing:border-box}.project-detail-hero{background:linear-gradient(125deg,#e8f1f6,#fff);padding:clamp(6.5rem,12vw,10rem) 0 4rem}.project-detail-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.project-detail-back{color:#315f87;margin-bottom:2.3rem;font-size:.85rem;display:inline-block}.project-detail-heading h1{letter-spacing:-.05em;overflow-wrap:anywhere;margin:.75rem 0 1rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1.08}.project-detail-location{letter-spacing:.1em;text-transform:uppercase;color:#3d688d;font-size:.9rem}.project-detail-intro{color:#516477;max-width:620px;margin:1.8rem 0;font-size:clamp(1rem,1.5vw,1.13rem);line-height:1.75}.project-detail-stage{background:#d9e9f2;border-radius:99px;padding:.4rem .75rem;font-size:.8rem;display:inline-block}.project-detail-cover{aspect-ratio:5/4;border-radius:20px;box-shadow:0 15px 50px #142e451a}.project-detail-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.7rem;display:flex}.project-detail-actions button{font:inherit;cursor:pointer}.project-detail-main{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:clamp(2rem,5vw,6rem);display:grid}.project-detail-overview{min-width:0}.project-detail-overview h2{margin:.7rem 0 1rem;font-size:clamp(1.9rem,3vw,3rem)}.project-detail-overview p{color:#576477;max-width:800px;line-height:1.85}.project-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2.3rem 0;display:grid}.project-detail-facts div{border-bottom:1px solid #d7e0e7;min-width:0;padding:1rem 0}.project-detail-facts dt{text-transform:uppercase;color:#758494;font-size:.72rem}.project-detail-facts dd{overflow-wrap:anywhere;margin:.35rem 0;font-size:1rem;font-weight:650}.project-detail-scopes{margin:2.8rem 0}.project-detail-scopes li{padding:.4rem 0}.project-detail-aside{color:#fff;background:#102d49;border-radius:18px;align-self:start;padding:clamp(1.5rem,3vw,2.5rem)}.project-detail-aside h3{color:#fff;margin:.7rem 0;font-size:1.8rem}.project-detail-aside p{color:#cbd9e5;line-height:1.7}.project-detail-aside a{justify-content:center;margin-top:1rem;display:flex}.project-detail-whatsapp{color:#fff;text-decoration:underline}.project-detail-gallery{background:#eaf1f6}.project-detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.project-detail-thumb{cursor:zoom-in;aspect-ratio:4/3;background:0 0;border:0;border-radius:12px;padding:0;overflow:hidden}.project-detail-thumb:focus-visible{outline-offset:3px;outline:3px solid #2478b9}.project-detail-thumb>.project-image-container{width:100%;height:100%}.project-detail-more{text-align:center;margin:2rem auto 0}.project-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.project-related-card{color:#15324e;background:#fff;border:1px solid #e3eaf0;border-radius:14px;min-width:0;padding-bottom:1rem;text-decoration:none;overflow:hidden}.project-related-card .project-image-container{aspect-ratio:16/10}.project-related-card>span,.project-related-card>strong{margin:.5rem 1rem;display:block}.project-related-card>span{color:#648093;font-size:.8rem}.project-related-card>strong{font-size:1rem}@media (width<=900px){.project-detail-hero-grid,.project-detail-main{grid-template-columns:1fr}.project-detail-aside{max-width:none}}@media (width<=600px){.project-detail-hero{padding:6.2rem 0 2rem}.project-detail-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.project-related-grid{grid-template-columns:1fr}.project-detail-facts{grid-template-columns:1fr 1fr}.project-detail-actions>*{text-align:center;flex:100%;justify-content:center}}.project-detail-site{color:#174b78;align-items:center;padding:.7rem;text-decoration:underline;display:inline-flex}.project-detail-scope-note{color:#647487;margin:1.2rem 0;font-size:.85rem}.project-detail-services{border-top:1px solid #567184;gap:.6rem;margin-top:1.5rem;padding-top:1.2rem;display:grid}.project-detail-services>strong{letter-spacing:.07em;text-transform:uppercase;color:#c6d8e5;font-size:.75rem}.project-detail-services>a{color:#e3f2fa;justify-content:flex-start;margin:0;font-size:.85rem;text-decoration:underline}