.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.project-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative}.project-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,119,182,.2)}.project-item a,.project-item-btn{display:block;text-decoration:none;color:#333}.project-item-btn{width:100%;background:0 0;border:none;padding:0;margin:0;cursor:pointer;font:inherit;text-align:inherit}.project-item-btn:focus-visible{outline:2px solid #0077b6;outline-offset:3px}.project-item img{width:100%;height:200px;object-fit:contain;background-color:#fff;padding:10px;display:block}.project-item h3{padding:15px;margin:0;font-size:18px;text-align:center;background-color:#f8f9fa;font-family:montserrat,sans-serif;color:#0077b6}.project-modal[hidden]{display:none}.project-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:project-modal-fade-in .18s ease-out}.project-modal-backdrop{position:absolute;inset:0;background-color:rgba(8,24,38,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.project-modal-card{position:relative;background:#fff;border-radius:12px;max-width:720px;width:100%;max-height:calc(100vh - 2rem);overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.35);animation:project-modal-rise .22s ease-out}.project-modal-close{position:absolute;top:.5rem;right:.75rem;background:rgba(248,249,250,.95);border:1px solid rgba(0,0,0,8%);color:#23211c;width:36px;height:36px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;z-index:2}.project-modal-close:hover,.project-modal-close:focus-visible{background:#0077b6;color:#fff;outline:none}.project-modal-image-wrap{background:#f8f9fa;padding:1.5rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,6%)}.project-modal-image-wrap img{max-width:100%;max-height:200px;object-fit:contain}.project-modal-content{padding:1.5rem 1.75rem 1.75rem}.project-modal-content h3{margin:0 0 1rem;font-family:montserrat,sans-serif;color:#0077b6;font-size:1.4rem;line-height:1.3}.project-modal-body{font-size:1rem;line-height:1.65;color:#1f2937;white-space:pre-wrap;word-wrap:break-word}@keyframes project-modal-fade-in{from{opacity:0}to{opacity:1}}@keyframes project-modal-rise{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.project-modal{padding:.5rem}.project-modal-card{border-radius:8px}.project-modal-content{padding:1.25rem}.project-modal-content h3{font-size:1.2rem}}body.project-modal-open{overflow:hidden}