.ProjectDetails-module__YLZ9fa__article{max-width:900px;margin:0 auto;padding:0 1.5rem 4rem}.ProjectDetails-module__YLZ9fa__breadcrumbs{color:var(--foreground-muted);gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.ProjectDetails-module__YLZ9fa__breadcrumbs a{color:var(--foreground-muted);text-decoration:none;transition:color .2s}.ProjectDetails-module__YLZ9fa__breadcrumbs a:hover{color:var(--primary,#6366f1)}.ProjectDetails-module__YLZ9fa__breadcrumbs .ProjectDetails-module__YLZ9fa__current{color:var(--foreground)}.ProjectDetails-module__YLZ9fa__header{margin-bottom:2rem}.ProjectDetails-module__YLZ9fa__title{background:linear-gradient(to right,var(--foreground),var(--foreground-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.ProjectDetails-module__YLZ9fa__categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.ProjectDetails-module__YLZ9fa__category{color:var(--primary);background:#6366f133;border:1px solid #6366f14d;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.ProjectDetails-module__YLZ9fa__date{color:var(--foreground-muted);font-size:.9rem}.ProjectDetails-module__YLZ9fa__heroInner{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.ProjectDetails-module__YLZ9fa__heroImageWrapper{aspect-ratio:16/9;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.ProjectDetails-module__YLZ9fa__heroImage{object-fit:cover;width:100%;height:100%;transition:transform .5s}.ProjectDetails-module__YLZ9fa__heroContent{max-width:800px}.ProjectDetails-module__YLZ9fa__heroTitle{margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.ProjectDetails-module__YLZ9fa__heroDesc{color:var(--foreground-muted);font-size:1.25rem;line-height:1.6}.ProjectDetails-module__YLZ9fa__richTextContent{color:var(--foreground-muted);font-size:1.1rem;line-height:1.8}.ProjectDetails-module__YLZ9fa__imageTextGrid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.ProjectDetails-module__YLZ9fa__imageTextGrid.ProjectDetails-module__YLZ9fa__align-right{direction:rtl}.ProjectDetails-module__YLZ9fa__imageTextGrid.ProjectDetails-module__YLZ9fa__align-right .ProjectDetails-module__YLZ9fa__imageTextContent{direction:ltr}.ProjectDetails-module__YLZ9fa__imageTextImage{aspect-ratio:4/3;border-radius:20px;position:relative;overflow:hidden}.ProjectDetails-module__YLZ9fa__blockImage{object-fit:cover;width:100%;height:100%}.ProjectDetails-module__YLZ9fa__blockText{color:var(--foreground-muted);font-size:1.1rem;line-height:1.8}.ProjectDetails-module__YLZ9fa__galleryWrapper{gap:1.5rem;padding:1rem 0;display:grid}.ProjectDetails-module__YLZ9fa__galleryWrapper.ProjectDetails-module__YLZ9fa__layout-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ProjectDetails-module__YLZ9fa__galleryWrapper.ProjectDetails-module__YLZ9fa__layout-masonry{column-count:2;column-gap:1.5rem;display:block}.ProjectDetails-module__YLZ9fa__galleryWrapper.ProjectDetails-module__YLZ9fa__layout-carousel{gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.ProjectDetails-module__YLZ9fa__galleryItem{cursor:zoom-in;border-radius:16px;transition:transform .3s;position:relative;overflow:hidden}.ProjectDetails-module__YLZ9fa__galleryItem:hover{transform:scale(1.02)}.ProjectDetails-module__YLZ9fa__galleryImage{object-fit:cover;width:100%;height:100%;display:block}.ProjectDetails-module__YLZ9fa__galleryOverlay{opacity:0;background:linear-gradient(#0000,#000000b3);align-items:flex-end;padding:1.5rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.ProjectDetails-module__YLZ9fa__galleryItem:hover .ProjectDetails-module__YLZ9fa__galleryOverlay{opacity:1}.ProjectDetails-module__YLZ9fa__galleryCaption{color:#fff;font-size:.9rem;font-weight:500}.ProjectDetails-module__YLZ9fa__comparisonContainer{max-width:1000px;margin:0 auto}.ProjectDetails-module__YLZ9fa__comparisonLabel{text-align:center;margin-bottom:2rem;font-size:1.5rem}.ProjectDetails-module__YLZ9fa__comparisonSlider{aspect-ratio:16/9;cursor:ew-resize;border-radius:20px;width:100%;position:relative;overflow:hidden}.ProjectDetails-module__YLZ9fa__comparisonImage{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.ProjectDetails-module__YLZ9fa__comparisonHandle{z-index:10;cursor:ew-resize;background:#fff;width:4px;position:absolute;top:0;bottom:0}.ProjectDetails-module__YLZ9fa__faqContainer{max-width:800px;margin:0 auto}.ProjectDetails-module__YLZ9fa__faqTitle{text-align:center;margin-bottom:2rem;font-size:2rem}.ProjectDetails-module__YLZ9fa__faqList{flex-direction:column;gap:1rem;display:flex}.ProjectDetails-module__YLZ9fa__faqItem{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.ProjectDetails-module__YLZ9fa__faqQuestion{cursor:pointer;padding:1.5rem;font-weight:600;list-style:none;display:block}.ProjectDetails-module__YLZ9fa__faqAnswer{color:var(--foreground-muted);padding:0 1.5rem 1.5rem;line-height:1.6}.ProjectDetails-module__YLZ9fa__resultsGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.ProjectDetails-module__YLZ9fa__resultCard{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:transform .3s}.ProjectDetails-module__YLZ9fa__resultCard:hover{background:#ffffff0d;transform:translateY(-5px)}.ProjectDetails-module__YLZ9fa__resultIcon{margin-bottom:1rem;font-size:2rem;display:block}.ProjectDetails-module__YLZ9fa__techContainer{text-align:center}.ProjectDetails-module__YLZ9fa__techTitle{margin-bottom:2rem;font-size:1.5rem}.ProjectDetails-module__YLZ9fa__techPills{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.ProjectDetails-module__YLZ9fa__techPill{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:.5rem 1.25rem;font-size:.9rem;transition:all .2s}.ProjectDetails-module__YLZ9fa__techPill:hover{background:var(--primary,#6366f1);color:#fff;border-color:#0000}.ProjectDetails-module__YLZ9fa__projectLink{text-align:center;margin:3rem 0}.ProjectDetails-module__YLZ9fa__externalLink{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.ProjectDetails-module__YLZ9fa__externalLink:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f14d}.ProjectDetails-module__YLZ9fa__attribution{text-align:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:16px;margin-top:4rem;padding:2rem}.ProjectDetails-module__YLZ9fa__attribution strong{color:var(--foreground);font-size:1.2rem}.ProjectDetails-module__YLZ9fa__authorLink{color:var(--primary,#6366f1);font-weight:600;text-decoration:none}.ProjectDetails-module__YLZ9fa__lightbox{z-index:2000;background:#000000fa;justify-content:center;align-items:center;animation:.3s ProjectDetails-module__YLZ9fa__fadeIn;display:flex;position:fixed;inset:0}@keyframes ProjectDetails-module__YLZ9fa__fadeIn{0%{opacity:0}to{opacity:1}}.ProjectDetails-module__YLZ9fa__lightboxContent{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ProjectDetails-module__YLZ9fa__lightboxClose{color:#fff;cursor:pointer;z-index:2010;opacity:.7;background:0 0;border:none;font-size:3rem;transition:opacity .2s;position:absolute;top:2rem;right:2rem}.ProjectDetails-module__YLZ9fa__lightboxClose:hover{opacity:1}.ProjectDetails-module__YLZ9fa__lightboxImage{object-fit:contain}.ProjectDetails-module__YLZ9fa__transformWrapper{width:100%;height:100%}.ProjectDetails-module__YLZ9fa__transformContent{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ProjectDetails-module__YLZ9fa__zoomControls{z-index:2010;gap:1rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.ProjectDetails-module__YLZ9fa__zoomControls button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;transition:all .2s}.ProjectDetails-module__YLZ9fa__zoomControls button:hover{background:#fff3}@media (max-width:1024px){.ProjectDetails-module__YLZ9fa__imageTextGrid{grid-template-columns:1fr;gap:2rem}.ProjectDetails-module__YLZ9fa__heroTitle{font-size:2.2rem}}
