/* All-projects list page additions, on top of k2.css */

/* ==================================================================
   ALL PROJECTS — list page
   ================================================================== */
.list-all{ display:grid; gap:clamp(8px,.9vw,12px); }
.pr{
  display:grid; grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);
  gap:clamp(14px,2.4vw,40px); align-items:start;
  padding:clamp(18px,2.2vw,28px) clamp(18px,2vw,26px);
  background:var(--glass); backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-br); border-radius:6px;
}
a.pr{ transition:border-color .4s, background .4s; }
a.pr:hover{ border-color:rgba(239,237,232,.34); background:rgba(239,237,232,.075); }
.pr-l{ display:grid; gap:7px; }
.pr h3{ margin:0; font-size:clamp(18px,1.7vw,25px); }
.pr-y{ font-family:var(--mono); font-size:clamp(9.5px,.76vw,11px);
  letter-spacing:.15em; text-transform:uppercase; color:var(--bone-3); }
.pr-r{ display:grid; gap:12px; }
.pr p{ margin:0; color:var(--bone-2); font-weight:300;
  font-size:clamp(13.5px,.96vw,15.5px); line-height:1.55; }
@media (max-width:900px){ .pr{ grid-template-columns:1fr; } }
.pr-w{
  font-family:var(--mono); font-size:clamp(9.5px,.76vw,11px);
  letter-spacing:.15em; text-transform:uppercase; color:var(--bone-3);
}