.projectPageSection{padding-bottom:4rem}.projectPageHero{text-align:center;color:#fff;background-image:url(/assets/images/projects_hero_banner_v2.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40vh;min-height:350px;margin-bottom:4rem;display:flex;position:relative}.projectPageHero:before{content:"";z-index:1;background:#0000004d;position:absolute;inset:0}.projectPageHeroContent{z-index:2;max-width:800px;padding:0 2rem;position:relative}.projectPageHeroContent h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:3.5rem;font-weight:500}.projectPageHeroContent p{opacity:.9;font-size:1.2rem;line-height:1.6}.projectPageContainer{max-width:1400px;margin:0 auto;padding:0 5%}.projectGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.projectCard{background:#fff;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.projectCard:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001a}.projectImageContainer{background:#f8f9fa;width:100%;height:220px;position:relative;overflow:hidden}.projectImage{object-fit:contain;width:100%;height:100%;transition:transform .5s}.projectCard:hover .projectImage{transform:scale(1.05)}.projectInfoContainer{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.projectTitle{color:#333;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.8rem;font-size:1.4em;font-weight:500;display:-webkit-box;overflow:hidden}.projectDescription{color:#666;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.projectBottomRow{border-top:1px solid #eee;justify-content:flex-end;align-items:center;padding-top:1rem;display:flex}.readMoreBtn{color:var(--primary,#004080);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.readMoreBtn:hover{color:#024}.noEntriesFound{text-align:center;color:#666;background:#f8f9fa;border-radius:12px;grid-column:1/-1;padding:4rem;font-size:1.2rem}.projectDetailContent h1,.projectDetailContent h2,.projectDetailContent h3,.projectDetailContent h4,.projectDetailContent h5,.projectDetailContent h6{color:#1a1a1a;margin-top:2rem;margin-bottom:1rem;font-weight:600}.projectDetailContent ul,.projectDetailContent ol{margin-bottom:1.2rem;padding-left:2rem}.projectDetailContent ul li{margin-bottom:.5rem;list-style-type:disc}.projectDetailContent ol li{margin-bottom:.5rem;list-style-type:decimal}.projectDetailContent strong,.projectDetailContent b{font-weight:700}.projectDetailMain{background-color:#f9f9fb}.projectDetailHero{color:#fff;background-image:url(/assets/images/electrical_project_detail_banner.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;width:100%;height:45vh;min-height:350px;display:flex;position:relative}.projectDetailHeroOverlay{z-index:1;background:linear-gradient(#00000026 0%,#0000004d 50%,#000000d9 100%);position:absolute;inset:0}.projectDetailHeroContent{z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:0 2rem 3rem;position:relative}.projectDetailBackLink{color:#ffffffb3;letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:1.2rem;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.projectDetailBackLink:hover{color:#fff}.projectDetailTags{gap:10px;margin-bottom:1rem;display:flex}.projectDetailTag{letter-spacing:1.5px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border-radius:50px;padding:5px 12px;font-size:11px;font-weight:700}.projectDetailTitle{color:#fff;letter-spacing:-.03em;max-width:700px;font-size:3rem;font-weight:500;line-height:1.1}.projectDetailBody{max-width:1300px;margin:0 auto;padding:3rem 2rem 4rem}.projectDetailGrid{grid-template-columns:1fr 1.2fr;align-items:start;gap:5rem;display:grid}.projectDetailLeftColumn{position:sticky;top:120px}.projectDetailImageWrapper{border-radius:16px;width:100%;height:300px;margin-bottom:1rem;overflow:hidden}.projectDetailMainImage{object-fit:contain;width:100%;height:100%}.projectDetailThumbnails{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.projectDetailThumbnailBtn{cursor:pointer;background-color:#fff;border:1px solid #eaeaea;border-radius:12px;flex-shrink:0;width:90px;height:70px;padding:6px;transition:all .2s;overflow:hidden}.projectDetailThumbnailBtn.active{border:2px solid #111}.projectDetailThumbnailImg{object-fit:contain;width:100%;height:100%}.projectDetailNoImage{aspect-ratio:4/3;color:#999;background-color:#f0f0f0;border:1px solid #eaeaea;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.projectDetailCard{background-color:#fff;border:1px solid #eee;border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px #00000005}.projectDetailContentWrapper{color:#444;font-size:1.1rem;line-height:1.8}.projectDetailContent{color:#4b5563;font-size:1.05rem;line-height:1.8}.projectDetailContent h1,.projectDetailContent h2,.projectDetailContent h3{color:#111827;letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1.2rem;font-weight:600}.projectDetailContent h1{font-size:2.2rem}.projectDetailContent h2{font-size:1.8rem}.projectDetailContent h3{font-size:1.5rem}.projectDetailContent h4,.projectDetailContent h5,.projectDetailContent h6{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-top:2rem;margin-bottom:1rem;font-size:.85rem;font-weight:700}.projectDetailContent p{margin-bottom:1.5rem}.projectDetailContent ul,.projectDetailContent ol{margin-bottom:1.5rem;padding-left:0;list-style:none}.projectDetailContent ul li{margin-bottom:.8rem;padding-left:1.8rem;position:relative;list-style-type:none!important}.projectDetailContent ul li:before{content:"";background-color:#0ea5e9;border-radius:50%;width:6px;height:6px;position:absolute;top:.65rem;left:.5rem;box-shadow:0 0 0 4px #0ea5e926}.projectDetailContent ol{counter-reset:custom-counter;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:1.5rem 2rem}.projectDetailContent ol li{counter-increment:custom-counter;margin-bottom:1rem;padding-left:2.8rem;position:relative;list-style-type:none!important}.projectDetailContent ol li:last-child{margin-bottom:0}.projectDetailContent ol li:before{content:counter(custom-counter);color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:-.2rem;left:0;box-shadow:0 2px 4px #00000005}.projectDetailContent strong,.projectDetailContent b{color:#1f2937;font-weight:600}@media (max-width:992px){.projectDetailGrid{grid-template-columns:1fr;gap:3rem}.projectDetailLeftColumn{position:static}.projectDetailTitle{font-size:2.2rem}.projectDetailHero{height:40vh;min-height:300px}.projectDetailHeroContent{padding:0 1.5rem 2rem}.projectDetailBody{padding:2rem 1.5rem 3rem}.projectDetailCard{padding:1.5rem}}@media (max-width:576px){.projectDetailTitle,.projectDetailContent h1{font-size:1.8rem}.projectDetailContent h2{font-size:1.5rem}.projectDetailContent h3{font-size:1.3rem}.projectDetailImageWrapper{height:250px}}.paginationContainer{justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem;padding-bottom:2rem;display:flex}.paginationBtn{cursor:pointer;color:#333;background:#fff;border:1px solid #eee;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:500;transition:all .2s;display:flex}.paginationBtn:hover:not(:disabled){color:var(--primary-red,#e40014);background:#f8f9fb;border-color:#ddd}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.pageNumbers{align-items:center;gap:.5rem;display:flex}.pageNumberBtn{cursor:pointer;color:#555;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:500;transition:all .2s;display:flex}.pageNumberBtn:hover{background:#f0f0f0}.pageNumberBtn.active{background:var(--primary-red,#e40014);color:#fff;border-color:var(--primary-red,#e40014)}.paginationEllipsis{color:#888;letter-spacing:2px;justify-content:center;align-items:flex-end;width:30px;height:30px;padding-bottom:5px;font-weight:500;display:flex}.projectIntro{text-align:center;max-width:800px;margin:0 auto 4rem}.projectIntro h2{color:#1f2937;letter-spacing:-.01em;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.projectIntro p{color:#6b7280;font-size:1.1rem;line-height:1.7}@media (max-width:768px){.projectIntro{margin-bottom:3rem}.projectIntro h2{font-size:2rem}}