.portfolio-project-link { color: inherit; text-decoration: none; }
.projects-empty { grid-column: 1 / -1; margin: 0; padding: 70px 0; border-top: 1px solid rgba(6,21,34,.18); color: var(--muted); font-size: 1rem; }
.project-detail-back { display: inline-block; margin-bottom: 42px; color: rgba(255,255,255,.64); font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.project-detail-back:hover { color: var(--blue-2); }
.project-detail-description { white-space: normal; }
.project-detail-credit { margin: 30px 0 0 !important; padding: 18px 0; border-top: 1px solid rgba(6,21,34,.18); border-bottom: 1px solid rgba(6,21,34,.18); color: var(--ink) !important; font-size: .82rem !important; }
.project-detail-credit strong { display: block; margin-bottom: 6px; color: var(--blue-dark); font-size: .64rem; letter-spacing: .11em; text-transform: uppercase; }
body.lightbox-open { overflow: hidden; }
.project-lightbox { position: fixed; z-index: 1000; inset: 0; padding: 72px clamp(18px,5vw,84px) 34px; color: #fff; background: rgba(2,10,16,.96); display: grid; grid-template-columns: 54px minmax(0,1fr) 54px; align-items: center; gap: clamp(8px,2vw,30px); }
.project-lightbox[hidden] { display: none; }
.project-lightbox figure { min-width: 0; max-width: 1500px; margin: 0 auto; }
.project-lightbox img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100svh - 150px); margin: 0 auto; object-fit: contain; }
.project-lightbox figcaption { min-height: 24px; margin-top: 14px; color: rgba(255,255,255,.7); text-align: center; font-size: .8rem; }
.project-lightbox button { width: 50px; height: 50px; padding: 0; border: 1px solid rgba(255,255,255,.32); color: #fff; background: rgba(255,255,255,.06); cursor: pointer; font-size: 1.4rem; }
.project-lightbox button:hover, .project-lightbox button:focus-visible { border-color: var(--blue); color: var(--ink); background: var(--blue); outline: 0; }
.project-lightbox-close { position: absolute; top: 18px; right: 18px; font-size: 2rem !important; }
@media (max-width:700px) {
  .project-lightbox { padding: 76px 12px 24px; grid-template-columns: 42px minmax(0,1fr) 42px; gap: 5px; }
  .project-lightbox button { width: 40px; height: 44px; }
  .project-lightbox img { max-height: calc(100svh - 170px); }
}