/* Direct project navigation, using the existing editorial palette and type. */
.project-navigation{min-width:0}
.project-navigation a{text-decoration:none}
.case-page .floating-nav[data-open=true]{z-index:70}
.case-page .nav-panel{max-height:calc(100svh - 200px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
/* Project links share the fixed navbar, outside its GSAP-owned width shell. */
.project-dock{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(44px,1fr));align-items:center;gap:3px;width:310px;margin-bottom:8px;padding:5px;border:1px solid var(--wine);border-radius:999px;background:var(--paper);box-shadow:0 7px 20px var(--palette-shadow)}
.project-dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:7px;border:0;border-radius:999px;color:var(--wine);font:600 11px/1.4 var(--font-body);white-space:nowrap;transition:background-color .18s,color .18s}
.project-dock a>[aria-hidden]{font-size:18px;line-height:1}
.project-dock .project-dock-back{background:var(--violet);color:var(--on-accent)}
.project-dock a:hover,.project-dock a:focus-visible{background:var(--wine);color:var(--paper)}
.project-neighbor{display:grid;align-content:start;gap:9px;min-width:0;min-height:46px}
.project-nav-direction{display:flex;align-items:center;gap:12px;font-size:9px;line-height:1.6}
.project-nav-direction>span{display:inline-block;font-family:var(--font-body);font-size:18px;line-height:1;transition:transform .2s}
.project-nav-name{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.project-next{text-align:right;justify-items:end}
.project-next .project-nav-direction{justify-content:flex-end}
.project-previous:hover .project-nav-direction>span,.project-previous:focus-visible .project-nav-direction>span{transform:translateX(-4px)}
.project-next:hover .project-nav-direction>span,.project-next:focus-visible .project-nav-direction>span{transform:translateX(4px)}
.project-navigation a:focus-visible{outline:2px solid var(--violet);outline-offset:6px}
.project-dock a:focus-visible{outline-color:var(--paper);outline-offset:-4px}
.project-navigation-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 0 28px}
.project-navigation-bottom .project-neighbor{gap:20px;min-height:160px;padding:27px 30px;border:1px solid var(--wine);border-radius:26px;background:var(--paper);color:var(--wine);box-shadow:0 5px 15px var(--palette-shadow);transition:background-color .18s,color .18s}
.project-navigation-bottom .project-neighbor:hover,.project-navigation-bottom .project-neighbor:focus-visible{background:var(--wine);color:var(--paper)}
.project-navigation-bottom .project-nav-direction{font-size:10px}
.project-navigation-bottom .project-nav-name{font-family:var(--font-display);font-size:calc(clamp(30px,4vw,62px)*var(--heading-scale));line-height:1.15;letter-spacing:var(--display-tracking)}
.project-preview-opening{padding-bottom:40px;align-items:center}
.project-preview-opening .page-title{overflow-wrap:anywhere}
.project-preview-copy{display:grid;gap:24px;padding-top:0;min-width:0}
.project-preview-copy .case-meta-grid{margin:0;grid-template-columns:1fr}
.project-preview-copy .case-meta-grid dd{font-size:13px;line-height:1.8}
.project-preview-copy .text-link{justify-self:start;min-height:44px;align-content:center}
.project-preview-cover{margin:0;padding:24px 0 40px}
.project-preview-cover img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}
.case-page .site-foot{padding-bottom:185px}
@media(max-width:700px){
 .case-page .floating-nav{max-width:calc(100vw - 65px)}
 .case-page .nav-panel{max-height:calc(100svh - 172px)}
 .project-dock{width:min(240px,calc(100vw - 140px));padding:4px;gap:3px}
 .project-dock a{gap:5px;padding:6px;font-size:11px}
 .project-dock-label,.project-dock-work,.project-dock .project-dock-back-arrow{display:none}
 .project-nav-direction{font-size:8px;gap:9px}
 .project-nav-name{font-size:11px}
 .project-navigation-bottom{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0 24px}
 .project-navigation-bottom .project-neighbor{min-height:120px;gap:16px;padding:21px 23px;border-radius:22px}
 .project-navigation-bottom .project-nav-direction{font-size:8px}
 .project-navigation-bottom .project-nav-name{font-size:calc(clamp(23px,7vw,39px)*var(--heading-scale));line-height:1.2}
 .project-preview-opening{padding-bottom:28px}
 .project-preview-copy{gap:22px;padding:0}
 .project-preview-copy .case-meta-grid dd{font-size:11px}
 .project-preview-cover{padding:20px 0 28px}
 .case-page .site-foot{padding-bottom:195px}
}
@media(prefers-reduced-motion:reduce){.project-dock a,.project-navigation-bottom .project-neighbor,.project-nav-direction>span{transition:none}.project-neighbor .project-nav-direction>span{transform:none!important}}
