.projects-hero{min-height:100vh;padding-top:140px;padding-bottom:80px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;display:grid}@media (max-width:480px){.projects-grid{grid-template-columns:1fr;gap:24px}}.project-card{border-radius:var(--border-radius);cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-color-hover);box-shadow:0 8px 30px #00f0ff1a}.project-image-wrapper{aspect-ratio:1;background:var(--bg-secondary);width:100%;position:relative;overflow:hidden}.latest-badge{background:var(--color-primary);color:#000;text-transform:uppercase;letter-spacing:.05em;z-index:20;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;left:12px}.project-overlay{color:#fff;opacity:0;z-index:10;background:#00f0ff33;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image-wrapper img{transform:scale(1.05)}.project-image-wrapper img{transition:transform .5s}.project-info{padding:24px}.project-info h3{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700}.project-link-text{font-family:var(--font-mono);color:var(--color-primary);opacity:.8;font-size:.85rem}