.project-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.project-gallery{min-width:0}.project-frame{position:relative;background:var(--wash);border:1px solid var(--rule)}
.project-image-link{display:block}.project-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}
.project-frame button{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:48px;background:var(--paper);color:var(--red);border:1px solid var(--red);font-size:32px;line-height:1;display:grid;place-items:center}
.image-prev{left:8px}.image-next{right:8px}.image-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin-top:10px}.image-meta a{font-size:12px}.image-count{white-space:nowrap}
@media(max-width:1050px){.project-body{grid-template-columns:1fr}.project-frame button{width:44px;height:44px}}

.project-credit{font-size:13px;line-height:1.5;margin-top:24px;opacity:.8}
@media(min-width:741px){.side nav[aria-label="Projects"]{max-height:min(62vh,640px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}}

.project-description{border:1px solid var(--rule);border-top:3px solid var(--red);background:var(--wash);padding:18px 20px}
.project-description h4{margin:0 0 12px;color:var(--red);font-family:var(--font-heading,'Space Grotesk'),sans-serif;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.project-description p{margin:0;font-size:15px;line-height:1.6}
.project-description .project-credit{font-size:12px;line-height:1.5;margin-top:16px;padding-top:12px;border-top:1px solid var(--rule)}
.project-source{margin-top:16px;padding-top:12px;border-top:1px solid var(--rule)}
.project-source a{font-size:12px;line-height:1.5}
@media(max-width:740px){.project-description{padding:16px}.project-description p{font-size:14px}}