/* Projects page only (src/pages/projects.html). Owned by Builder D. */

/* ---------- hero: on-page jump links ---------- */
.jump{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line-dark)}
.jump ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-5)}
.jump a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--f-label);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-2);text-decoration:none;transition:color .2s var(--ease)}
.jump a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}
.jump a:hover{color:var(--orange)}

/* ---------- condos + kitchens grid: a wide band, then the large card on the right ---------- */
.pj-wide{grid-column:1 / -1;grid-row:span 2}
.proj-b .pj-a{grid-column:2 / 4;grid-row:3 / 5}
.pj-wide .cap-t{font-size:22px}

/* ---------- cabinetry grid ---------- */
.cab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px;gap:var(--sp-4)}
.cab-grid .pj-tall{grid-row:span 2}

/* ---------- project list ---------- */
.plist{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-7);border-top:2px solid var(--text)}
.plist li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"type place" "name name";align-items:baseline;gap:4px var(--sp-4);padding:var(--sp-5) 0;border-bottom:1px solid var(--mist-line)}
.plist h3{grid-area:name;font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.25;letter-spacing:-.015em}
.pl-type{grid-area:type;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-label);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.pl-type::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}
.pl-place{grid-area:place;font-size:14.5px;color:var(--text-2);text-align:right}

@media (max-width:900px){
  .proj-b .pj-a{grid-column:1 / -1;grid-row:auto / span 2}
  .cab-grid{grid-auto-rows:240px}
  .plist li{grid-template-columns:minmax(0,1fr);grid-template-areas:"type" "name" "place";padding:var(--sp-4) 0}
  .pl-place{text-align:left}
}
@media (max-width:640px){
  .pj-wide,.proj-b .pj-a{grid-row:auto / span 1}
  .cab-grid{grid-auto-rows:200px;gap:var(--sp-3)}
  .cab-grid .pj .cap-t{font-size:15px}
  .cab-grid .pj figcaption{padding:48px var(--sp-3) var(--sp-3)}
  .plist{grid-template-columns:minmax(0,1fr)}
  .pj-wide .cap-t{font-size:18px}
}