.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(13,13,14,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:var(--container-padding);opacity:0;visibility:hidden;transition:all .4s var(--ease-lnf)}.project-modal-overlay.active{opacity:1;visibility:visible}.project-modal-content{background-color:var(--bg-light);width:100%;max-width:1100px;max-height:90vh;overflow-y:auto;border-radius:var(--border-radius-sm);position:relative;padding:clamp(3rem,5vw,6rem);transform:translateY(40px);transition:transform .5s var(--ease-lnf)}.project-modal-overlay.active .project-modal-content{transform:translateY(0)}.modal-close-btn{position:absolute;top:2.4rem;right:2.4rem;width:4.4rem;height:4.4rem;border-radius:50%;background-color:var(--text-dark);color:#ffffff;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:10}.modal-close-btn:hover{background-color:var(--accent)}.modal-hero-img{width:100%;height:clamp(250px,40vh,500px);object-fit:cover;margin-top:2.4rem}.modal-hero-img,.modal-meta-grid{border-radius:var(--border-radius-sm);margin-bottom:3.2rem}.modal-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;padding:2.4rem;background-color:var(--bg-card);border:1px solid var(--border-subtle)}