.project-detail-screen{background-color:var(--color-bg-main);flex-direction:column;min-height:100vh;display:flex}.project-detail-main{flex:1}.project-detail-topbar{background-color:var(--color-white);border-bottom:1px solid var(--border-light);padding:var(--space-3) 0;top:var(--header-height);z-index:var(--z-sticky);position:sticky}.project-detail-topbar__inner{justify-content:space-between;align-items:center;display:flex}.project-detail-back-btn{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.project-detail-back-btn:hover{color:var(--color-primary)}.project-detail-share-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--slate-100);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.project-detail-share-btn:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.project-detail-hero{padding-top:var(--space-8);padding-bottom:var(--space-10);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--border-light)}.project-detail-hero__grid{gap:var(--space-8);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:1024px){.project-detail-hero__grid{gap:var(--space-12);grid-template-columns:1.15fr .85fr}}.project-detail-hero__info{gap:var(--space-3);flex-direction:column;display:flex}.project-detail-hero__badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.project-detail-hero__title{font-size:clamp(var(--font-size-2xl), 3.5vw, var(--font-size-5xl));font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:var(--line-height-tight);letter-spacing:-.025em;margin:0}.project-detail-hero__tagline{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}@media (min-width:768px){.project-detail-hero__tagline{font-size:var(--font-size-lg)}}.project-detail-hero__location{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;display:flex}.project-detail-specs-ribbon{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.project-detail-specs-ribbon{grid-template-columns:repeat(3,1fr)}}.project-detail-spec-card{background-color:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.project-detail-spec-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.project-detail-spec-val{font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-top:var(--space-1)}.project-detail-hero__media{position:relative}.project-detail-hero__img-container{border-radius:var(--radius-2xl);width:100%;height:280px;box-shadow:var(--shadow-xl);border:1px solid var(--border-default);position:relative;overflow:hidden}@media (min-width:768px){.project-detail-hero__img-container{height:380px}}.project-detail-hero__img{object-fit:cover;width:100%;height:100%}.project-detail-hero__zoom-btn{bottom:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);background-color:#0f172ad9;border:none;display:inline-flex;position:absolute}.project-detail-hero__zoom-btn:hover{background-color:var(--color-primary)}.project-detail-content-section{padding:var(--space-12) 0}.project-detail-layout-grid{gap:var(--space-8);grid-template-columns:1fr;align-items:flex-start;display:grid}@media (min-width:1024px){.project-detail-layout-grid{gap:var(--space-10);grid-template-columns:1.55fr 1fr}}.project-detail-left-col{gap:var(--space-8);flex-direction:column;display:flex}.project-detail-card{background-color:var(--color-bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.project-detail-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.project-detail-section-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0}.project-detail-section-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.project-detail-desc-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.project-detail-master-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-default);background-color:var(--slate-900);cursor:pointer;position:relative;overflow:hidden}.project-detail-master-img{object-fit:contain;width:100%;max-height:480px;transition:transform var(--transition-base);display:block}.project-detail-master-wrapper:hover .project-detail-master-img{transform:scale(1.02)}.project-detail-zoom-badge{bottom:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:#0f172ad9;display:inline-flex;position:absolute}.project-detail-video-box{background-color:var(--slate-100);border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex}.project-detail-pdf-banner{background:var(--gradient-orange-subtle);border:1px solid var(--border-orange-subtle);border-radius:var(--radius-xl);padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.project-detail-pdf-left{align-items:center;gap:var(--space-4);display:flex}.project-detail-pdf-icon-box{border-radius:var(--radius-md);background:var(--gradient-orange-primary);width:52px;height:52px;color:var(--color-white);box-shadow:var(--shadow-orange-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-detail-gallery-filters{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.project-detail-filter-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid var(--border-default);background-color:var(--slate-100);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.project-detail-filter-pill:hover{background-color:var(--orange-50);color:var(--color-primary)}.project-detail-filter-pill--active{background:var(--gradient-orange-primary)!important;color:var(--color-white)!important;border-color:var(--color-primary)!important}.project-detail-gallery-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.project-detail-gallery-grid{grid-template-columns:repeat(3,1fr)}}.project-detail-gallery-card{border-radius:var(--radius-md);border:1px solid var(--border-default);cursor:pointer;background-color:var(--slate-100);position:relative;overflow:hidden}.project-detail-gallery-img{object-fit:cover;width:100%;height:160px;transition:transform var(--transition-base)}.project-detail-gallery-card:hover .project-detail-gallery-img{transform:scale(1.05)}.project-detail-gallery-caption-bar{padding:var(--space-2) var(--space-3);background-color:var(--color-white);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.project-detail-gallery-caption-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:65%;overflow:hidden}.project-detail-table-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow-x:auto}.project-detail-specs-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-xs)}.project-detail-specs-table th{padding:var(--space-3) var(--space-4);background-color:var(--slate-100);color:var(--color-text-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.04em;border-bottom:1px solid var(--border-default)}.project-detail-specs-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.project-detail-milestone-stepper{flex-direction:column;display:flex}.project-detail-milestone-row{gap:var(--space-4);display:flex}.project-detail-milestone-marker{flex-direction:column;align-items:center;display:flex}.project-detail-milestone-dot{background:var(--gradient-orange-primary);width:32px;height:32px;color:var(--color-white);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-detail-milestone-line{background-color:var(--border-default);width:2px;margin:var(--space-1) 0;flex:1;min-height:24px}.project-detail-milestone-content{padding-bottom:var(--space-6);flex:1}.project-detail-sticky-card{top:calc(var(--header-height) + var(--space-10));background-color:var(--color-white);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);position:sticky}.project-detail-consult-header{gap:var(--space-2);flex-direction:column;display:flex}.project-detail-consult-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);line-height:var(--line-height-snug);margin:0}.project-detail-consult-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.project-detail-consult-property-tag{margin-top:var(--space-3);padding:var(--space-3);background-color:var(--orange-50);border:1px solid var(--border-orange-subtle);border-radius:var(--radius-md)}.project-detail-lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);padding:var(--space-4);background-color:#0f172af2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-detail-lightbox-img{object-fit:contain;border-radius:var(--radius-md);max-width:95vw;max-height:95vh}.project-detail-lightbox-close{top:var(--space-6);right:var(--space-6);width:44px;height:44px;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);background-color:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.project-detail-lightbox-close:hover{background-color:#ffffff59}@media (max-width:1023px){.project-detail-sticky-card{position:static;top:auto}}@media (max-width:768px){.project-detail-topbar{top:var(--header-height-mobile,60px);padding:.5rem 0}.project-detail-hero{padding-top:1.5rem;padding-bottom:2rem}.project-detail-hero__title{font-size:clamp(1.6rem,6vw,2.25rem)}.project-detail-hero__img-container{border-radius:var(--radius-xl);height:240px}.project-detail-content-section{padding:2rem 0}.project-detail-card{border-radius:var(--radius-xl);padding:1.25rem 1rem}.project-detail-pdf-banner{flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.25rem 1rem}.project-detail-pdf-banner .shared-button{justify-content:center;width:100%}}@media (max-width:480px){.project-detail-specs-ribbon{grid-template-columns:repeat(2,1fr);gap:.5rem}.project-detail-spec-card{padding:.65rem .75rem}.project-detail-gallery-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.project-detail-gallery-img{height:120px}.project-detail-lightbox-close{top:1rem;right:1rem}}