.projects-page{min-height:100vh;background-color:var(--bg);color:var(--fg)}.projects-hero{padding:8vh 2em 4em;text-align:center;position:relative}.projects-container{max-width:1200px;margin:0 auto;position:relative}.projects-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;color:var(--fg);line-height:1.1;margin-bottom:.2em}.projects-content{padding:0 2em 10em}.projects-list-layout{display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,.1)}.project-list-link{text-decoration:none;color:inherit;display:block}.project-list-item{display:grid;grid-template-columns:120px 2fr 1.5fr 60px;align-items:center;padding:3.5em 0;border-bottom:1px solid rgba(0,0,0,.1);transition:padding .4s cubic-bezier(.16,1,.3,1),background-color .4s ease}.project-list-link:hover .project-list-item{padding-left:2em;padding-right:2em;background-color:#fff6}.project-list-year{font-size:1.2rem;font-weight:700;color:#888;letter-spacing:.05em;transition:color .3s ease}.project-list-link:hover .project-list-year{color:var(--accent1)}.project-list-title{display:flex;flex-direction:column;gap:.5em;padding-right:2em}.project-name{font-size:clamp(2rem,3vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:.02em;margin:0;color:var(--fg);transition:color .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.project-description{font-size:1.1rem;color:#666;line-height:1.6;margin:0}.project-list-link:hover .project-name{color:var(--accent1);transform:translate(10px)}.project-list-tags{display:flex;justify-content:flex-start}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tags span{background:#0000000d;color:var(--fg);padding:6px 14px;border-radius:30px;font-size:.8rem;font-weight:600;letter-spacing:.05em;transition:background .3s ease,color .3s ease}.project-list-link:hover .tech-tags span{background:var(--fg);color:var(--bg)}.project-list-action{display:flex;justify-content:flex-end}.arrow-icon{color:var(--fg);opacity:.3;transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1),color .3s ease}.project-list-link:hover .arrow-icon{opacity:1;transform:translate(10px);color:var(--accent1)}.projects-footer{margin-top:6em;padding:2em;text-align:center;border-top:1px solid rgba(0,0,0,.1)}.footer-content p{opacity:.6;font-size:.9rem}@media(max-width:1024px){.project-list-item{grid-template-columns:80px 2fr 1fr 50px;padding:3em 0}}@media(max-width:768px){.projects-hero{padding:12vh 1em 2em}.projects-content{padding:0 1em 6em}.project-list-item{grid-template-columns:1fr;gap:1.5em;padding:2.5em 0}.project-list-link:hover .project-list-item{padding-left:1em;padding-right:1em}.project-list-year{font-size:1rem;margin-bottom:-1em}.project-list-title{padding-right:0}.project-name{font-size:2.2rem}.project-list-action{display:none}}@media(max-width:480px){.project-name{font-size:1.8rem}.project-description{font-size:1rem}.tech-tags span{font-size:.75rem;padding:4px 10px}}