.projects-page{padding:120px 0 80px;min-height:100vh}.projects-page .page-title{font-family:var(--font-display);font-size:42px;font-weight:400;color:var(--color-dark);margin-bottom:16px}.projects-subtitle{font-size:16px;color:var(--color-text-light);margin-bottom:48px;max-width:600px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}a.project-card{text-decoration:none;color:inherit}.project-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.project-card-image{position:relative;aspect-ratio:4/3;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(107,91,79,.6) 0,transparent 50%);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:24px}.project-card:hover .project-card-overlay{opacity:1}.project-card-view{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px}.project-card-content{padding:24px}.project-card-content h3{font-size:18px;font-weight:500;margin-bottom:6px;color:var(--color-dark)}.project-card-meta{font-size:13px;color:var(--color-text-light);display:block;margin-bottom:6px}.project-card-desc{font-size:14px;color:var(--color-text-light);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.projects-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0;color:var(--color-text-light);font-size:16px}.projects-empty{text-align:center;padding:80px 24px}.projects-empty p{color:var(--color-text-light);font-size:18px}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-page{padding-top:100px}.projects-page .page-title{font-size:28px}.projects-grid{grid-template-columns:1fr}}