.detail-hero{text-align:center;background:#1a1a2e;padding:100px 0 60px;position:relative;overflow:hidden}.detail-hero:before{content:"";background-image:var(--project-hero-image);opacity:.18;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.detail-hero .hero-inner{z-index:2;position:relative}.detail-hero .breadcrumb-nav{color:#aaa;align-items:center;gap:8px;margin:0 0 18px;padding:0;font-size:13px;list-style:none;display:inline-flex}.detail-hero .breadcrumb-nav li a{color:#aaa;text-decoration:none;transition:color .2s}.detail-hero .breadcrumb-nav li a:hover{color:#fff}.detail-hero .breadcrumb-nav li.sep{color:#555}.detail-hero .breadcrumb-nav li.current{color:#fff}.detail-hero h1{color:#fff;margin:0 0 12px;font-size:38px;font-weight:700;line-height:1.2}.detail-hero .hero-tags span{color:#ccc;letter-spacing:.5px;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;margin:2px;padding:3px 10px;font-size:12px;display:inline-block}.project-feature-background{background:#f7f7f7;padding-bottom:0}.project-feature-img{margin-top:-30px;margin-bottom:0}.project-feature-img img{border-radius:4px;width:100%;display:block;box-shadow:0 10px 40px #00000021}.project-body{padding:60px 0 50px}.project-meta-card,.share-card{background:#fff;border-radius:4px;box-shadow:0 2px 20px #00000012}.project-meta-card{margin-bottom:30px;padding:30px 28px}.project-meta-card h5,.share-card h5{text-transform:uppercase;letter-spacing:1.2px;color:#999;font-size:13px;font-weight:700}.project-meta-card h5{border-bottom:1px solid #eee;margin:0 0 18px;padding-bottom:10px}.meta-row{border-bottom:1px solid #f4f4f4;align-items:flex-start;gap:12px;padding:11px 0;font-size:14px;display:flex}.meta-row:last-child{border-bottom:none}.meta-row .meta-icon{color:#777;background:#f5f5f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:13px;display:flex}.meta-row .meta-label{text-transform:uppercase;letter-spacing:.8px;color:#aaa;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.meta-row .meta-val{color:#333;font-size:14px;font-weight:500}.meta-row .meta-val a{color:inherit;border-bottom:1px dashed #ccc;text-decoration:none}.meta-row .meta-val a:hover{color:#000;border-color:#000}.share-card{padding:24px 28px}.share-card h5{margin:0 0 14px}.share-icons{flex-wrap:wrap;gap:8px;display:flex}.share-icons a{color:#555;background:#f4f4f4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.share-icons a:hover{color:#fff;background:#333}.project-content h3{color:#222;margin:0 0 14px;font-size:22px;font-weight:700}.project-content h4{color:#333;margin:30px 0 10px;font-size:17px;font-weight:600}.project-content p{color:#666;margin-bottom:16px;font-size:15px;line-height:1.8}.project-content .highlight-quote{background:#fafafa;border-left:4px solid #222;border-radius:0 4px 4px 0;margin:24px 0;padding:14px 20px}.project-content .highlight-quote p{color:#444;margin:0;font-size:15px;font-style:italic}.skill-badges{margin:12px 0 24px}.skill-badges span{color:#444;letter-spacing:.5px;text-transform:uppercase;background:#f0f0f0;border-radius:3px;margin:3px 3px 3px 0;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.project-gallery{padding:40px 0 50px}.project-gallery .section_heading{margin-bottom:30px}.gallery-grid .item-img{border-radius:4px;margin-bottom:24px;overflow:hidden}.gallery-grid .item-img img{width:100%;transition:transform .4s;display:block}.gallery-grid .item-img:hover img{transform:scale(1.04)}.gallery-grid .item-img .item-img-overlay{border-radius:4px}.project-nav-bar{border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:30px 0;display:flex}.project-nav-bar .nav-item{color:#333;align-items:center;gap:14px;text-decoration:none;transition:opacity .2s;display:flex}.project-nav-bar .nav-item:hover{opacity:.65}.project-nav-bar .nav-thumb{background:#eee;border-radius:4px;flex-shrink:0;width:58px;height:58px;overflow:hidden}.project-nav-bar .nav-thumb img{object-fit:cover;width:100%;height:100%}.project-nav-bar .nav-label{text-transform:uppercase;letter-spacing:1px;color:#aaa;margin-bottom:3px;font-size:11px;font-weight:700}.project-nav-bar .nav-title{color:#222;font-size:14px;font-weight:600}.project-nav-bar .nav-all{color:#fff;background:#222;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;text-decoration:none;transition:background .2s;display:flex}.project-nav-bar .nav-all:hover{background:#555}.project-nav-bar .next-item{text-align:right;flex-direction:row-reverse}@media (width<=767px){.detail-hero{padding:90px 15px 45px}.detail-hero h1{font-size:28px}.project-feature-img{margin-top:-18px}.project-nav-bar .nav-title{display:none}}