/* Shared navigation only: page palettes, models and intro geometry stay local. */
html{scroll-padding-top:100px}
body:not([data-page="index"]){padding-top:100px}
header.site-header.site-nav{position:fixed;inset:12px 4% auto;width:92%;max-width:1760px;margin:0 auto;height:64px;min-height:64px;padding:0 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;z-index:80;border:1px solid #b9d4e02e;border-radius:22px;background:#08121bea;box-shadow:0 8px 28px #0002;color:#edf1f3}
.site-nav .brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:700 15px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.07em}
.site-nav .brand>span{font:400 30px/1 Georgia,serif;color:#e0d8bd}
header.site-nav nav{display:flex;align-items:center;gap:4px;margin:0 0 0 auto;font:14px/1.3 Arial,Helvetica,sans-serif}
header.site-nav nav a{padding:12px 13px;border:1px solid transparent;border-radius:30px;white-space:nowrap;transition:background-color 180ms,color 180ms}
header.site-nav nav a:hover{background:#d3e7f013}
header.site-nav nav a[aria-current="page"]{border:1px solid #d5e5ed3b;background:#d5e5ed1a;color:#fff}
.site-nav .nav-tools{display:flex;align-items:center;gap:8px}
.site-nav button{font:13px/1.3 Arial,Helvetica,sans-serif;min-height:44px;padding:9px 12px;white-space:nowrap;color:#edf1f3;background:transparent;border:1px solid #d5e5ed3b;border-radius:30px;cursor:pointer}
.site-nav #motion-control{position:static;inset:auto;margin:0;backdrop-filter:none;box-shadow:none}
.site-nav :is(a,button):focus-visible{outline:2px solid #a9dcee;outline-offset:3px}
.site-nav .nav-toggle{display:none}
body:has(.site-nav:not(.nav-ready)){padding-top:0}
header.site-nav:not(.nav-ready){position:relative;inset:auto;margin:12px auto}
.embed body{padding-top:0}
.embed header.site-nav{display:none!important}
@media(max-width:999px){
 header.site-header.site-nav{inset:10px 4% auto;padding:0 12px;border-radius:20px;gap:8px}
 .site-nav .brand{font-size:13px;gap:7px}.site-nav .brand>span{font-size:27px}
 .site-nav .nav-tools{margin-left:auto;gap:6px}.site-nav button{font-size:12px;padding:9px 10px}
 .site-nav.nav-ready .nav-toggle:not([hidden]){display:inline-flex;align-items:center;gap:8px}
 header.site-nav.nav-ready nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:10px;max-height:calc(100svh - 100px);overflow-y:auto;background:#08121bf7;border:1px solid #b9d4e03b;border-radius:20px;box-shadow:0 12px 30px #0005;flex-direction:column;align-items:stretch;gap:4px}
 header.site-nav.nav-open nav{display:flex}
 header.site-nav nav a{min-height:44px;padding:12px 16px}
 header.site-nav:not(.nav-ready){position:relative;inset:auto;flex-wrap:wrap;height:auto;padding:12px}
 header.site-nav:not(.nav-ready) nav{display:flex;flex-basis:100%;flex-wrap:wrap;margin:0;gap:3px}
 header.site-nav:not(.nav-ready) .nav-tools:empty{display:none}
}
@media(prefers-reduced-motion:reduce){.site-nav *{transition:none!important}}

/* Slide out with reading direction; focus and an open menu keep navigation reachable. */
header.site-header.site-nav.nav-ready{transition:transform 240ms ease,opacity 180ms ease}
header.site-header.site-nav.nav-away{transform:translateY(calc(-100% - 24px));opacity:0;pointer-events:none}
header.site-header.site-nav:is(:focus-within,.nav-open){transform:none;opacity:1;pointer-events:auto}
body[data-page="ho-den"]{padding-top:0}
body[data-page="ho-den"] .bh-opening .page-tools{position:absolute;inset:0 5% auto;z-index:5;width:90%;margin:0;pointer-events:none}
body[data-page="ho-den"] .bh-opening .page-tools>span{display:none}
body[data-page="ho-den"] .bh-opening .page-tools button{position:absolute;right:0;top:16px;pointer-events:auto}
body[data-page="ho-den"] .hero-heading{top:104px}
.embed body[data-page="ho-den"] .hero-heading{top:5%}
@media(max-width:760px){body[data-page="ho-den"] .hero-heading{top:100px}.embed body[data-page="ho-den"] .hero-heading{top:24px}}
@media(prefers-reduced-motion:reduce){header.site-header.site-nav.nav-ready{transition:none}}
@media(min-width:761px){body[data-page="ho-den"] .hero-heading h1{font-size:clamp(30px,2.7vw,52px)}}
header.site-header.site-nav.nav-ready{flex-wrap:nowrap}
@media(max-width:460px){.site-nav .brand{font-size:12px;gap:6px}.site-nav .brand>span{font-size:24px}.site-nav button{font-size:11.5px;padding:9px}}

/* Small, constant glass surface; no animated refraction or full-screen filter. */
@supports ((backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px))){
 header.site-header.site-nav{background:linear-gradient(135deg,#e2f3ff14,#e2f3ff03 55%,#a6d7f00b),#07121aa6;-webkit-backdrop-filter:blur(8px) saturate(115%);backdrop-filter:blur(8px) saturate(115%);border-color:#d5e8f13d;box-shadow:inset 0 1px 0 #f2fbff24,0 8px 28px #0003}
 @media(max-width:999px){header.site-nav.nav-ready nav{background:linear-gradient(150deg,#d3ecfa12,transparent 70%),#08121be8}}
}
header.site-nav nav a[aria-current="page"]{background:linear-gradient(145deg,#e8f5fc26,#e8f5fc0b);border-color:#deeff84d;box-shadow:inset 0 1px 0 #ffffff12}
.site-nav button{background:#e1f1fa05;border-color:#d5e5ed38}
@media(prefers-reduced-transparency:reduce){header.site-header.site-nav,header.site-nav.nav-open nav{background:#08121bf7;-webkit-backdrop-filter:none;backdrop-filter:none}}