.projets-page{flex-direction:column;gap:60px;max-width:1200px;margin:0 auto;padding:80px 20px;display:flex}.text-gradient{background:linear-gradient(135deg, #fff 30%, var(--blue-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.filter-nav-bar{border-bottom:1px solid #ffffff0d;gap:12px;padding-bottom:24px;display:flex}.filter-chip{color:#a0abc0;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:30px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .2s}.filter-chip:hover{color:var(--text-white);border-color:#ffffff4d}.filter-chip.active{background-color:var(--blue-primary);border-color:var(--blue-primary);color:var(--text-white);box-shadow:0 0 15px #2b5cf666}.projets-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;display:grid}.projet-card-modern{cursor:pointer;flex-direction:column;display:flex;overflow:hidden;padding:0!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s!important}.projet-card-modern:hover{transform:translateY(-6px)}.projet-image-wrapper{border-bottom:1px solid #ffffff0d;width:100%;height:240px;position:relative;overflow:hidden}.projet-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.projet-card-modern:hover .projet-image-wrapper img{transform:scale(1.03)}.card-kpi-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--blue-light);background:#020b1abf;border:1px solid #2b5cf666;border-radius:8px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;position:absolute;bottom:16px;right:16px}.projet-meta-content{flex-direction:column;gap:12px;padding:32px;display:flex}.projet-tags-row{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{color:#a0abc0;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.projet-meta-content h3{color:var(--text-white);margin:0;font-size:22px}.card-action-trigger{color:var(--blue-primary);margin-top:10px;font-size:14px;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:1000;background-color:#020b1acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-window{width:100%;max-width:1050px;max-height:90vh;position:relative;overflow-y:auto;background:#040f21!important;padding:48px!important}.modal-close-btn{color:#a0abc0;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s;position:absolute;top:24px;right:24px}.modal-close-btn:hover{color:var(--text-white)}.modal-split-layout{grid-template-columns:420px 1fr;gap:48px;margin-top:10px;display:grid}.modal-main-img{border:1px solid #ffffff0d;border-radius:12px;width:100%;height:260px;overflow:hidden}.modal-main-img img{object-fit:cover;width:100%;height:100%}.modal-metrics-panel{grid-template-columns:1fr;gap:12px;margin-top:20px;display:grid}.metric-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.metric-box .m-label{color:#5b6a82;font-size:13px}.metric-box .m-val{color:var(--blue-light);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.modal-eyebrow{color:var(--blue-primary);letter-spacing:.15em;font-family:JetBrains Mono,monospace;font-size:11px}.modal-text-side h2{margin:8px 0 32px;font-size:36px;font-weight:800}.narrative-section{margin-bottom:24px}.narrative-section h4{color:#5b6a82;margin:0 0 8px;font-family:JetBrains Mono,monospace;font-size:12px}.narrative-section p{color:#a0abc0;margin:0;font-size:15px;line-height:1.6}.modal-tech-stack h4{color:#5b6a82;margin:32px 0 12px;font-family:JetBrains Mono,monospace;font-size:12px}.tech-tags-grid{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:var(--blue-light);background:#2b5cf614;border:1px solid #2b5cf633;border-radius:6px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:12px}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards modalSlide}@keyframes modalSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.modal-split-layout{grid-template-columns:1fr;gap:32px}.modal-window{padding:24px!important}}@media (width<=768px){.filter-nav-bar{white-space:nowrap;padding-bottom:16px;overflow-x:auto}}