.projects-grid{padding:2rem var(--page-padding) 8rem;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;list-style:none;display:grid}.projects-grid li{margin:0;padding:0;list-style:none}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{border:1px solid var(--accent-dim);border-left:3px solid var(--accent-dim);background:#0a001499;padding:2rem;transition:border-left-color .25s,background .25s;position:relative}.project-card:hover{border-left-color:var(--accent);background:#5b21b60f}.project-card h2{font-family:var(--monument-regular);color:var(--light-gray-color);margin:0 0 .75rem;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:500}.project-card p{color:var(--gray-color);margin:0 0 1.25rem;font-size:.88rem;line-height:1.7}.project-card__tech{flex-wrap:wrap;gap:.4rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.project-card__tech li{font-family:var(--font-mono);background:var(--accent-dim);color:var(--light-gray-color);border:1px solid #5b21b64d;padding:.2rem .5rem;font-size:.7rem}.project-card__links{gap:1.5rem;display:flex}.project-card__links a{font-family:var(--font-mono);color:var(--gray-color);letter-spacing:.04em;font-size:.8rem;text-decoration:none;transition:color .2s}.project-card__links a:hover{color:var(--accent)}.project-card__links a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}