.project-hero{position:relative;padding:140px 0 60px;background:linear-gradient(180deg,var(--bg-alt) 0%,var(--bg) 100%);overflow:hidden}[data-theme="dark"] .project-hero{background:linear-gradient(180deg,#080c14 0%,var(--bg) 100%)}.project-hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.project-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.project-hero-content{max-width:600px}.project-breadcrumb{margin-bottom:24px}.breadcrumb-service{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:var(--primary-bg);border:1px solid var(--border);border-radius:50px;color:var(--text-secondary);font-size:13px;font-weight:600;text-decoration:none;transition:all 0.3s}.breadcrumb-service:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary-light)}.breadcrumb-service i{font-size:16px;color:var(--primary)}.project-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:var(--primary-bg);border-radius:50px;font-size:13px;font-weight:600;color:var(--primary);margin-bottom:20px}.project-badge i{font-size:14px}.project-hero-title{font-size:42px;font-weight:900;line-height:1.1;margin-bottom:20px;color:var(--text);letter-spacing:-1px}.project-hero-desc{font-size:18px;color:var(--text-secondary);line-height:1.7;margin-bottom:32px}.project-hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.project-hero-meta .btn-outline{border-color:var(--border);color:var(--text-secondary)}.project-hero-meta .btn-outline:hover{border-color:var(--primary);color:var(--primary)}.project-hero-techs{display:flex;flex-wrap:wrap;gap:8px}.hero-tech-tag{padding:5px 14px;background:var(--bg-alt);border:1px solid var(--border);border-radius:50px;font-size:12px;font-weight:600;color:var(--text-secondary)}.project-hero-image-wrap{display:flex;justify-content:center;align-items:center}.project-hero-image{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:420px;width:100%;height:100%;object-fit:cover}.project-body{padding-top:60px}.project-layout{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:start}.project-main{min-width:0}.project-video-wrapper{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:50px;box-shadow:var(--shadow-xl);background:#000}.project-video{width:100%;max-height:500px;object-fit:cover;display:block}.project-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:50px}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;transition:all 0.3s}.info-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);border-radius:12px;color:var(--primary);font-size:20px;margin-bottom:16px}.info-card h2{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.info-card p{font-size:16px;font-weight:600;color:var(--text)}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 14px;background:var(--primary-bg);color:var(--primary);border-radius:50px;font-size:12px;font-weight:700}.project-content{font-size:17px;line-height:1.9;color:var(--text-secondary);margin-bottom:60px}.project-content h2{font-size:30px;font-weight:800;color:var(--text);margin:60px 0 24px;padding-bottom:14px;border-bottom:3px solid var(--primary-light);position:relative}.project-content h2::after{content:'';position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:var(--gradient);border-radius:3px}.project-content h3{font-size:24px;font-weight:700;color:var(--text);margin:45px 0 18px}.project-content p{margin-bottom:22px}.project-content ul,.project-content ol{margin-bottom:22px;padding-left:28px}.project-content li{margin-bottom:10px}.project-content li::marker{color:var(--primary)}.project-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.project-content a:hover{color:var(--primary-dark)}.project-content img{border-radius:var(--radius-md);margin:35px 0;box-shadow:var(--shadow-md)}.project-content blockquote{border-left:4px solid var(--primary);padding:20px 28px;margin:35px 0;background:var(--primary-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;font-size:18px;color:var(--text);position:relative}.project-content blockquote::before{content:'\201C';font-size:48px;color:var(--primary);opacity:.3;position:absolute;top:-5px;left:12px;font-family:Georgia,serif}.project-gallery{margin-top:60px;padding-top:60px;border-top:1px solid var(--border)}.gallery-header{margin-bottom:40px}.gallery-header h2{font-size:28px;font-weight:800;color:var(--text);margin-top:12px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;aspect-ratio:4/3}.gallery-item.gallery-featured{grid-column:span 2;aspect-ratio:16/7}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.2,1,.3,1)}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay i{color:#fff;font-size:28px;transform:scale(.8);transition:transform 0.3s}.gallery-item:hover .gallery-overlay i{transform:scale(1)}.project-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}.sidebar-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.sidebar-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:2px solid var(--border)}.sidebar-title i{color:var(--primary);font-size:16px}.sidebar-service-card{background:var(--gradient);border-color:#fff0;color:#fff}.sidebar-service-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sidebar-service-header i{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .15);border-radius:12px;font-size:22px;color:#fff;flex-shrink:0}.sidebar-service-label{font-size:11px;font-weight:700;color:rgb(255 255 255 / .6);text-transform:uppercase;letter-spacing:1.5px}.sidebar-service-header h3{font-size:17px;font-weight:800;color:#fff;margin-top:4px}.sidebar-service-card p{font-size:13px;color:rgb(255 255 255 / .8);line-height:1.6;margin-bottom:20px}.sidebar-service-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;padding:10px 20px;background:rgb(255 255 255 / .15);border-radius:50px;transition:all 0.3s}.sidebar-service-link:hover{background:rgb(255 255 255 / .25);transform:translateX(4px)}.sidebar-projects-list{display:flex;flex-direction:column;gap:12px}.sidebar-project-item{display:flex;gap:12px;text-decoration:none;padding:12px;border-radius:var(--radius-sm);transition:background 0.3s}.sidebar-project-item:hover{background:var(--bg-alt)}.sidebar-project-thumb{width:64px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.sidebar-project-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-project-info h3{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.4}.sidebar-project-info span{font-size:11px;color:var(--text-muted)}.sidebar-contact-card{background:var(--gradient);border-color:#fff0;text-align:center;padding:32px 24px}.sidebar-contact-inner i{font-size:36px;color:rgb(255 255 255 / .9);margin-bottom:16px}.sidebar-contact-inner h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:8px}.sidebar-contact-inner p{font-size:14px;color:rgb(255 255 255 / .8);margin-bottom:20px}.sidebar-contact-inner .btn{background:#fff;color:var(--primary)}.sidebar-contact-inner .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .15)}.project-cta{margin-top:60px}.project-cta .cta-card{background:var(--gradient);padding:50px;border-radius:var(--radius-lg);text-align:center;color:#fff}.project-cta .cta-card h3{font-size:28px;font-weight:800;margin-bottom:12px;color:#fff}.project-cta .cta-card p{font-size:16px;opacity:.9;margin-bottom:28px}.project-cta .cta-card .btn{background:#fff;color:var(--primary);border:none}.project-cta .cta-card .btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgb(0 0 0 / .2)}.rtl .project-content ul,.rtl .project-content ol{padding-left:0;padding-right:28px}.rtl .project-content h2::after{left:auto;right:0}.rtl .project-content blockquote{border-left:none;border-right:4px solid var(--primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.rtl .sidebar-service-link i{transform:scaleX(-1)}.rtl .project-hero-meta .btn i{transform:scaleX(-1)}@media (max-width:1024px){.project-hero .container{grid-template-columns:1fr;gap:40px}.project-hero-title{font-size:32px}.project-layout{grid-template-columns:1fr}.project-sidebar{position:static;order:-1}.project-info-cards{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-item.gallery-featured{grid-column:span 1}}@media (max-width:768px){.project-hero{padding:100px 0 40px}.project-body{padding:40px 0}.project-hero-title{font-size:28px}.project-cta .cta-card{padding:30px 24px}.project-cta .cta-card h3{font-size:22px}.project-hero-desc{font-size:16px}.project-video-wrapper{margin-bottom:30px}}.gallery-lightbox-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .92);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:40px}.gallery-lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgb(0 0 0 / .5)}.gallery-lightbox-close{position:absolute;top:20px;right:30px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;opacity:.7;transition:opacity 0.3s;font-family:inherit}.gallery-lightbox-close:hover{opacity:1}.btn-full{width:100%;justify-content:center}