.ascii-project-wrapper{text-align:center;cursor:pointer;flex-direction:column;align-items:center;transition:transform .2s;display:flex}.ascii-project-wrapper:hover{transform:translateY(-4px)}.ascii-project-visual{justify-content:center;width:100%;margin-bottom:1rem;display:flex}.ascii-project-canvas{color:#0f1e24;white-space:pre;letter-spacing:.05em;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-size:.65rem;line-height:1;transition:color .2s}.ascii-project-wrapper:hover .ascii-project-canvas{color:#2a4a5a}.ascii-project-info{width:100%}.ascii-project-name{color:#0f1e24;letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.25rem;font-weight:500}.ascii-project-subtitle{color:#394150;opacity:.8;margin:0 0 .5rem;font-size:.85rem;font-style:italic;font-weight:400}.ascii-project-description{color:#394150;opacity:.8;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.ascii-project-links{justify-content:center;align-items:center;gap:1rem;display:flex}.ascii-project-link{color:#0f1e24;opacity:.7;font-family:Courier New,Courier,monospace;font-size:.85rem;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.ascii-project-link:hover{opacity:1;transform:scale(1.05)}
.projects-container{background:#f5f5ec;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;position:relative}.back-arrow{color:#394150;opacity:.6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:.9rem;text-decoration:none;transition:opacity .2s;position:absolute;top:2rem;left:2rem}.back-arrow:hover{opacity:1}.projects-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.projects-title{color:#0f1e24;letter-spacing:-.02em;margin:0 0 .25rem;font-size:2.75rem;font-weight:300;line-height:1.1}.projects-subtitle{color:#394150;opacity:.7;margin:0;font-size:1rem;font-weight:400}.projects-grid{flex-wrap:wrap;justify-content:center;gap:4rem 2.5rem;max-width:1300px;margin:0 auto;padding:2rem 0;display:flex}.projects-grid>*{width:calc(25% - 1.875rem);min-width:250px;max-width:280px}@media (max-width:1400px){.projects-grid>*{width:calc(33.333% - 1.667rem)}}@media (max-width:1024px){.projects-grid>*{width:calc(50% - 1.25rem)}}@media (max-width:768px){.projects-container{padding:1.5rem}.projects-title{font-size:2.5rem}.projects-subtitle{font-size:1rem}.projects-grid{grid-template-columns:1fr;gap:3rem}}