.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:4rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:var(--bg-card);border:1px solid rgba(226,226,229,.05);border-radius:12px;padding:2rem;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}.project-card:hover{transform:translateY(-4px);border-color:#ffffff26}.project-header{margin-bottom:1rem}.project-title{font-size:1.4rem;color:var(--text-main);margin-bottom:.3rem;line-height:1.3}.project-role{font-size:.9rem;color:var(--accent-orange);font-weight:600}.project-tags,.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.8rem;padding:.2rem .6rem;border-radius:6px;letter-spacing:.02em}.project-short-desc{color:var(--text-muted);line-height:1.6;font-size:.95rem;margin-bottom:2rem;flex-grow:1}.details-btn{width:100%;text-align:center}.project-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0cd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.project-modal.show{opacity:1;visibility:visible}.project-modal-content{background-color:var(--bg-card);border:1px solid rgba(226,226,229,.1);border-radius:16px;padding:2.5rem;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;position:relative;transform:translateY(20px);transition:transform .3s ease;box-shadow:0 15px 40px #00000080}.project-modal.show .project-modal-content{transform:translateY(0)}.close-project{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer}.close-project:hover{color:var(--text-main)}.modal-header{margin-bottom:1rem}.modal-header h3{font-size:1.8rem;color:var(--text-main);margin-bottom:.2rem}.modal-role{color:var(--accent-orange);font-weight:600}.modal-body{color:var(--text-muted);line-height:1.6}.modal-body p{margin-bottom:1rem}.modal-body b{color:var(--text-main)}.modal-body ul{margin-left:1.5rem;margin-bottom:1rem}.modal-body li{margin-bottom:.5rem}@media(max-width:767px){.project-modal-content{width:95%;padding:1.5rem 1rem}.modal-header h3{font-size:1.4rem}}