body.page-projects .wrap { max-width:960px; }

/* ---------- Project windows ---------- */
.projects { display:flex; flex-direction:column; gap:2rem; padding:2rem 0; }
.proj { scroll-margin-top:70px; }
.proj .titlebar { background:var(--c); border-bottom-color:var(--ink); }
.proj .titlebar .dot-close { background:#fff; border-color:#0a0a0a; }
.proj .titlebar .tname { color:#0c1322; font-weight:700; }
.proj-body { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
.proj-content { padding:1.5rem 1.5rem 1.6rem; }

.shot-wrap { padding:1.5rem; border-right:2.5px solid var(--ink); }
.shot { width:100%; aspect-ratio:16/10; border-radius:8px; overflow:hidden; }
.shot img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; border:2px solid var(--ink); border-radius:8px; }
.shot--empty {
  border:2px dashed var(--ink);
  background:repeating-linear-gradient(45deg, var(--bg-accent) 0 10px, transparent 10px 20px), var(--win-2);
  display:grid; place-items:center;
  font-family:var(--mono); font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-dim);
}
.shot--private {
  border:2px solid var(--ink); background:var(--bg-accent);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.7rem; text-align:center; padding:1rem;
}
.shot--private svg { width:30px; height:30px; stroke:var(--text-dim); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.shot--private span { font-family:var(--mono); font-size:0.7rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-dim); max-width:24ch; line-height:1.6; }

.proj-name { font-size:1.35rem; font-weight:800; letter-spacing:-0.02em; }
.proj-role { font-family:var(--mono); font-size:0.72rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-dim); margin-top:3px; }
.proj-desc { margin-top:0.9rem; color:var(--text-mid); font-size:0.95rem; line-height:1.7; }
.proj-tags { margin-top:1rem; display:flex; flex-wrap:wrap; gap:6px; }
.proj-actions { margin-top:1.3rem; }
.btn { padding:0.55rem 1.05rem; }

@media (max-width:720px){
  .proj-body { grid-template-columns:1fr; }
  .proj-body > .shot-wrap { border-right:none; border-bottom:2.5px solid var(--ink); }
}