.project-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--glass-1),var(--glass-2));border-radius:6px;flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--blue);transform:translateY(-3px)}.project-card-media{aspect-ratio:16/10;background:var(--navy);display:block;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.project-card:hover .project-card-media img{transform:scale(1.04)}.project-card-open{background:var(--blue);color:#fff;opacity:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .2s;display:grid;position:absolute;top:14px;right:14px;transform:translateY(-6px)}.project-card:hover .project-card-open,.project-card-media:focus-visible .project-card-open{opacity:1;transform:none}.project-card-media:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.project-card-body{flex-direction:column;flex:1;gap:10px;padding:22px 22px 18px;display:flex}.project-card-meta{flex-wrap:wrap;gap:8px;min-height:0;display:flex}.project-card-meta:empty{display:none}.project-featured{color:var(--blue-hi);border-color:#2f5bff66}.project-card-body h3{font-size:22px}.project-card-body p{color:var(--muted);flex:1;margin:0;font-size:15px}.project-card-link{text-transform:lowercase;align-self:flex-start;min-height:40px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1023px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.project-grid{grid-template-columns:1fr}.project-card-open{opacity:1;transform:none}}