#venue-demo[hidden]{display:none!important}#venue-demo{position:fixed;inset:0;z-index:1000;background:var(--paper);opacity:1;transition:opacity .35s ease}#venue-demo iframe{display:block;width:100%;height:100%;border:0;background:var(--paper)}body[data-demo-page=about] #nav-view{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}body[data-demo-page=about] .nav-sheet{pointer-events:auto;width:min(440px,100%);border-left:1px solid #c5bdae66;box-shadow:-15px 0 50px #4f47360b;background:#eceae4f2;padding:165px 42px 55px!important;justify-content:center;animation:about-field-in .45s cubic-bezier(.2,.65,.25,1) both}body[data-demo-page=about] .nav-heading{font-size:30px;font-weight:400;letter-spacing:.04em;margin-bottom:25px}body[data-demo-page=about] .nav-copy{font-size:15px;line-height:2.15;color:#6c675d}body[data-demo-page=about] .nav-note{font-size:10px;line-height:1.9;color:#948b7a}body[data-demo-page=about] .nav-close{top:auto;bottom:38px;right:42px;font-size:13px;font-weight:400;letter-spacing:.04em;min-height:44px}body[data-demo-page=about] .nav-close:focus-visible{outline:none;text-decoration:underline;text-underline-offset:7px}.demo-changing::before{content:"";position:fixed;z-index:1100;inset:120px 0 0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 47px,#8e87730b 47px 48px);animation:route-field .45s ease both}@keyframes route-field{0%{opacity:.65;transform:translateY(5px)}100%{opacity:0;transform:none}}@keyframes about-field-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@media(max-width:650px){body[data-demo-page=about] .nav-sheet{width:min(390px,92%);padding:130px 28px 78px!important}body[data-demo-page=about] .nav-copy{font-size:14px;line-height:2}body[data-demo-page=about] .nav-close{right:28px;bottom:24px}}@media(prefers-reduced-motion:reduce){#venue-demo{transition:none}.demo-changing::before,body[data-demo-page=about] .nav-sheet{animation:none}}
/* Keep the navigation inside the visible page as well as the home shell. */
body[data-demo-page=venue]>.site-nav,body[data-demo-page=rent]>.site-nav{display:none!important}
.route-trace{position:fixed;inset:0;z-index:1100;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:18px;opacity:0;background:#eceae4e8;clip-path:polygon(0 46%,0 46%,0 54%,0 54%);font:10px Arial;letter-spacing:.18em;color:#8f8066}
.route-trace i{display:block;width:120px;height:40px;background:linear-gradient(#a6977b,#a6977b) 0 20px/50% 1px no-repeat,linear-gradient(#a6977b,#a6977b) 50% 0/1px 21px no-repeat,linear-gradient(#a6977b,#a6977b) 100% 0/50% 1px no-repeat}
.demo-changing .route-trace{animation:walking-route .65s cubic-bezier(.35,0,.15,1) both}
.demo-changing::before{display:none}
@keyframes walking-route{0%{opacity:0;clip-path:polygon(0 46%,0 46%,0 54%,0 54%)}35%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}65%{opacity:.85;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{opacity:0;clip-path:polygon(100% 46%,100% 46%,100% 54%,100% 54%)}}
@media(prefers-reduced-motion:reduce){.demo-changing .route-trace{animation:none}}

.demo-changing .route-trace{display:none;animation:none}
.demo-changing #venue-demo,.demo-changing #nav-view{animation:quiet-page-in 1.15s cubic-bezier(.2,.5,.2,1) both}
body[data-demo-page=about] .nav-sheet{animation:quiet-page-in 1.15s cubic-bezier(.2,.5,.2,1) both}
@keyframes quiet-page-in{from{opacity:.2}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.demo-changing #venue-demo,.demo-changing #nav-view,body[data-demo-page=about] .nav-sheet{animation:none}}

/* Requested ABOUT position: restore an upper introduction anchor. */
body[data-demo-page=about] .nav-sheet{justify-content:flex-start;padding-top:clamp(150px,22svh,210px)!important}
@media(max-width:650px){body[data-demo-page=about] .nav-sheet{padding-top:clamp(130px,20svh,185px)!important;padding-left:32px!important;padding-right:32px!important}}


body[data-demo-page=about] .nav-close{display:none!important}
@media(max-height:500px){body[data-demo-page=about] .nav-sheet{padding-top:105px!important;padding-bottom:24px!important;overflow-y:auto!important}}


@media(max-width:1000px){body[data-demo-page=about] .nav-sheet{overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:32px!important}body[data-demo-page=about] .nav-sheet>*{flex-shrink:0}body[data-demo-page=about] .nav-copy{overflow-wrap:anywhere}}

.demo-changing #stage,.demo-changing #venue-demo,.demo-changing #nav-view{animation:requested-fade .7s ease both}@keyframes requested-fade{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.demo-changing #stage,.demo-changing #venue-demo,.demo-changing #nav-view{animation:none}}

body[data-demo-page=venue] .management-entry,body[data-demo-page=rent] .management-entry{display:none}
::view-transition-old(root){animation:calm-shell-out .4s ease both}::view-transition-new(root){animation:calm-shell-in .7s ease both}@keyframes calm-shell-out{to{opacity:0}}@keyframes calm-shell-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Local review only: one persistent navigation across all four pages. */
body[data-demo-page=venue]>.site-nav.site-nav,body[data-demo-page=rent]>.site-nav.site-nav{display:flex!important}
.site-nav.site-nav{view-transition-name:primary-navigation;transform:none!important}
::view-transition-group(primary-navigation){animation:none!important}::view-transition-old(primary-navigation){display:none}::view-transition-new(primary-navigation){animation:none!important}

/* Persistent shell identity is excluded from all page snapshots. */
body>.mark{position:fixed;z-index:2147483001;view-transition-name:site-identity;transform:none!important;opacity:1!important;visibility:visible!important}
::view-transition-group(site-identity){animation:none!important}::view-transition-old(site-identity){display:none}::view-transition-new(site-identity){animation:none!important}
html,body{overflow:hidden!important;overscroll-behavior:none}
body[data-demo-page=about] .nav-sheet{overflow:hidden!important;max-height:100dvh;padding-bottom:12px!important}
body[data-demo-page=about] .nav-copy{overflow:visible!important}
body[data-demo-page=about] .vp-pages{position:absolute;bottom:12px;left:32px;right:32px}
::view-transition-old(root){animation:breathing-out .8s cubic-bezier(.4,0,.6,1) both}
::view-transition-new(root){animation:breathing-in 1.1s .55s cubic-bezier(.25,0,.3,1) both}
@keyframes breathing-out{from{opacity:1}to{opacity:0}}@keyframes breathing-in{from{opacity:0}to{opacity:1}}
.demo-changing #stage,.demo-changing #venue-demo,.demo-changing #nav-view,body[data-demo-page=about] .nav-sheet{animation:none!important}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}

body .management-entry{display:none!important}body[data-demo-page=about] .nav-sheet .management-entry{position:static!important;display:inline-flex!important;align-self:flex-start;margin-top:18px;min-height:44px;font:11px Arial;color:#8d8372;text-decoration:none;border-bottom:1px solid #bdb3a266;flex:none}

body[data-demo-page=about] .nav-sheet .management-entry{font:10px ui-monospace,Consolas,monospace;letter-spacing:.14em;border-bottom:0;border-top:1px solid #bdb3a266;padding-top:14px;margin-top:24px}

body[data-dialog-open=true]>.site-nav,body[data-dialog-open=true]>.mark{visibility:hidden;pointer-events:none}
body[data-dialog-open=true]>.site-nav.site-nav,body[data-dialog-open=true]>.mark{visibility:hidden!important;pointer-events:none!important}

@media(min-width:1001px){.site-nav .page-close{display:none!important}body>.site-nav.site-nav{z-index:2147483003!important}::view-transition{pointer-events:none}}
@media(max-width:1000px){
 body>.site-nav.site-nav{transition:top .65s cubic-bezier(.22,.61,.36,1),right .65s cubic-bezier(.22,.61,.36,1);z-index:2147483003!important}
 body:not([data-demo-page=home])>.site-nav.site-nav{top:max(28px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}
}
@media(max-width:1000px) and (prefers-reduced-motion:reduce){body>.site-nav.site-nav{transition:none}}
/* The ABOUT text panel stays opaque while the surrounding page changes. */
body[data-demo-page=about] .nav-sheet{background:#eceae4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body:is([data-demo-page=about],[data-demo-page=venue],[data-demo-page=rent]) #stage::after{inset:0 0 0 auto;width:434px;background:#eceae4;opacity:1;z-index:1;animation:none;pointer-events:none}
body[data-demo-page=about] #stage::after{width:min(440px,100%)}
html:has(body:is([data-demo-page=about],[data-demo-page=venue],[data-demo-page=rent]))::view-transition-old(root){clip-path:inset(0 434px 0 0)}
html:has(body[data-demo-page=about])::view-transition-old(root){clip-path:inset(0 min(440px,100%) 0 0)}
@media(max-width:1000px){body:is([data-demo-page=venue],[data-demo-page=rent]) #stage::after{width:50vw}}
@media(max-width:650px){body[data-demo-page=about] #stage::after{width:min(390px,92%)}}