.project-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#000c;justify-content:center;align-items:center;padding:1rem;transition:opacity .2s;display:flex;position:fixed;inset:0;overflow-y:auto}.project-modal-overlay.open{opacity:1}.project-modal-container{opacity:0;background:#1a1a1a;border:1px solid #333;border-radius:1rem;width:100%;max-width:900px;max-height:90vh;transition:transform .2s,opacity .2s;position:relative;overflow-y:auto;transform:scale(.9)translateY(20px);box-shadow:0 20px 60px #00000080}.project-modal-container.open{opacity:1;transform:scale(1)translateY(0)}.project-modal-close{z-index:10;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:1rem;right:1rem}.project-modal-close:hover{background:#fff3;transform:scale(1.1)}.project-modal-content{flex-direction:column;display:flex}.project-modal-image-container{border-radius:1rem 1rem 0 0;width:100%;height:300px;position:relative;overflow:hidden}.project-modal-image-wrapper{width:100%;height:100%;position:relative}.project-modal-image{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project-modal-image.active{opacity:1;pointer-events:auto}.project-modal-image-nav{z-index:5;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-modal-image-nav:hover{background:#ffffff40;transform:translateY(-50%)scale(1.1)}.project-modal-image-nav-left{left:1rem}.project-modal-image-nav-right{right:1rem}.project-modal-image-indicators{z-index:5;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.project-modal-image-indicator{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:.5rem;height:.5rem;padding:0;transition:background .2s,transform .2s}.project-modal-image-indicator:hover{background:#fff9;transform:scale(1.2)}.project-modal-image-indicator.active{background:#fff;transform:scale(1.3)}.project-modal-image-overlay{background:linear-gradient(#0000,#1a1a1ae6);height:50%;position:absolute;bottom:0;left:0;right:0}.project-modal-body{padding:2rem}.project-modal-header{margin-bottom:2rem}.project-modal-header-top{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.project-modal-category{color:silver;background:#c0c0c01a;border-radius:.5rem;padding:.375rem .75rem;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;display:inline-block}.project-modal-year{color:gray;background:#8080801a;border-radius:.5rem;padding:.375rem .75rem;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;display:inline-block}.project-modal-title{color:#fff;margin:0 0 .5rem;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-size:2rem;font-weight:700}.project-modal-client{color:gray;margin:0;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-size:1rem}.project-modal-section{margin-bottom:2rem}.project-modal-section:last-child{margin-bottom:0}.project-modal-section-title{color:#fff;margin:0 0 .75rem;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:600}.project-modal-text{color:#e5e5e5;margin:0;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}.project-modal-technologies{flex-wrap:wrap;gap:.5rem;display:flex}.project-modal-tech-badge{color:#e5e5e5;background:#80808033;border:1px solid #8080804d;border-radius:.5rem;padding:.5rem 1rem;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-size:.875rem;display:inline-block}.project-modal-links{flex-wrap:wrap;gap:1rem;display:flex}.project-modal-link{border-radius:.5rem;padding:.75rem 1.5rem;font-family:CaviarDreams,Arial,Helvetica,sans-serif;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.project-modal-link-primary{color:#fff;background:linear-gradient(90deg,gray,#606060)}.project-modal-link-primary:hover{background:linear-gradient(90deg,#909090,#707070);transform:translateY(-2px);box-shadow:0 4px 12px #8080804d}.project-modal-link-secondary{color:silver;background:0 0;border:1px solid gray}.project-modal-link-secondary:hover{color:#fff;background:#8080801a;border-color:silver}@media (max-width:768px){.project-modal-container{max-width:100%;max-height:95vh;margin:.5rem}.project-modal-body{padding:1.5rem}.project-modal-title{font-size:1.5rem}.project-modal-image-container{height:200px}.project-modal-image-nav{width:2rem;height:2rem}.project-modal-image-nav-left{left:.5rem}.project-modal-image-nav-right{right:.5rem}.project-modal-close{width:2rem;height:2rem;top:.75rem;right:.75rem}.project-modal-links{flex-direction:column}.project-modal-link{text-align:center;width:100%}}