.projects-page{background-color:#050505;min-height:100vh;padding:120px 0 80px}.projects-header{text-align:center;margin-bottom:80px}.projects-title{background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:4rem;font-weight:700}.projects-subtitle{color:var(--secondary-text);max-width:600px;margin:0 auto;font-size:1.2rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;padding:0 20px;display:grid}.project-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#ffffff1a;transform:translateY(-10px);box-shadow:0 20px 40px #0006}.project-image-container{width:100%;height:250px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image{transform:scale(1.05)}.project-content{flex-direction:column;flex-grow:1;padding:25px;display:flex}.project-category{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color,#888);margin-bottom:10px;font-size:.8rem;font-weight:600}.project-title{color:#fff;margin-bottom:15px;font-size:1.5rem;font-weight:600}.project-description{color:var(--secondary-text);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.project-link{color:#fff;align-items:center;gap:8px;font-size:.9rem;font-weight:500;text-decoration:none;transition:gap .3s;display:inline-flex}.project-link:hover{gap:12px}@media (max-width:768px){.projects-title{font-size:2.5rem}.projects-grid{grid-template-columns:1fr;gap:30px}}