.project-grid{list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:6px 12px 12px}.project-grid>li{display:flex}.project-card{display:flex;flex-direction:column;width:100%;padding:0;text-align:left;color:inherit;background:#0a1120;border:1px solid #537a9a;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);border-color:#ff55e2;box-shadow:0 0 16px #ee21cf55}.project-image{display:block;width:100%;height:167px;position:relative;overflow:hidden;border-bottom:1px solid #8197bc88}.project-image picture,.project-image img{display:block;width:100%;height:100%}.project-image img{object-fit:contain;background:#060b16}.project-glyph{display:flex;flex-direction:column;justify-content:center;gap:4px;height:100%;padding:0 16px;background:repeating-linear-gradient(to bottom,#ffffff05 0 1px,transparent 1px 3px),radial-gradient(ellipse at 30% 40%,#1b3a5a,#060b16 75%);color:#9fd6ef;font-size:11px;letter-spacing:.04em}.project-glyph b{color:#ff8df0;font-weight:400}.project-glyph i{color:#ffd27a;font-style:normal}.project-glyph .cursor{animation:blink 1.2s step-end infinite}.project-number{position:absolute;top:8px;left:9px;padding:4px 6px;background:#050b17d9;border:1px solid #122f4c;color:#a6eaff;font-size:10px}.project-content{display:flex;flex-direction:column;padding:9px 10px 10px;min-height:93px}.project-heading{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:.03em;line-height:1;color:#fff}.project-heading svg{color:#b4e8fa}.project-description{color:#a8c4e2;text-transform:uppercase;font-size:9px;line-height:1.3;letter-spacing:.06em;min-height:26px;margin-top:5px}@media(max-width:1280px){.project-image{height:135px}.project-description{font-size:8px}}@media(max-width:800px){.project-image{height:180px}}@media(max-width:560px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-card{display:grid;grid-template-columns:40% 60%;height:130px}.project-image{height:100%;border-bottom:0;border-right:1px solid #8197bc88}.project-content{min-height:0;padding:12px}.project-glyph{justify-content:flex-end;padding:0 10px 10px;font-size:9px}.project-heading{font-size:18px}}@media(prefers-reduced-motion:reduce){.project-card{transition:none}.project-glyph .cursor{animation:none}}