.project-page{color:#fff;background:#0f0f10;padding-bottom:80px}.projects-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:20vh;padding:0 20px;display:flex}.project-hero:before{content:"";z-index:1;background:#00000080;position:absolute;inset:0}.project-hero-image{width:100%;margin-top:20px}.project-hero-img{object-fit:contain;border-radius:24px;width:100%;height:auto}.project-article{max-width:900px;margin:40px auto;padding:0 20px}.project-description{color:#aaa;line-height:1.6}.project-gallery{flex-direction:column;gap:40px;max-width:1100px;margin:60px auto;padding:0 20px;display:flex}.project-image-wrapper{width:100%}.project-gallery-image{object-fit:cover;border-radius:20px;width:100%;height:auto;transition:transform .4s}.project-gallery-image:hover{transform:scale(1.01)}.projects-container{max-width:1400px;margin:0 auto;padding:40px}.projects-grid{grid-template-columns:repeat(5,1fr);align-items:start;gap:32px;display:grid}.project-card{aspect-ratio:4/10;color:#fff;background:#111;border-radius:20px;align-items:flex-end;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.project-image{background-position:50%;background-size:cover;transition:transform .5s;position:absolute;inset:0;transform:scale(1)}.project-card:hover .project-image{transform:scale(1.08)}.project-card:after{content:"";background:linear-gradient(#0000,#0003,#000000d9);position:absolute;inset:0}.project-content{z-index:2;padding:18px;position:relative}.project-content h3{margin:0;font-size:18px}.project-content p{color:#bbb;margin-top:6px;font-size:13px;line-height:1.4}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tags span{color:#ddd;background:#ffffff14;border-radius:999px;padding:4px 8px;font-size:11px}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr}}