.real-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 26px;align-items:start}
.real-projects .project{text-align:left;min-width:0;cursor:default}
.project-cover{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--paper)}
.project-cover img{display:block;width:100%;height:100%;object-fit:cover}
a.project-cover{cursor:pointer}
a.project-cover:hover{outline:2px solid var(--focus);outline-offset:4px}
.project-info{padding-top:21px}
.real-projects h3{font-size:24px;letter-spacing:-.025em;font-weight:600;margin:0 0 11px}
.project-kind{font-size:15px;line-height:1.5;margin:0 0 12px;min-height:3em}
.project-description{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 18px;max-width:50ch}
.real-projects .tags span{font-size:12px}
.real-projects .project:hover h3{text-decoration:none}
@media(max-width:1000px) and (min-width:761px){.real-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.real-projects{grid-template-columns:1fr;gap:38px}.project-kind{min-height:0}.project-info{padding-top:18px}}