/* Shared navigation stays outside the photographic transition. */
:root{--site-nav-height:68px;--site-nav-inset:32px}
html{scroll-padding-top:calc(var(--site-nav-height) + 24px)}
.site-topbar,.site-mobile-menu,#nav,.w-back,.evidence-end-nav,#app .w-hero nav.nav,#h>header{display:none!important}
#h>.footer .footer-list,#h>.footer .footer-contact{display:none!important}
#site-navigation{position:fixed;inset:0 0 auto;height:var(--site-nav-height);z-index:10000;box-sizing:border-box;color:#f4f5f7;background:transparent;pointer-events:auto;transition:opacity 280ms ease,color 180ms ease,background-color 180ms ease}
#site-navigation[data-surface="light"]{color:#262623;background:transparent}
#site-navigation[data-surface="paper"]{color:#262623;background:#f4f5f7}
#site-navigation[data-visible="false"]{opacity:0;visibility:hidden;pointer-events:none}
.site-nav-inner{height:100%;width:100%;margin-inline:auto;padding-inline:var(--site-nav-inset);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;box-sizing:border-box}
.site-nav-brand{display:flex;align-items:baseline;gap:14px;width:max-content;max-width:100%;white-space:nowrap;font:400 17px/1.5 "Songti SC","Noto Serif SC",serif;letter-spacing:.08em}
.site-nav-brand em{font:italic 15px/1.5 Georgia,serif;letter-spacing:.025em}
.site-nav-chapters,.site-nav-meta{display:flex;align-items:center;gap:22px}
.site-nav-chapters{justify-self:center}
.site-nav-meta{justify-self:end;gap:20px}
#site-navigation .site-nav-chance,#site-navigation-menu .site-nav-chance{color:#bd9b59;opacity:1}
#site-navigation[data-surface="light"] .site-nav-chance,#site-navigation[data-surface="paper"] .site-nav-chance,#site-navigation-menu .site-nav-chance{color:#8a6729}
#site-navigation a,#site-navigation-menu a{color:inherit;text-decoration:none;pointer-events:auto}
.site-nav-link{font:400 15px/1.6 "s","PingFang SC",sans-serif;letter-spacing:.06em;position:relative;display:flex;align-items:center;min-height:44px;white-space:nowrap;opacity:.85;transition:opacity 160ms ease}
.site-nav-link.is-active,.site-nav-link:hover,.site-nav-link:focus-visible{opacity:1}
.site-nav-link.is-active::after{content:"";position:absolute;bottom:6px;left:0;right:.06em;height:1px;background:currentColor;opacity:.65}
#site-navigation a:focus-visible,#site-navigation button:focus-visible,#site-navigation-menu a:focus-visible,#site-navigation-menu button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.site-menu-toggle,.site-menu-close{color:inherit;position:relative;width:44px;height:44px;padding:12px 9px;box-sizing:border-box;border:0;background:none;cursor:pointer;touch-action:manipulation;pointer-events:auto}
.site-menu-toggle{display:none;justify-self:end}
.site-menu-toggle span{display:block;height:1px;width:25px;background:currentColor;margin:5px 0}
.w-hero-pgn{top:calc(var(--site-nav-height) + 12px)!important;right:var(--site-nav-inset)!important}
#site-navigation-menu{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0 var(--site-nav-inset) max(32px,env(safe-area-inset-bottom));border:0;box-sizing:border-box;background:#f4f5f7;color:#262623;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
#site-navigation-menu:not([open]){display:none}
#site-navigation-menu[open]{display:flex;flex-direction:column;animation:site-menu-reveal 180ms ease-out}
#site-navigation-menu::backdrop{background:#f4f5f7;transition:opacity 180ms ease-out}
#site-navigation-menu[data-motion-closing]::backdrop{opacity:0}
html[data-site-menu-open],html[data-site-menu-open] body{overflow:hidden!important}
.site-menu-head{min-height:var(--site-nav-height);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:1;background:#f4f5f7}
.site-menu-close{flex-shrink:0}
.site-menu-close span{position:absolute;top:21px;left:9px;width:25px;height:1px;background:currentColor;transform:rotate(45deg)}
.site-menu-close span+span{transform:rotate(-45deg)}
.site-menu-chapters{display:grid;gap:4px;padding-block:22px}
.site-menu-chapters .site-nav-link{font:400 clamp(26px,5vw,34px)/1.5 "Songti SC","Noto Serif SC",serif;letter-spacing:.12em;width:max-content;min-height:52px}
.site-menu-chapters .site-nav-link.is-active::after{bottom:2px}
.site-menu-meta{display:flex;gap:28px;margin-top:auto;padding-top:24px}
.site-menu-meta .site-nav-link{font-size:18px}
@keyframes site-menu-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1023px){
 :root{--site-nav-height:calc(64px + env(safe-area-inset-top,0px));--site-nav-inset:24px}
 .site-nav-inner{grid-template-columns:minmax(0,1fr) auto;gap:16px}
 .site-nav-inner,.site-menu-head{padding-top:env(safe-area-inset-top,0px);box-sizing:border-box}
 .site-nav-chapters,.site-nav-meta{display:none}
 .site-menu-toggle{display:block}
 .site-nav-brand{font-size:17px;gap:12px}
 .site-nav-brand em{font-size:14px}
}
@media(max-width:480px){:root{--site-nav-inset:22px}}
@media(prefers-reduced-motion:reduce){#site-navigation,.site-nav-link{transition:none}#site-navigation-menu[open]{animation:none}}
@media print{#site-navigation,#site-navigation-menu{display:none!important}}
#site-navigation[data-surface="light"] a,#site-navigation[data-surface="light"] button{text-shadow:0 0 6px rgb(244 245 247 / .95),0 0 14px rgb(244 245 247 / .9)}
#site-navigation[data-surface="dark"] a,#site-navigation[data-surface="dark"] button{text-shadow:0 1px 8px rgb(0 0 0 / .7)}
#site-navigation[data-brand-surface="dark"] .site-nav-brand{color:#f5f5f2;text-shadow:none}

/* Clickable controls use one cursor throughout the shared shell. */
:is(#site-navigation,#site-navigation-menu) a[href]{cursor:pointer}
:is(#app,#site-navigation,#site-navigation-menu) button:disabled,
:is(#app,#site-navigation,#site-navigation-menu) [aria-disabled="true"]{cursor:default!important}

/* Only the desktop crop places the name over the bright left curtain. */
@media(min-width:1024px){
 #site-navigation[data-brand-surface="light"] .site-nav-brand{color:#262623;text-shadow:0 0 6px rgb(244 245 247 / .95),0 0 14px rgb(244 245 247 / .9)}
}

/* Default hidden before the photo controller has positioned the incoming index. */
:is(.w-preview-w,.w-preview-area):not([data-photo-navigation-ready]){visibility:hidden!important;pointer-events:none!important}