/* Keep the expanded project navigation comfortable at every width. */
.header nav{flex-wrap:wrap;gap:8px 18px}
.header nav a{font:500 12px 'Avenir Next',Avenir,Arial,sans-serif;color:#c1c4bf;padding:10px 0;white-space:nowrap}
.header nav a:hover,.header nav a[aria-current="page"]{color:#fff}
.header nav a[aria-current="page"]{border-bottom:1px solid #c58a40}
@media(min-width:761px) and (max-width:1450px){.header{flex-wrap:wrap}.header nav{width:100%;justify-content:flex-end;padding-left:0}}
@media(max-width:760px){.header nav{justify-content:flex-start}.header nav a{min-height:44px;display:inline-flex;align-items:center}}
/* Align links and buttons on one shared text baseline. */
.header nav{align-items:center}
.header nav button,.header nav a{position:static;top:auto;display:inline-flex;align-items:center;font:500 12px/1.4 'Avenir Next',Avenir,Arial,sans-serif;padding:10px 0;white-space:nowrap;text-shadow:0 1px 1px #000b;border-bottom:1px solid transparent}
.header nav a[aria-current]{border-bottom-color:#c58a40}

/* Previous and next pages follow the main menu order. */
.page-pagination{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 48px;border-top:1px solid #202830;clear:both}
.page-pagination a{font-size:13px;color:#c1c4bf;line-height:1.6}.page-pagination a:last-child{margin-left:auto;text-align:right}.page-pagination a:hover{color:#fff}
body:has(.cosmic-hero) .page-pagination{margin-left:5.5%;margin-right:5.5%}
@media(max-width:600px){.page-pagination{gap:20px;padding-bottom:32px}.page-pagination a{max-width:48%}}
