.page-project-detail{background-color:var(--color-white);color:var(--color-gray-800)}.pd-breadcrumb-section{position:relative;padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:var(--space-4);background:linear-gradient(-45deg,#0a1628,#112a4a,#0d2137,#06111a);background-size:400% 400%;animation:premiumBg 15s ease infinite;border-bottom:1px solid rgba(255,255,255,0.05);overflow:hidden}.pd-breadcrumb-section::after{content:'';position:absolute;bottom:0px;left:0;width:25vw;height:2px;background:linear-gradient(90deg,transparent,var(--color-brand-green),var(--color-brand-blue),transparent);animation:slideGlow 8s ease-in-out infinite;z-index:1}.pd-breadcrumb-wrap .breadcrumb-list{display:inline-flex;align-items:center;gap:0;list-style:none;padding:10px 18px;margin:0;background:rgba(255,255,255,0.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-full);box-shadow:0 8px 32px rgba(0,0,0,0.15)}.pd-breadcrumb-wrap .breadcrumb-item{display:flex;align-items:center;font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--font-medium);color:rgba(255,255,255,0.4)}.pd-breadcrumb-wrap .breadcrumb-item a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.3s ease}.pd-breadcrumb-wrap .breadcrumb-item a:hover{color:var(--color-brand-green)}.pd-breadcrumb-wrap .breadcrumb-item.active{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-bold);letter-spacing:0.02em}.pd-breadcrumb-wrap .breadcrumb-item:not(:last-child)::after{content:'';display:inline-block;width:14px;height:14px;margin:0 var(--space-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.pd-showcase-section{position:relative;background-color:var(--color-white);padding:var(--space-12) 0;z-index:10}.pd-showcase-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--space-8);align-items:stretch}.pd-showcase-media{position:relative}.pd-media-frame{position:relative;width:100%;height:100%;min-height:480px;border-radius:32px;overflow:hidden;background-color:#0b1320;box-shadow:0 30px 60px rgba(0,0,0,0.12),0 10px 25px rgba(0,0,0,0.05),0 0 40px rgba(141,198,63,0.04);border:1px solid rgba(141,198,63,0.12)}.pd-media-blur-underlay{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(24px) brightness(0.5);opacity:0.5;z-index:1;pointer-events:none}.pd-media-viewport{position:relative;width:100%;height:100%;z-index:2;overflow:hidden}.pd-media-img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(0.16,1,0.3,1)}.pd-media-frame:hover .pd-media-img{transform:scale(1.05)}.pd-showcase-specs{display:flex;flex-direction:column;justify-content:center}.pd-specs-column{display:flex;flex-direction:column;gap:var(--space-4)}.pd-spec-card{position:relative;display:flex;align-items:center;gap:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-gray-200);border-left:5px solid var(--color-brand-green);padding:var(--space-5) var(--space-6);border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.02),0 1px 3px rgba(0,0,0,0.01);overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.spec-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(141,198,63,0.08) 0%,transparent 60%);opacity:0;transition:opacity 0.4s ease}.pd-spec-card:hover{transform:translateX(8px);background:var(--color-white);border-color:rgba(141,198,63,0.25);box-shadow:0 15px 35px rgba(10,22,40,0.05),0 0 20px rgba(141,198,63,0.05)}.pd-spec-card:hover .spec-card-glow{opacity:1}.spec-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(141,198,63,0.06);border:1px solid rgba(141,198,63,0.15);color:var(--color-brand-green);flex-shrink:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.spec-icon-box svg{width:22px;height:22px}.pd-spec-card:hover .spec-icon-box{background:var(--color-brand-green);color:var(--color-white);transform:rotate(-8deg) scale(1.05);box-shadow:0 0 15px rgba(141,198,63,0.4)}.spec-card-content{display:flex;flex-direction:column}.spec-label{font-family:var(--font-body);font-size:11px;font-weight:var(--font-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:2px}.spec-value{font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-gray-800);letter-spacing:-0.01em}.pd-story-section{background-color:var(--color-white);padding:var(--space-12) 0 var(--space-20) 0;border-top:1px solid var(--color-gray-100)}.pd-story-grid{display:grid;grid-template-columns:350px 1fr;gap:var(--space-16)}.pd-story-sidebar{position:relative}.pd-sidebar-sticky{position:sticky;top:calc(var(--header-height) + var(--space-8))}.pd-sidebar-scope{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.pd-sidebar-scope .scope-line{display:inline-block;width:24px;height:2px;background:var(--color-brand-green)}.pd-sidebar-scope .scope-title{font-family:var(--font-body);font-size:10px;font-weight:var(--font-bold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:0.15em}.pd-sidebar-headline{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-5) 0;line-height:1.2}.pd-sidebar-quote{font-size:var(--text-md);line-height:1.7;color:var(--color-gray-500);font-style:italic;border-left:3px solid var(--color-brand-green);padding-left:var(--space-4);margin:0}.pd-story-content{max-width:820px}.pd-article-body{font-size:1.15rem;line-height:1.85;color:var(--color-gray-600)}.pd-article-body p{margin-bottom:var(--space-8)}.pd-article-body p:first-of-type{font-size:1.25rem;line-height:1.8;color:var(--color-gray-800);font-weight:500}.pd-article-body h2,.pd-article-body h3{font-family:var(--font-heading);color:var(--color-gray-900);font-weight:var(--font-bold);margin:var(--space-12) 0 var(--space-4) 0;letter-spacing:-0.01em}.pd-article-body h2{font-size:var(--text-3xl);border-bottom:1px solid var(--color-gray-100);padding-bottom:var(--space-2)}.pd-article-body h3{font-size:var(--text-2xl)}.pd-article-body ul{list-style-type:none;padding-left:0;margin-top:var(--space-6);margin-bottom:var(--space-8)}.pd-article-body ul li{position:relative;padding-left:var(--space-8);margin-bottom:var(--space-4)}.pd-article-body ul li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238DC63F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.pd-gallery-section{background-color:var(--color-gray-50);padding:var(--space-20) 0;border-top:1px solid var(--color-gray-100)}.pd-section-header{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--font-bold);color:var(--color-gray-900);text-align:center;margin-bottom:var(--space-12);letter-spacing:-0.02em}.pd-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-8)}.pd-gallery-item{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16 / 10;box-shadow:0 10px 30px rgba(0,0,0,0.05);cursor:zoom-in;background:linear-gradient(135deg,var(--color-bg-secondary,#f8fafc) 0%,var(--color-gray-200,#e2e8f0) 100%);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);border:1px solid rgba(0,0,0,0.03)}.pd-gallery-img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(0.16,1,0.3,1)}.pd-gallery-overlay{position:absolute;inset:0;background:rgba(10,22,40,0.45);display:flex;justify-content:center;align-items:center;opacity:0;transition:all 0.4s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pd-gallery-overlay svg{color:var(--color-brand-green);background:var(--color-white);padding:14px;border-radius:50%;width:54px;height:54px;transform:scale(0.6) translateY(20px);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);box-shadow:0 12px 36px rgba(0,0,0,0.35)}.pd-gallery-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12);border-color:rgba(141,198,63,0.15)}.pd-gallery-item:hover .pd-gallery-img{transform:scale(1.06)}.pd-gallery-item:hover .pd-gallery-overlay{opacity:1}.pd-gallery-item:hover .pd-gallery-overlay svg{transform:scale(1) translateY(0)}.custom-lightbox{position:fixed;inset:0;z-index:9999;background-color:rgba(10,22,40,0.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1)}.custom-lightbox.active{opacity:1;pointer-events:auto}.lightbox-content-wrap{position:relative;max-width:90vw;max-height:80vh;background:#ffffff;padding:14px;border-radius:28px;box-shadow:0 40px 90px rgba(0,0,0,0.55),0 10px 30px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.4);border:1px solid rgba(141,198,63,0.15);display:flex;align-items:center;justify-content:center;transform:scale(0.95) translateY(12px);filter:blur(6px);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),filter 0.4s ease;box-sizing:border-box}.custom-lightbox.active .lightbox-content-wrap{transform:scale(1) translateY(0);filter:blur(0)}.lightbox-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:18px;display:block;box-sizing:border-box}.lightbox-frame-title{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(10,22,40,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.12);padding:8px 20px;border-radius:100px;color:var(--color-white);font-size:13.5px;font-weight:600;letter-spacing:0.5px;white-space:nowrap;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3);opacity:0;transition:all 0.5s cubic-bezier(0.16,1,0.3,1) 0.15s}.custom-lightbox.active .lightbox-frame-title{opacity:1;transform:translateX(-50%) translateY(0)}.lightbox-frame-title .dot{width:6px;height:6px;background:var(--color-brand-green);border-radius:50%;box-shadow:0 0 8px var(--color-brand-green)}.lightbox-close{position:absolute;top:30px;right:40px;background:none;border:none;color:var(--color-white);font-size:46px;font-weight:200;cursor:pointer;line-height:1;opacity:0.6;transition:all 0.3s ease;z-index:10000}.lightbox-close:hover{opacity:1;transform:rotate(90deg) scale(1.1);color:var(--color-brand-green)}@media (max-width:767px){.lightbox-close{top:20px;right:20px;font-size:38px}.lightbox-content-wrap{max-width:95%;max-height:75%;padding:8px;border-radius:20px}.lightbox-img{border-radius:14px}.lightbox-frame-title{bottom:-42px;font-size:11.5px;padding:6px 14px}}@media (max-width:1200px){.pd-story-grid{grid-template-columns:1fr;gap:var(--space-8)}.pd-sidebar-sticky{position:relative;top:0}.pd-sidebar-headline{margin-bottom:var(--space-3)}}@media (max-width:1024px){.pd-showcase-grid{grid-template-columns:1fr;gap:var(--space-8)}.pd-media-frame{min-height:380px}.pd-spec-card{padding:var(--space-4) var(--space-5)}.spec-value{font-size:1.15rem}}@media (max-width:767px){.pd-breadcrumb-section{padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:var(--space-4)}.pd-showcase-section{padding:var(--space-8) 0}.pd-media-frame{min-height:280px;border-radius:20px}.pd-gallery-grid{grid-template-columns:1fr;gap:var(--space-6)}.pd-gallery-item{border-radius:16px}}