/* Isolated More Work navigation preview. */
.site-header > nav[aria-label="Primary navigation"] a { white-space:nowrap; }
body[data-project] .project-index { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:24px; align-items:start; }
body[data-project] .project-index__label { grid-column:1 / -1; }
body[data-project] .project-index > a.project-index__more { width:auto; padding-left:24px; border-left:1px solid currentColor; white-space:nowrap; }
@media(max-width:800px) {
 body[data-project] .project-index { display:block; }
 body[data-project] .project-index > a.project-index__more { width:100%; margin-top:16px; padding:16px 0 10px; border-left:0; border-top:1px solid currentColor; }
 .site-header > nav[aria-label="Primary navigation"] { flex-shrink:0; }
}
@media(min-width:801px) and (max-width:1100px) {
 body:not([data-project]) .site-header { grid-template-columns:max-content minmax(352px,1fr) max-content; gap:8px; }
 body:not([data-project]) .site-header > nav[aria-label="Primary navigation"] { gap:12px; }
}
@media(max-width:430px) {
 .site-header, body[data-project] .site-header { padding-left:12px; padding-right:12px; }
 .site-header .wordmark { max-width:82px; line-height:1.15; }
 .site-header > nav[aria-label="Primary navigation"] { gap:0; }
 .site-header > nav[aria-label="Primary navigation"] a, body[data-project] .site-header > nav[aria-label="Primary navigation"] a { padding-left:5px; padding-right:5px; font-size:9px; min-width:0; }
}

/* Selected Work: keep the longer label within the existing header. */
@media(min-width:801px) and (max-width:900px) {
 body:not([data-project]) .site-header { padding-left:12px; padding-right:12px; gap:6px; }
 body:not([data-project]) .site-header > nav[aria-label="Primary navigation"] { gap:6px; }
}
@media(max-width:375px) {
 .site-header > nav[aria-label="Primary navigation"] a, body[data-project] .site-header > nav[aria-label="Primary navigation"] a { padding-left:1px; padding-right:1px; }
}
@media(max-width:360px) {
 .site-header, body[data-project] .site-header { padding-left:8px; padding-right:8px; }
 .site-header .wordmark { max-width:60px; flex-shrink:0; }
}