.projects-list{margin-top:3rem}.project-item{margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid var(--border-color,#e0e0e0)}.project-item:last-child{border-bottom:none}.project-title{margin-bottom:1rem}.project-title a{text-decoration:none;color:var(--accent-color,#007acc)}.project-title a:hover{text-decoration:underline}.project-description{margin-bottom:1.5rem;line-height:1.6}.project-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem;align-items:stretch}.project-screenshots img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease;cursor:pointer}.project-screenshots img:hover{transform:scale(1.02)}.project-screenshots .video-thumbnail{position:relative;width:100%;height:100%;min-height:200px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease;background-color:#000;display:flex;align-items:center;justify-content:center}.project-screenshots .video-thumbnail:hover{transform:scale(1.02)}.project-screenshots .video-thumbnail iframe{width:100%;aspect-ratio:16/9;border-radius:8px;pointer-events:none}.project-screenshots .video-thumbnail .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);color:#fff;font-size:3rem;opacity:0;transition:opacity .2s ease}.project-screenshots .video-thumbnail:hover .video-overlay{opacity:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{display:inline-block;padding:.25rem .75rem;background-color:var(--tag-bg,#f0f0f0);color:var(--tag-color,#333);border-radius:4px;font-size:.875rem}.project-link{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:var(--accent-color,#007acc);color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s ease}.project-link:hover{background-color:var(--accent-hover,#005a9e)}.screenshot-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:9999;opacity:0;transition:opacity .3s ease}.screenshot-modal.active{display:flex;align-items:center;justify-content:center;opacity:1}.modal-close{position:absolute;top:20px;right:40px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;z-index:10001;transition:color .2s ease}.modal-close:hover,.modal-close:focus{color:#bbb}.modal-content{position:relative;max-width:90%;max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}.modal-content iframe{width:90vw;height:50.625vw;max-width:1600px;max-height:900px;border-radius:4px;display:none}@media(max-width:768px){.modal-content iframe{width:95vw;height:53.4375vw}}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.1);color:#fff;border:none;font-size:40px;padding:16px 20px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;z-index:10001;user-select:none}.modal-nav:hover{background-color:rgba(255,255,255,.2)}.modal-nav:focus{outline:2px solid rgba(255,255,255,.5)}.modal-prev{left:20px}.modal-next{right:20px}@media(max-width:768px){.modal-close{top:10px;right:15px;font-size:30px}.modal-nav{font-size:30px;padding:12px 16px}.modal-prev{left:10px}.modal-next{right:10px}.modal-content{max-width:95%}}@media(prefers-color-scheme:dark){.project-item{border-bottom-color:#404040}.tag{background-color:#2a2a2a;color:#e0e0e0}.project-screenshots img{box-shadow:0 2px 8px rgba(0,0,0,.3)}.project-screenshots .video-thumbnail{background-color:#000}}