.showcase-filter{padding:24px 0 0;position:relative}.filter-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.filter-btn{background:#f1f5f9;border:none;border-radius:20px;padding:8px 20px;font-size:1rem;color:#3d4f5f;cursor:pointer;transition:background .2s,color .2s}.filter-btn.active,.filter-btn:hover{background:linear-gradient(90deg,#3d4f5f,#724b52);color:#fff}.case-studies-grid,.case-studies-showcase,.showcase-grid{padding:var(--spacing-xxl) 0;background-color:var(--light-gray)}.case-studies-grid .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.case-study-item{display:flex;flex-direction:column;gap:.5rem;background:none;border:none;padding:0;text-align:left;font:inherit;color:inherit;width:100%;border-radius:20px}.case-study-card-link{display:block;color:inherit;text-decoration:none;border-radius:20px}.case-study-card-link:focus-visible{outline:2px solid #3d4f5f;outline-offset:4px}.case-study-quick-view{align-self:flex-start;background:transparent;border:none;color:var(--primary-color,#3d4f5f);cursor:pointer;font-size:var(--text-sm,.875rem);font-weight:600;padding:.25rem 0;text-decoration:underline}.case-study-item:focus-visible{outline:2px solid #3d4f5f;outline-offset:4px}@media (max-width:1100px){.case-studies-grid .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.case-studies-grid .grid{grid-template-columns:1fr}}.case-study-card{background-color:transparent;border-radius:20px;overflow:visible;box-shadow:none;transition:transform .35s cubic-bezier(.16,1,.3,1);cursor:pointer;height:100%;display:flex;flex-direction:column}.case-study-card:hover{transform:translateY(-4px)}.case-study-card:active{transform:translateY(-1px)}.case-study-image{aspect-ratio:16/10;height:auto;overflow:hidden;position:relative;background:#f4f4f2;border-radius:20px;box-shadow:0 10px 28px rgba(61,79,95,.1)}.case-study-card:hover .case-study-image{box-shadow:0 16px 40px rgba(61,79,95,.16)}.case-study-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.case-study-card:hover .case-study-image img{transform:scale(1.04)}.case-study-image .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(61,79,95,.85),rgba(114,75,82,.85));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.case-study-card:hover .case-study-image .overlay{opacity:1}.case-study-image .overlay .btn,.case-study-image .overlay .view-details-btn,.case-study-image .overlay button[data-slot=button]{background:#fff;color:#3d4f5f;padding:12px 28px;border-radius:var(--border-radius-xl);font-weight:600;font-size:var(--text-sm,.875rem);text-decoration:none;transform:translateY(20px);opacity:0;transition:all .3s ease .1s;box-shadow:0 4px 15px rgba(0,0,0,.2);pointer-events:none}.case-study-card:hover .case-study-image .overlay .btn,.case-study-card:hover .case-study-image .overlay .view-details-btn,.case-study-card:hover .case-study-image .overlay button[data-slot=button]{transform:translateY(0);opacity:1}.case-study-image .overlay .btn:hover,.case-study-image .overlay .view-details-btn:hover,.case-study-image .overlay button[data-slot=button]:hover{background:#f0f4ff;transform:scale(1.05)}.case-study-content{padding:16px 8px 4px;flex:1;display:flex;flex-direction:column}.case-study-content h3{font-size:.95rem;font-weight:700;margin:0;color:#1a1a2e;line-height:1.35}.case-study-content .case-study-name{display:block}.case-study-content .case-study-hook{display:block;margin-top:4px;font-size:.82rem;font-weight:500;color:#6c757d;line-height:1.4}.case-study-content .case-study-cta{display:inline-flex;align-items:center;margin-top:10px;font-size:var(--text-sm,.875rem);font-weight:600;color:var(--primary-color)}.case-study-content p{color:#6c757d;font-size:.9rem;line-height:1.6;margin-bottom:16px;flex:1}@media (prefers-reduced-motion:reduce){.case-study-card,.case-study-image,.case-study-image img{transition:none}.case-study-card:active,.case-study-card:hover,.case-study-card:hover .case-study-image img{transform:none}}.tech-icons{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.tech-icons .tech-name{display:inline-block;padding:6px 12px;background:#f1f5f9;color:#3d4f5f;border-radius:6px;font-size:.8rem;font-weight:500;transition:all .2s ease}.tech-icons .tech-name:hover{background:#3d4f5f;color:#fff}.project-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(26,26,46,.85);backdrop-filter:blur(8px);z-index:9998;display:none;justify-content:center;align-items:center;padding:24px}.project-popup-overlay.active{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-popup{background:#fff;border-radius:24px;max-width:980px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px rgba(26,26,46,.22);display:flex;flex-direction:column}[data-slot=dialog-content].project-popup{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:flex!important;flex-direction:column;max-width:980px!important;width:min(980px,100%)!important;max-height:90vh;margin:0!important;padding:0!important;overflow:hidden;animation:none!important;text-align:left;font-size:1rem}body.no-scroll{overflow:hidden!important;position:fixed;width:100%;height:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.project-popup-header{position:relative;padding:22px 52px 20px 28px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-start;align-items:center;flex-shrink:0;background:#fff;z-index:10;border-radius:24px 24px 0 0;text-align:left}.project-popup-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3d4f5f,#724b52 50%,#3d4f5f);border-radius:24px 24px 0 0}.project-popup-header .project-popup-title,.project-popup-header [data-slot=dialog-title]{margin:0;padding:0;font-size:1.28rem;font-weight:700;color:#1a1a2e;letter-spacing:-.02em;line-height:1.35;overflow:visible;white-space:normal}.project-popup [data-slot=dialog-close]{top:18px;right:18px}.project-popup-close{width:36px;height:36px;background:transparent;border:1px solid #e9ecef;border-radius:10px;font-size:1.1rem;cursor:pointer;color:#6c757d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.project-popup-close:hover{background:#fff;border-color:#dee2e6;color:#1a1a2e}.project-popup-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.project-popup-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:28px 32px 32px;background:#fff;overflow:visible;align-items:start}.project-popup-media{position:relative;align-self:start;min-width:0}.project-popup-carousel .video-container,.project-popup-image{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/10;object-fit:cover;border-radius:18px;box-shadow:0 10px 28px rgba(61,79,95,.1);display:block}.carousel-container{position:relative;border-radius:16px;overflow:hidden;background:#fff}.carousel-slides{position:relative}.carousel-slide{display:none}.carousel-slide.active{display:block}.carousel-slide iframe,.carousel-slide img{width:100%;height:300px;object-fit:cover;display:block}.carousel-slide .video-container{position:relative;padding-bottom:56.25%;height:0}.carousel-slide .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#6c757d;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s ease;z-index:5}.carousel-nav:hover{background:#fff;border-color:#dee2e6;color:#1a1a2e}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.project-source-link{margin-top:20px}.project-source-link .btn-outline,.project-source-link .vc-btn-link{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;color:#1a1a2e;border:2px solid #e9ecef;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease}.project-source-link .btn-outline i,.project-source-link .vc-btn-link i{font-size:1.2rem}.project-source-link .btn-outline:hover,.project-source-link .vc-btn-link.btn-outline:hover{background:#1a1a2e;color:#fff;border-color:#1a1a2e;transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,26,46,.2)}.project-popup-details{display:flex;flex-direction:column;gap:18px;overflow:visible;max-height:none;min-width:0;padding-right:0;align-self:start}.project-popup-details .category,.project-popup-details .industry{display:inline-flex;align-items:center;height:auto;padding:6px 14px;background:linear-gradient(135deg,#3d4f5f,#724b52);color:#fff;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1.3;width:fit-content;overflow:visible;margin:0}.project-popup-details .project-popup-lede,.project-popup-details>p{color:#4b5563;line-height:1.7;margin:0;padding-top:2px;font-size:.98rem;overflow:visible}.project-popup-details .implementation{margin:0}.project-popup-details .implementation h4{font-size:.92rem;font-weight:700;color:#1a1a2e;margin:0 0 8px;display:flex;align-items:center;gap:8px;line-height:1.4}.project-popup-details .implementation h4:before{content:"";width:7px;height:7px;border-radius:50%;background:#724b52;flex-shrink:0}.project-popup-details .implementation p{color:#4b5563;line-height:1.7;font-size:.95rem;margin:0;padding-top:2px;overflow:visible}.project-popup-details .tech-stack{margin:0}.project-popup-details .tech-stack h4{font-size:.92rem;font-weight:700;color:#1a1a2e;margin:0 0 10px;display:flex;align-items:center;gap:8px;line-height:1.4}.project-popup-details .tech-stack h4:before{content:"";width:7px;height:7px;border-radius:50%;background:#3d4f5f;flex-shrink:0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}.tech-tags .tech-tag{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:2.15rem;padding:.4rem .85rem;background:#f4f6f8;color:#3d4f5f;border-radius:999px;font-size:.82rem;font-weight:600;line-height:1.3;border:1px solid rgba(61,79,95,.12);overflow:visible;white-space:nowrap}.tech-tags .tech-tag:hover{background:#3d4f5f;color:#fff;border-color:#3d4f5f}.project-popup-details .results{background:#f7f8fa;padding:16px 18px 14px;border-radius:16px;border:1px solid rgba(61,79,95,.08)}.project-popup-details .results h4{font-size:.92rem;font-weight:700;margin:0 0 10px;color:#1a1a2e;display:flex;align-items:center;gap:8px;line-height:1.4}.project-popup-details .results h4:before{content:"";width:7px;height:7px;border-radius:50%;background:#3d4f5f;flex-shrink:0}.project-popup-details .results ul{padding-left:0;margin:0;list-style:none}.project-popup-details .results ul li{color:#374151;margin-bottom:8px;font-size:.92rem;line-height:1.55;padding-left:22px;position:relative}.project-popup-details .results ul li:before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:#3d4f5f}.project-popup-details .results ul li:last-child{margin-bottom:0}.project-tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.project-tech-tags span{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);color:#3d4f5f;border-radius:10px;font-size:.85rem;font-weight:600;border:1px solid rgba(61,79,95,.1)}.project-results{background:linear-gradient(135deg,#f8f9ff,#fff);padding:20px 24px;border-radius:16px;margin-bottom:24px;border:1px solid rgba(61,79,95,.08)}.project-results h4{font-size:1rem;font-weight:700;margin-bottom:14px;color:#1a1a2e}.project-results ul{padding-left:0;margin:0;list-style:none}.project-results ul li{color:#444;margin-bottom:10px;padding-left:24px;position:relative}.project-results ul li:before{content:"✓";position:absolute;left:0;color:#3d4f5f;font-weight:700}@media (max-width:768px){.project-popup-overlay{padding:16px}.project-popup{border-radius:20px;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.project-popup::-webkit-scrollbar{display:none}.project-popup-header{padding:20px 24px}.project-popup-header,.project-popup-header:before{border-radius:20px 20px 0 0}.project-popup-header h2{font-size:1.25rem}.project-popup-content{grid-template-columns:1fr;padding:20px 20px 24px;gap:20px;overflow:visible}.project-popup-media{position:relative}.project-popup-details{overflow:visible;max-height:none;padding-right:0}.project-popup-carousel .video-container,.project-popup-image{min-height:0;max-height:none}.carousel-slide iframe,.carousel-slide img{height:220px}}.interactive-demo{padding:var(--spacing-xxl) 0;background-color:var(--light-gray)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.demo-card{background:var(--light-gray);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);cursor:pointer}.demo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.demo-preview{height:200px;overflow:hidden;position:relative}.demo-preview img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.demo-card:hover .play-overlay{opacity:1}.play-overlay i{font-size:3rem;color:#fff}.demo-content{padding:var(--spacing-xl)}.demo-content h3{font-size:1.2rem;margin-bottom:var(--spacing-sm)}.demo-content p{color:var(--text-muted);font-size:.95rem}.demo-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:9999;display:none;justify-content:center;align-items:center}.demo-popup-overlay.active{display:flex;padding:20px}.demo-popup{position:relative;max-width:900px;width:100%}.demo-popup-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:transform .2s}.demo-popup-close:hover{transform:scale(1.1)}.demo-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius-lg);background:#000}.demo-video-wrapper video{object-fit:contain}.demo-video-wrapper video,.showcase-particles{position:absolute;top:0;left:0;width:100%;height:100%}.showcase-particles{z-index:-1}@media (max-width:992px){.project-popup-content{grid-template-columns:1fr}}@media (max-width:768px){.case-studies-grid,.demo-grid{grid-template-columns:1fr}.project-popup{max-height:80vh}.project-popup-content,.project-popup-header{padding:var(--spacing-lg)}}