.page-projects{padding:12px 0 56px}.page-projects .page-title{margin:0 0 2px;font-size:15px;font-weight:500}.page-projects .page-lede{color:var(--soft);margin:0 0 28px}.page-projects a.proj{color:inherit;text-decoration:none}.page-projects a.proj:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:10px}.page-projects .title{color:var(--hero);font-size:14px}.page-projects .sum{color:var(--soft)}.page-projects .stack{color:var(--faint);font-size:11.5px}.page-projects .top-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page-projects .art{aspect-ratio:16/9;width:100%;display:block}.page-projects .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.page-projects .cards li{display:flex}.page-projects .cards a.proj{border:1px solid var(--card-line);background:var(--card);border-radius:10px;flex-direction:column;width:100%;transition:border-color .2s;display:flex;overflow:hidden}.page-projects .cards a.proj:hover{border-color:var(--card-hover)}.page-projects .cards .art{border-bottom:1px solid var(--card-line)}.page-projects .cards .body{flex-direction:column;gap:6px;padding:14px 16px 18px;display:flex}@media (max-width:720px){.page-projects .cards{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.page-projects{padding:8px 0 40px}}