/* Shared light-theme finishing layer. Loaded last on every page except the homepage. */
body { font-family: Arial, Helvetica, sans-serif; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -0.01em; }
header .brand, .site-header .brand, .showcase-header .brand { display: inline-flex; width: auto; }
header .brand img { display: block; width: 210px; height: auto; }
header { background: #f6f3ed; }
.button, .routes > a, .project, .case { border-radius: 0; }
@media (max-width: 720px) { header .brand img { width: 160px; } }

/* One navigation on every page */
header { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.global-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; font-size: 0.92rem; }
.global-nav a { color: #5e6672; text-decoration: none; padding: 6px 0; border-bottom: 1px solid transparent; }
.global-nav a:hover, .global-nav a:focus-visible { color: #16181b; }
.global-nav a[aria-current="page"] { color: #16181b; border-bottom-color: #16181b; }
header, .site-header, .showcase-header { padding: 14px clamp(18px, 4vw, 56px) !important; min-height: 96px; border-bottom: 1px solid #d9d3c7; }
.showcase-header .global-nav a[aria-current="page"] { font-weight: 400; color: #16181b; }
@media (max-width: 720px) { header, .site-header, .showcase-header { min-height: 0; } .global-nav { gap: 4px 18px; font-size: 0.86rem; } }

/* Project bar: every project, on every page */
.project-bar { display: flex; align-items: center; gap: 18px; padding: 0 clamp(18px, 4vw, 56px); background: #16181b; color: #f6f3ed; font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; max-width: none; margin: 0; }
.project-bar span { flex: none; font-size: 0.68rem; letter-spacing: 0.16em; text-transform: uppercase; color: #b6b2ab; }
.project-bar div { display: flex; gap: 0; overflow-x: auto; scrollbar-width: none; flex: 1; justify-content: space-between; }
.project-bar div::-webkit-scrollbar { display: none; }
.project-bar a { flex: none; padding: 11px 9px; color: #f6f3ed; text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; }
.project-bar a:hover, .project-bar a:focus-visible { border-bottom-color: #f6f3ed; }
@media (max-width: 1100px) { .project-bar div { justify-content: flex-start; } }