.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:100%;max-width:1200px;height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000080}.close-btn{color:#fff;cursor:pointer;z-index:100;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:24px;right:24px}.close-btn:hover{background:#fff3}.modal-layout{width:100%;height:100%;display:flex}.modal-info{border-right:1px solid var(--border-color);flex-direction:column;flex:0 0 40%;padding:60px 48px;display:flex;overflow-y:auto}.info-header{margin-bottom:32px}.info-cat{color:var(--accent-primary);text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.info-title{margin-bottom:12px;font-size:2.5rem;line-height:1.1}.info-client{color:var(--text-muted);font-size:1rem}.info-body{flex-direction:column;flex:1;display:flex}.description{color:var(--text-secondary);margin-bottom:32px;line-height:1.7}.project-meta{border-top:1px solid var(--border-color);margin-bottom:auto;padding-top:24px}.meta-item strong{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.875rem;display:block}.pc-actions{margin-top:48px}.modal-media{background:#000;flex:1;height:100%;position:relative}.modal-media .image-slider{border-radius:0;height:100%}.mobile-fab{display:none}.tech-stack-section{margin-top:32px;margin-bottom:32px}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:12px;font-size:.875rem;display:flex}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:6px 12px;font-size:.875rem;transition:all .2s}.tech-tag:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffff1a}.pc-actions{gap:12px;margin-top:auto;padding-top:24px;display:flex}.btn-secondary{color:#fff;background:0 0;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#000;background:#fff}.project-nav-slider{border-top:1px solid var(--border-color);margin-top:48px;padding-top:32px}.nav-slider-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:20px;display:flex;overflow-x:auto}.nav-slider-track::-webkit-scrollbar{display:none}.nav-project-card{cursor:pointer;scroll-snap-align:start;flex:0 0 calc(33.3333% - 13.3333px);min-width:0;transition:all .2s}.nav-project-card:hover{opacity:1;transform:translateY(-4px)}.nav-project-image{background-color:#333;background-position:50%;background-size:cover;border:1px solid #0000;border-radius:12px;width:100%;height:120px;margin-bottom:12px;transition:border-color .2s}.nav-project-card:hover .nav-project-image{border-color:var(--accent-primary)}.nav-project-title{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.modal-overlay{padding:0}.modal-content{border:none;border-radius:0;max-width:100%;height:100%}.modal-layout{flex-direction:column-reverse;overflow-y:auto}.modal-media{flex:0 0 45vh;min-height:300px}.modal-info{border-right:none;flex:1;padding:32px 24px 100px;overflow-y:visible}.info-title{font-size:2rem}.pc-actions{display:none}.mobile-fab{z-index:200;background:linear-gradient(#0000,#000 20%);width:100%;padding:16px 24px;display:block;position:fixed;bottom:0;left:0}.full-width{justify-content:center;width:100%}.close-btn{background:#0000004d;top:16px;right:16px}}