.projects-page{background:#0d0d0d;min-height:100vh;position:relative}.projects-background{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.projects-wrapper{z-index:2;width:100%;min-height:300vh;position:relative}.projects-spacer{height:300vh;position:relative}.projects-content-fixed{z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.content-layer{justify-content:center;align-items:center;width:100%;max-width:1200px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-main-title{color:#c9ff00;font-size:5rem;font-family:var(--font-changa-one), cursive;text-align:center}.projects-subtitle{color:#fff;font-size:3rem;font-family:var(--font-roboto), sans-serif;text-align:center;padding:0 2rem;font-weight:400;line-height:1.5}.projects-grid-container{z-index:10;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:1400px;max-height:75vh;padding:2rem;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.projects-grid-container::-webkit-scrollbar{display:none}.projects-animated-list{width:100%;overflow:hidden}.projects-animated-list>div{max-height:75vh;overflow-x:hidden}.project-content{cursor:pointer;flex-direction:row;align-items:center;gap:1.5rem;height:100%;min-height:200px;padding:2rem;transition:transform .2s;display:flex}.project-content:hover{transform:scale(1.02)}.project-image-wrapper{background:#c9ff001a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:180px;padding:1.5rem;display:flex}.project-image{object-fit:contain;width:100%;height:100%}.project-info{flex-direction:column;flex:1;gap:1rem;display:flex}.project-name{color:#c9ff00;font-size:1.8rem;font-family:var(--font-roboto), sans-serif;margin:0;font-weight:700}.project-description{color:#fff;font-size:1.1rem;font-family:var(--font-roboto), sans-serif;flex-grow:1;margin:0;font-weight:400;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.tech-tag{color:#0d0d0d;font-size:.9rem;font-family:var(--font-roboto), sans-serif;background:#c9ff00;border-radius:4px;padding:.4rem .8rem;font-weight:600}@media (min-width:768px){.projects-grid-container{max-height:80vh;overflow:hidden auto}.projects-animated-list>div{max-height:none;overflow-x:hidden}.project-content{min-height:180px}.project-image-wrapper{width:200px;height:200px}.project-name{font-size:2rem}.project-description{font-size:1.2rem}.tech-tag{padding:.5rem 1rem;font-size:1rem}}@media (max-width:768px){.projects-main-title{font-size:3rem}.projects-subtitle{padding:0 1rem;font-size:1.8rem}.projects-grid-container{padding:1rem}.project-content{text-align:center;flex-direction:column;min-height:160px;padding:1.5rem}.project-image-wrapper{width:140px;height:140px;margin:0 auto}.project-name{font-size:1.5rem}.project-description{font-size:1rem}.tech-tag{padding:.35rem .7rem;font-size:.85rem}.project-tech{justify-content:center}}.projects-animated-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.projects-animated-list ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.projects-animated-list,.projects-animated-list *{scrollbar-width:none!important;-ms-overflow-style:none!important}