/* Standalone project pages (/work/projects/<id>/), generated by .claude/build_project_pages.js.
   They reuse the project-view (pv-*) styles from projects.css; this file only turns the
   pop-up sheet into a normal page. */
.pj-page { padding: clamp(6.5rem, 11vw, 8.5rem) 0 clamp(4rem, 8vw, 6rem); }
.pj-wrap { max-width: 1180px; margin: 0 auto; padding-inline: max(1rem, env(safe-area-inset-left, 0px)) max(1rem, env(safe-area-inset-right, 0px)); }

.pj-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 1.1rem; font: 600 0.72rem/1.4 var(--font-sans, "DM Sans", sans-serif); letter-spacing: 0.12em; text-transform: uppercase; color: #E8E4DA; }
.pj-crumbs a { color: #C9A44C; text-decoration: none; }
.pj-crumbs a:hover, .pj-crumbs a:focus-visible { color: #E0BE67; text-decoration: underline; }
.pj-crumbs span[aria-current] { color: #F4F1E8; }

.pj-sheet { height: auto; overflow: visible; }
.pj-sheet a.pv-deck__lead, .pj-sheet a.pv-deck__star, .pj-sheet a.pv-report__shot { display: block; color: inherit; text-decoration: none; }
.pj-sheet a.pv-cta { display: inline-flex; text-decoration: none; }
.pj-sheet h2.pv-h, .pj-sheet h2.pv-side__h { margin-top: 0; }

.pj-next { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 1px; margin-top: 2rem; background: rgba(201, 164, 76, 0.24); border: 1px solid rgba(201, 164, 76, 0.24); }
.pj-next a { display: flex; flex-direction: column; justify-content: center; gap: 0.35rem; padding: 1.1rem 1.25rem; background: #000; color: #F4F1E8; text-decoration: none; transition: background 220ms ease, color 220ms ease; }
.pj-next a:hover, .pj-next a:focus-visible { background: #111; outline: none; }
.pj-next span { font: 700 0.66rem/1 var(--font-sans, "DM Sans", sans-serif); letter-spacing: 0.14em; text-transform: uppercase; color: #C9A44C; }
.pj-next b { font: 600 1rem/1.35 var(--font-sans, "DM Sans", sans-serif); }
.pj-next__link--next { text-align: right; }
.pj-next__all { align-items: center; font: 700 0.72rem/1.2 var(--font-sans, "DM Sans", sans-serif); letter-spacing: 0.12em; text-transform: uppercase; color: #C9A44C !important; white-space: nowrap; }

@media (max-width: 640px) {
  .pj-next { grid-template-columns: 1fr; }
  .pj-next__link--next { text-align: left; }
  .pj-next__all { order: 3; }
}