/* Desktop links sit beside the title; mobile uses a slide-in drawer. */
.site-header{flex-wrap:nowrap;gap:24px;padding-inline:4%}
.site-header .brand{flex-shrink:0}
#main-navigation{display:flex;flex-wrap:wrap;justify-content:flex-end;width:auto;align-items:center;gap:clamp(10px,1.4vw,22px);font-size:clamp(11px,.95vw,13px)}
#main-navigation a{white-space:nowrap}
.menu-toggle,.menu-panel-heading,.menu-backdrop{display:none}
.menu-toggle,.menu-close{border:1px solid currentColor;background:transparent;color:var(--gold);width:48px;height:48px;padding:12px;align-items:center;justify-content:center;flex-shrink:0}
.menu-bars{width:22px;display:grid;gap:5px}.menu-bars span{display:block;height:2px;width:22px;background:currentColor}
.menu-close{display:flex;font-size:30px;line-height:1}
@media(min-width:1101px) and (max-width:1300px){.site-header{padding-inline:3%;gap:18px}.site-header .brand{font-size:12px;gap:10px}.site-header .brand-sub{font-size:7px}}
@media(max-width:1100px){
 .site-header{flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 5%}
 .site-header .brand{font-size:12px;letter-spacing:.11em;gap:10px}.site-header .brand-sub{font-size:7px;letter-spacing:.12em}
 .site-header.menu-ready .menu-toggle{display:flex}
 #main-navigation{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:6px 18px}
 .site-header.menu-ready #main-navigation{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;position:fixed;inset:0 0 0 auto;width:min(360px,88vw);height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:24px 26px calc(24px + env(safe-area-inset-bottom));margin:0;gap:0;background:var(--ink);color:var(--paper);border-left:1px solid var(--line);box-shadow:-16px 0 60px #0006;z-index:62;transform:translateX(100%);visibility:hidden;transition:transform .32s ease,visibility 0s .32s;font-size:16px}
 .site-header.menu-ready.menu-open #main-navigation{transform:translateX(0);visibility:visible;transition:transform .32s ease,visibility 0s}
 .menu-ready .menu-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font:24px var(--serif);padding-bottom:24px;flex-shrink:0}
 .menu-ready #main-navigation a{min-height:54px;padding:12px 4px;border-bottom:1px solid var(--line);gap:14px;flex-shrink:0}
 .menu-ready #main-navigation .book-nav[aria-current=page]{color:var(--gold);font-weight:650}
 .menu-ready .menu-backdrop{display:block;position:fixed;inset:0;background:#080f12a6;z-index:61;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s .32s}
 .menu-ready.menu-open .menu-backdrop{opacity:1;visibility:visible;transition:opacity .32s ease,visibility 0s}
 body.menu-is-open{overflow:hidden}
}
@media(max-width:360px){.site-header .brand{font-size:10px}.site-header .brand-sub{font-size:6px}.monogram{font-size:22px}}
@media(prefers-reduced-motion:reduce){.menu-ready #main-navigation,.menu-ready .menu-backdrop{transition:none!important}}