/* Two adjacent project directions; All work remains a separate action. */
.project-navigation .nav-all{flex-shrink:0}
.project-navigation .nav-neighbors{display:flex;justify-content:flex-end;gap:36px;width:auto;max-width:78%;direction:ltr;align-items:start}
.project-navigation .nav-prev,
.project-navigation .nav-next{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:4px 12px;min-width:0;min-height:44px;color:#eee;font-size:20px;line-height:1.35;text-align:left}
.project-navigation .nav-prev,
.project-navigation .nav-next{flex:0 1 auto;max-width:360px}
.project-navigation .nav-next{grid-template-columns:minmax(0,1fr) 22px;text-align:right}
.project-navigation .nav-prev-copy,
.project-navigation .nav-next-copy{display:contents!important;color:inherit!important;margin:0!important}
.project-navigation .nav-caption{grid-row:1;font-size:11px;color:#999;line-height:1.4;letter-spacing:.3px;margin:0;font-weight:400}
.project-navigation .nav-title{grid-row:2;font-size:20px;color:inherit;margin:0;letter-spacing:-.35px;overflow-wrap:anywhere}
.project-navigation .nav-prev .nav-caption,
.project-navigation .nav-prev .nav-title{grid-column:2}
.project-navigation .nav-next .nav-caption,
.project-navigation .nav-next .nav-title{grid-column:1}
.project-navigation .nav-arrow{grid-row:2;align-self:start;margin-top:2px;color:#999}
.project-navigation .nav-prev .nav-arrow{grid-column:1}
.project-navigation .nav-next .nav-arrow{grid-column:2}
.project-navigation .nav-prev:hover .nav-arrow,
.project-navigation .nav-next:hover .nav-arrow{color:var(--red)}
.project-navigation .nav-prev:hover .ui-icon{transform:translateX(-3px)}
.project-navigation .nav-next:hover .ui-icon{transform:translateX(3px)}
.project-navigation .nav-prev:focus-visible,
.project-navigation .nav-next:focus-visible{outline:1px solid var(--red);outline-offset:6px}
@media(max-width:1000px){
 .project-navigation .nav-neighbors{max-width:78%;gap:32px}
 .project-navigation .nav-title{font-size:18px}
}
@media(max-width:650px){
 .project-navigation .nav-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;gap:24px}
 .project-navigation .nav-prev{grid-template-columns:18px minmax(0,1fr)}
 .project-navigation .nav-next{grid-template-columns:minmax(0,1fr) 18px}
 .project-navigation .nav-prev,
 .project-navigation .nav-next{column-gap:8px}
 .project-navigation .nav-caption{font-size:10px;letter-spacing:0}
 .project-navigation .nav-title{font-size:16px;line-height:1.4;letter-spacing:-.2px}
 .project-navigation .nav-arrow{margin-top:2px}
}