/* A quiet, consistent navigation strip. The home hero keeps its open overlay. */
:root{--navigation-height:68px}
body[data-page] .site-header{min-height:var(--navigation-height);height:var(--navigation-height);padding:0 clamp(24px,4vw,68px);gap:24px;background:#f8f4ec;color:#33372e;border:0;border-bottom:1px solid #c6bbaa65;max-width:none}
body.has-site-navigation .site-header{position:sticky;top:0;z-index:90}
body[data-page] .brand{width:230px;flex:0 0 230px;display:block}
body[data-page] .brand img.brand-compact{display:block;width:230px;height:41px;object-fit:contain;object-position:left center}
body[data-page] .brand img.brand-full{display:none}
body[data-page] .desktop-nav{gap:clamp(17px,2.2vw,34px)}
body[data-page] .desktop-nav a{font:400 11px/1.5 var(--sans);letter-spacing:.015em;text-transform:none;color:#3e4536;min-height:44px;display:flex;align-items:center;padding:0}
body[data-page] .desktop-nav a[aria-current]{border-bottom:1px solid #929b82}
body[data-page] .header-actions>.button{min-height:44px;padding:10px 20px;border:1px solid #ad957366;border-radius:999px;background:transparent;color:#3c4534;font:500 12px/1.5 var(--sans);letter-spacing:.025em;text-transform:none;gap:12px;justify-content:center;white-space:nowrap;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
.tour-arrow{display:block;flex:none;width:18px;height:18px;transition:transform 180ms ease}
body[data-page] .header-actions>.button:focus-visible{outline:2px solid #59644b;outline-offset:3px}
body[data-page] .menu-toggle{color:inherit;font-weight:400}
body[data-page] .mobile-nav{background:#f8f4ec;color:#33372e;max-height:calc(100dvh - var(--navigation-height));overflow:auto;overscroll-behavior:contain;box-shadow:0 10px 20px #2b32210b}
body[data-page] .mobile-nav a{min-height:44px}
body[data-page="home"] .site-header:not(.is-pinned){position:absolute;inset:0 0 auto;height:88px;min-height:88px;background:transparent;border-color:transparent;color:#f8f4ec}
body[data-page="home"] .site-header:not(.is-pinned) .brand{width:148px;flex-basis:148px}
body[data-page="home"] .site-header:not(.is-pinned) .brand-full{display:block;width:148px;height:64px;object-fit:contain}
body[data-page="home"] .site-header:not(.is-pinned) .brand-compact{display:none}
body[data-page="home"] .site-header:not(.is-pinned) .desktop-nav a{color:#f8f4ec}
body[data-page="home"] .site-header:not(.is-pinned) .header-actions>.button{color:#f8f4ec;border-color:#cfb79299;background:#f8f4ec0a}
body[data-page="home"] .site-header:not(.is-pinned) .header-actions>.button:focus-visible{outline-color:#f8f4ec}
body[data-page="home"] .site-header.is-pinned{position:fixed;inset:0 0 auto}
@media(prefers-reduced-motion:no-preference){
 body[data-page="home"] .site-header.is-pinned{animation:header-arrive 260ms cubic-bezier(.2,.7,.2,1) both}
 @keyframes header-arrive{from{transform:translateY(-100%)}to{transform:translateY(0)}}
}
@media(hover:hover){body[data-page] .header-actions>.button:hover{background:#e8eadf;color:#39482d}body[data-page] .header-actions>.button:hover .tour-arrow{transform:translateX(2px)}body[data-page="home"] .site-header:not(.is-pinned) .header-actions>.button:hover{background:#f8f4ec18;color:#fff}}
/* Native anchors leave room for the persistent navigation. Embedded frames do
   not use it: their parent review surface supplies its own navigation. */
html:has(body.has-site-navigation){scroll-padding-top:calc(var(--navigation-height) + 12px)}
body.has-site-navigation.interior-page .inside-hero--cinema{height:min(820px,calc(100svh - var(--navigation-height)))}
body.has-site-navigation.interior-page .inside-hero--property{height:calc(100svh - var(--navigation-height))}
/* Keep the existing scroll tracks and progress math. Give their content the
   space below the header while leaving the pinned stages viewport-sized. */
body.has-site-navigation .standard--enhanced .standard-scene{top:var(--navigation-height)}
body.has-site-navigation .standard--enhanced .standard-apertures .standard-arrival-photo{top:calc(22.4% + var(--navigation-height) * .776)}
body.has-site-navigation .tour-chapter--enhanced .tour-canvas{top:var(--navigation-height);height:calc(100% - 68px - var(--navigation-height))}
body.has-site-navigation .day-story.is-enhanced .day-story-stage{padding-top:calc(var(--navigation-height) + 30px);padding-bottom:30px}
body.has-site-navigation .inside-sticky-heading>div:first-child,body.has-site-navigation .inside-standard-intro,body.has-site-navigation .inside-inquiry .inquiry-aside,body.has-site-navigation .day-story-intro{top:calc(var(--navigation-height) + 30px)}
body.has-site-navigation .day-story.is-enhanced .day-story-intro{top:auto}
@media(min-width:801px) and (max-height:760px){
 body.has-site-navigation .tour-chapter--enhanced .tour-scene--garden-walk .tour-photo--main{top:48%;height:38%}
 body.has-site-navigation .tour-chapter--enhanced .tour-scene--resident-garden .tour-photo--secondary{top:62%;height:26%}
 body.has-site-navigation .tour-chapter--enhanced .tour-scene--wellness .tour-photo--main{top:57%;height:33%}
}
@media(min-width:901px) and (max-height:760px){
 body.has-site-navigation .day-story.is-enhanced .day-story-stage{padding-top:calc(var(--navigation-height) + 22px);padding-bottom:22px}
 body.has-site-navigation .day-story.is-enhanced .day-moment figure img{height:36svh}
 body.has-site-navigation .day-story.is-enhanced .day-story-intro .section-heading h2{font-size:44px}
 body.has-site-navigation .day-story.is-enhanced .day-story-nav{margin:14px 0}
 body.has-site-navigation .day-story.is-enhanced .day-story-nav a{padding:9px 0}
}
@media(max-width:1100px){body[data-page] .brand{width:195px;flex-basis:195px}body[data-page] .brand img.brand-compact{width:195px}body[data-page] .desktop-nav{gap:17px}body[data-page] .desktop-nav a{font-size:10px}body[data-page] .site-header{gap:18px;padding-inline:24px}}
@media(max-width:900px){:root{--navigation-height:60px}body[data-page] .desktop-nav{display:none}body[data-page] .brand{width:220px;flex-basis:220px}body[data-page] .brand img.brand-compact{width:220px;height:38px}body[data-page="home"] .site-header:not(.is-pinned){height:78px;min-height:78px}body[data-page="home"] .site-header:not(.is-pinned) .brand-full{width:132px;height:60px}}
@media(max-width:650px){body[data-page] .site-header{padding-inline:18px;gap:14px}body[data-page] .brand{width:200px;flex-basis:200px}body[data-page] .brand img.brand-compact{width:200px;height:36px}body[data-page] .header-actions>.button{display:none}}
@media(max-width:360px){body[data-page] .brand{width:182px;flex-basis:182px}body[data-page] .brand img.brand-compact{width:182px}}
/* Keep the tour action inside the existing navigation height, leaving the
   photo stories and their bottom chapter controls completely unobstructed. */
body[data-page] .site-header.has-tour-action .header-actions>.button{background:#c7af8c;border-color:#b59a7459;color:#30372a}
@media(hover:hover){body[data-page] .site-header.has-tour-action .header-actions>.button:hover{background:#bfa47f;border-color:#a98d65;color:#252c21}}
body[data-page] .site-header.has-tour-action .header-actions>.button:active{background:#b59a74}
@media(max-width:900px){.tour-arrow{display:none}}
@media(max-width:650px){
 body[data-page] .site-header.has-tour-action{gap:12px}
 /* Display the exact arch symbol from the approved horizontal SVG. */
 body[data-page] .site-header.has-tour-action .brand{width:40px;flex:0 0 40px;height:44px;overflow:hidden;display:flex;align-items:center}
 body[data-page] .site-header.has-tour-action img.brand-compact{width:227.2727px;max-width:none;height:40px;flex-shrink:0}
 body[data-page] .site-header.has-tour-action .header-actions{flex:1;justify-content:flex-end;gap:12px}
 body[data-page] .site-header.has-tour-action .header-actions>.button{display:inline-flex;min-height:44px;padding:10px 17px;font-size:12px;letter-spacing:.015em}
}
@media(prefers-reduced-motion:reduce){body[data-page] .header-actions>.button,.tour-arrow{transition:none}.header-actions>.button .tour-arrow{transform:none!important}}
@media print{body[data-page] .site-header{display:none!important}html:has(body.has-site-navigation){scroll-padding-top:0}}