/* Project navigation, 25 October 2026. Quiet light gallery, dark onward navigation. */
.project-window .viewer-bar {
  justify-content:space-between;
  min-height:84px; padding:14px 28px;
  border-color:#deded6;
}
.viewer-bar #close {
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  min-width:112px; min-height:48px; padding:12px 20px;
  border:1px solid #bfc0b7; border-radius:999px;
  background:transparent; color:#1b2016;
  font:400 12px/1.1 'LM Work Sans',Arial,sans-serif;
  text-transform:none; letter-spacing:0;
  transition:background 200ms,border-color 200ms;
}
.viewer-bar #close span { font-size:18px; }
.viewer-bar #close:hover { background:#e9e9e0; border-color:#727768; }
.viewer-bar #viewer-label { font-size:10px; color:#646a5c; text-align:right; }
.project-scroll { --project-gutter:64px; padding-inline:var(--project-gutter); padding-bottom:0; }
.project-navigation {
  margin:64px calc(-1 * var(--project-gutter)) 0;
  padding:68px var(--project-gutter) 52px;
  background:var(--bg); color:var(--ink);
  display:flex; flex-direction:column; align-items:center;
}
.next-project {
  display:flex; flex-direction:column; align-items:center;
  width:100%; color:inherit; text-align:center;
  padding:0 0 36px; border-bottom:1px solid var(--line);
}
.next-project-label { font-size:13px; line-height:1.4; color:var(--muted); }
.next-project-title {
  display:flex; align-items:center; justify-content:center; gap:24px;
  margin:28px 0 34px;
  font:400 clamp(36px,5.6vw,76px)/1.05 'Helvetica Neue',Arial,sans-serif;
  letter-spacing:-.045em;
}
.next-project-arrow { flex-shrink:0; color:var(--lime); font-size:.65em; transition:transform 350ms var(--editorial-ease); }
.next-project-preview {
  display:block; width:min(280px,58%); height:170px; padding:14px;
  background:#23251e; overflow:hidden;
  transition:transform 400ms var(--editorial-ease);
}
.next-project-preview img { display:block; width:100%; height:100%; object-fit:contain; }
.next-project:hover .next-project-preview { transform:translateY(-6px); }
.next-project:hover .next-project-arrow { transform:translate(4px,-4px); }
.all-work-button {
  margin-top:38px; display:inline-flex; align-items:center; justify-content:center;
  min-width:124px; min-height:54px; padding:15px 24px;
  border:1px solid #53564c; border-radius:999px;
  background:transparent; color:var(--ink);
  font:400 12px/1.1 'LM Work Sans',Arial,sans-serif;
  transition:background 200ms,color 200ms,border-color 200ms;
}
.all-work-button:hover { color:#15170e; background:var(--lime); border-color:var(--lime); }
.project-navigation :focus-visible { outline:2px solid var(--lime); outline-offset:6px; }
@media(max-width:1000px) {
  .project-scroll { --project-gutter:28px; }
  .project-navigation { margin-top:50px; padding-top:56px; }
}
@media(max-width:700px) {
  .project-window .viewer-bar { min-height:74px; padding:10px 16px; gap:12px; }
  .viewer-bar #close { min-width:102px; min-height:44px; padding:11px 16px; gap:8px; }
  .viewer-bar #viewer-label { font-size:8px; max-width:48%; }
  .project-scroll { --project-gutter:18px; }
  .project-navigation { padding-block:44px 36px; margin-top:40px; }
  .next-project-title { font-size:clamp(30px,8vw,44px); gap:14px; margin:24px 0 28px; }
  .next-project-preview { width:190px; max-width:80%; height:140px; padding:12px; }
  .next-project { padding-bottom:28px; }
  .all-work-button { margin-top:28px; min-height:48px; }
}
@media(prefers-reduced-motion:reduce) {
  .viewer-bar #close,.next-project-arrow,.next-project-preview,.all-work-button { transition:none; }
  .next-project:hover .next-project-preview,.next-project:hover .next-project-arrow { transform:none; }
}