/* Site navigation (option B, centred): the name in the middle, the six pages either side. Shared by every page. */
@font-face{font-family:Williwaw;src:url('../assets/fonts/williwaw-book.otf');font-display:swap}
.sh{position:sticky;top:0;z-index:30;height:var(--header-height,76px);display:flex;align-items:center;justify-content:center;padding:0 clamp(20px,5vw,88px);background:#000;color:#fff}
.sh.sh{gap:0}
.sh .brand{display:block;width:190px;flex-shrink:0;line-height:0}
.sh .brand img{width:100%;height:auto;display:block}
.sh .sh-links{flex:1;display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);font:17px/1 Williwaw,Georgia,serif}
.sh .sh-links.l{justify-content:flex-end;padding-right:clamp(24px,3vw,56px)}
.sh .sh-links.r{justify-content:flex-start;padding-left:clamp(24px,3vw,56px)}
.sh .sh-links a{position:relative;color:inherit;text-decoration:none;padding:12px 0;opacity:.7;transition:opacity .3s}
.sh .sh-links a:hover,.sh .sh-links a:focus-visible,.sh .sh-links a[aria-current]{opacity:1}
.sh .sh-links a[aria-current]::after{content:'';position:absolute;left:50%;bottom:4px;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateX(-50%)}
.sh .menu-btn{display:none;font:14px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:inherit;background:none;border:0;padding:12px 0 12px 20px;cursor:pointer}
.sh a:focus-visible,.sh button:focus-visible,.menu-sheet a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.menu-sheet{position:fixed;inset:0;z-index:29;background:#000;color:#fff;padding:calc(var(--header-height,66px) + 6svh) clamp(20px,5vw,88px) 6svh;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.menu-sheet.open{opacity:1;visibility:visible}
.menu-sheet nav{display:flex;flex-direction:column;gap:1.2svh}
.menu-sheet nav a{color:inherit;text-decoration:none;font:400 clamp(34px,9vw,52px)/1.1 Williwaw,Georgia,serif}
.menu-sheet nav a[aria-current]{font-style:italic}
.menu-sheet .foot{display:flex;flex-wrap:wrap;gap:10px 24px;font:14px Arial,sans-serif}
.menu-sheet .foot a{color:#a7a7a7;text-decoration:none}
body:has(.menu-sheet.open){overflow:hidden}
body:has(.menu-sheet.open) .moving-wordmark{visibility:hidden}
.sh .sh-links{margin-left:clamp(52px,5vw,124px)}
@media(max-width:900px){
 .sh{justify-content:space-between;height:var(--header-height,66px)}
 .sh .brand{width:150px}
 .sh .sh-links{display:none}
 .sh .menu-btn{display:block}
}

/* Keep the shared page navigation visible while scrolling, like the fixed Home header.
   The body reserves its height so page content keeps its existing starting position. */
:root{--sh-header-height:76px}
body:has(> header.sh:not(.site-header)){padding-top:var(--sh-header-height)}
html:has(body > header.sh:not(.site-header)){scroll-padding-top:calc(var(--sh-header-height) + 12px)}
header.sh:not(.site-header){position:fixed;inset:0 0 auto;height:var(--sh-header-height);}
@media(max-width:900px){:root{--sh-header-height:66px}}