.project-detail-page{background-color:#fff;min-height:100vh;padding-top:120px;padding-bottom:4rem}.project-detail-page .project-hero{border-radius:24px;width:92%;max-width:1400px;height:50vh;max-height:500px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000026}.project-detail-page .project-hero-image{object-fit:cover;width:100%;height:100%;transition:transform 1.5s;transform:scale(1.05)}.project-detail-page .project-hero:hover .project-hero-image{transform:scale(1)}.project-detail-page .project-hero-overlay{background:linear-gradient(#0003 0,#0009);align-items:flex-end;width:100%;height:100%;padding:3rem;display:flex;position:absolute;top:0;left:0}.project-detail-page .project-hero-content{color:#fff;z-index:2;width:100%;max-width:100%;margin:0 auto;position:relative}.project-detail-page .project-category{color:#000;letter-spacing:.05em;text-transform:uppercase;background-color:#fff;border-radius:2rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 4px 12px #0000001a}.project-detail-page .project-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px #00000080;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.project-detail-page .project-desc-short{color:#e4e4e7;text-shadow:0 1px 4px #00000080;max-width:700px;font-size:1.25rem;font-weight:400;line-height:1.5}.project-detail-page .project-content-wrapper{grid-template-columns:2fr 1fr;gap:6rem;max-width:1200px;margin:0 auto;padding:6rem 2rem;display:grid}.project-detail-page .project-main-content{color:#3f3f46;font-size:1.15rem;line-height:1.9}.project-detail-page .project-main-content h2{color:#18181b;letter-spacing:-.02em;margin:4rem 0 2rem;font-size:2.5rem;font-weight:800;line-height:1.2}.project-detail-page .project-main-content h3{color:#18181b;letter-spacing:-.01em;margin:3rem 0 1.5rem;font-size:1.75rem;font-weight:700}.project-detail-page .project-main-content p{margin-bottom:2rem}.project-detail-page .project-main-content ul{margin-bottom:2rem;padding-left:0;list-style:none}.project-detail-page .project-main-content li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.project-detail-page .project-main-content li:before{color:#18181b;content:"•";font-weight:700;position:absolute;top:0;left:0}.project-detail-page .project-main-content table{border-collapse:collapse;width:100%;margin:3rem 0;font-size:1rem}.project-detail-page .project-main-content th{color:#18181b;text-align:left;background-color:#f4f4f5;border:1px solid #e4e4e7;padding:1rem;font-weight:700}.project-detail-page .project-main-content td{color:#52525b;border:1px solid #e4e4e7;padding:1rem}.project-detail-page .project-main-content details{border:1px solid #e4e4e7;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.project-detail-page .project-main-content summary{color:#18181b;cursor:pointer;background-color:#f9fafb;padding:1.25rem;font-weight:600;list-style:none;transition:background-color .2s;position:relative}.project-detail-page .project-main-content summary:hover{background-color:#f4f4f5}.project-detail-page .project-main-content summary::-webkit-details-marker{display:none}.project-detail-page .project-main-content details[open] summary{border-bottom:1px solid #e4e4e7}.project-detail-page .project-main-content details>div{color:#52525b;background-color:#fff;padding:1.5rem;line-height:1.7}.project-detail-page .project-sidebar{height:-moz-fit-content;height:fit-content;position:sticky;top:120px}.project-detail-page .project-stats-card{background-color:#fff;border:1px solid #e4e4e7;border-radius:.5rem;padding:2.5rem;box-shadow:0 10px 30px -10px #0000000d}.project-detail-page .stat-item{border-bottom:1px solid #f4f4f5;margin-bottom:1rem;padding-bottom:.4rem}.project-detail-page .stat-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-detail-page .stat-value{color:#18181b;margin-bottom:.5rem;font-size:.9rem;font-weight:800;line-height:1;display:block}.project-detail-page .stat-label{color:#71717a;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:600}.project-detail-page .project-tags{flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;display:flex}.project-detail-page .project-tag{color:#52525b;background-color:#f4f4f5;border-radius:1rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;transition:all .2s}.project-detail-page .project-tag:hover{color:#fff;background-color:#18181b}@media (max-width:1024px){.project-detail-page .project-title{font-size:3.5rem}.project-detail-page .project-content-wrapper{gap:4rem}}@media (max-width:768px){.project-detail-page .project-content-wrapper{grid-template-columns:1fr;gap:3rem;padding:4rem 1.5rem}.project-detail-page .project-title{font-size:2.5rem}.project-detail-page .project-hero{height:60vh}.project-detail-page .project-sidebar{margin-top:2rem;position:static}}
.sidebar-cta-box{text-align:center;border-top:1px solid #e4e4e7;margin-top:2.5rem;padding-top:2.5rem}.sidebar-cta-box h4{color:#18181b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.sidebar-cta-box p{color:#71717a;margin-bottom:1.5rem;font-size:.95rem}.btn.full-width{justify-content:center;width:100%}.rotate-180{transform:rotate(180deg)}
