.project-detail-banner{isolation:isolate;background:radial-gradient(circle at 12% 18%,#3b82f638,#0000 34%),radial-gradient(circle at 88% 8%,#0ea5e924,#0000 30%),linear-gradient(135deg,#0f172a 0%,#172554 54%,#1e3a8a 100%);margin-bottom:60px;padding:4.75rem 0 6rem;position:relative;overflow:hidden}.project-detail-banner:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000);mask-image:linear-gradient(#000000d9,#0000)}.project-detail-banner:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:999px;width:28rem;height:28rem;position:absolute;bottom:-19rem;left:-12rem;box-shadow:0 0 0 4rem #ffffff06,0 0 0 8rem #ffffff05}.project-banner-content{z-index:2;color:#fff;max-width:58rem;position:relative}.project-banner-content .page-banner-title{color:#fff;text-shadow:0 2px 22px #0000003d}.project-banner-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.project-badge-category{color:#fff;background:#2563ebdb;border:1px solid #93c5fd47}.project-banner-title{max-width:52rem;margin-bottom:.65rem}.project-banner-client{color:#cbd5e1}.project-poster-section{z-index:20;margin-top:-3.5rem;padding-bottom:1rem;position:relative}.project-poster-shell{background:#fffffff5;border:1px solid #94a3b852;border-radius:1.75rem;max-width:1180px;margin:0 auto;padding:.65rem;box-shadow:0 28px 70px #0f172a29,0 8px 24px #0f172a14}.project-poster-frame{border:1px solid var(--slate-200);background:linear-gradient(135deg,#f8fafcf5,#f1f5f9f5);border-radius:1.25rem;justify-content:center;align-items:center;min-height:16rem;display:flex;overflow:hidden}.project-poster-image{object-fit:contain;object-position:center;width:100%;height:auto;max-height:760px;display:block}.project-detail-main{padding-top:2rem}.project-detail-left{flex-direction:column;gap:1.5rem;display:flex}.project-detail-card{flex-direction:column;gap:1rem;display:flex}.project-detail-card-title{color:var(--slate-900);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.project-detail-card-title i{width:20px;height:20px;color:var(--primary-600)}.project-detail-text{color:var(--slate-700);text-align:justify;font-size:.875rem;line-height:1.9}.project-challenges-card{background:#fffbeb;border-color:#fde68a}.challenge-title{color:#92400e}.challenge-title i{color:#d97706}.challenge-text{color:#78350f}.project-results-list{flex-direction:column;gap:.5rem;display:flex}.project-result-item{border-radius:var(--radius-lg);color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;align-items:flex-start;gap:.75rem;padding:.85rem;font-size:.8125rem;line-height:1.6;display:flex}.project-result-item i{color:#059669;flex-shrink:0;width:16px;height:16px;margin-top:2px}.project-detail-subtitle{color:var(--slate-800);font-size:.9375rem;font-weight:700}.project-tech-list{flex-wrap:wrap;gap:.5rem;display:flex}.project-tech-badge{background:var(--slate-100);color:var(--slate-800);padding:.4rem .75rem;font-family:monospace;font-size:.75rem}.project-confidential-box{background:var(--slate-100);border-radius:var(--radius-xl);border:1px solid var(--slate-200);color:var(--slate-600);align-items:center;gap:.75rem;padding:1rem;font-size:.75rem;display:flex}.project-confidential-box i{width:20px;height:20px;color:var(--primary-600);flex-shrink:0}.project-detail-sidebar{flex-direction:column;gap:1.5rem;display:flex}.project-metadata-card{flex-direction:column;gap:1rem;display:flex}.project-metadata-title{color:var(--slate-900);border-bottom:1px solid var(--slate-100);padding-bottom:.5rem;font-size:1rem;font-weight:800}.project-metadata-body{flex-direction:column;gap:.75rem;font-size:.8125rem;display:flex}.project-metadata-row{justify-content:space-between;display:flex}.project-metadata-label{color:var(--text-muted);font-size:.6875rem;display:block}.project-metadata-value{color:var(--slate-900)}.project-metadata-contract{color:var(--primary-700);font-weight:700}.project-metadata-date,.project-metadata-category{color:var(--slate-800)}.project-metadata-action{border-top:1px solid var(--slate-100);padding-top:1rem}.project-similar-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.project-back-card{text-align:center}.project-back-btn{width:100%}.project-related-card{flex-direction:column;gap:.75rem;display:flex}.project-related-title{color:var(--slate-800);font-size:.875rem;font-weight:700}.project-related-list{flex-direction:column;gap:.5rem;display:flex}.project-related-item{background:var(--slate-50);border-radius:var(--radius-lg);border:1px solid var(--slate-200);color:var(--slate-700);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8125rem;text-decoration:none;transition:all .2s;display:flex}.project-related-item:hover{background:var(--slate-100);border-color:var(--primary-300)}.project-related-name{font-weight:500}.project-related-item i{width:16px;height:16px;color:var(--text-muted)}@media (width<=1023px){.project-detail-sidebar{margin-top:0}}@media (width<=639px){.project-detail-banner{padding:3rem 0}.project-banner-meta{gap:.35rem}.project-banner-title{font-size:1.5rem;line-height:1.5}.project-banner-client{font-size:.8rem;line-height:1.8}.project-poster-section{margin-top:-2.25rem;padding-bottom:.5rem}.project-poster-shell{border-radius:1.1rem;padding:.35rem;box-shadow:0 18px 42px #0f172a24}.project-poster-frame{border-radius:.8rem;min-height:9rem}.project-poster-image{max-height:70vh}.project-detail-main{padding-top:1rem}.project-detail-card{padding:1.1rem}.project-detail-card-title{font-size:1rem}.project-metadata-row{align-items:flex-start;gap:1rem}.project-metadata-value,.project-metadata-contract,.project-metadata-date,.project-metadata-category{text-align:left;max-width:55%}}@media (prefers-reduced-motion:reduce){.project-related-item{transition:none}}