/* V39: warm, light entrance using the existing approved light brand asset. */
.topbar{background:#f8f5ef;color:var(--anthracite)}
.nav{background:#f8f5ef;border-bottom:1px solid rgba(199,163,106,.35)}
.navlinks a,.nav-services summary,.nav .menu-toggle:not([hidden]){color:var(--anthracite)}
.nav .menu-toggle:not([hidden]){border-color:rgba(43,46,52,.4)}
.nav-submenu{background:#f8f5ef;box-shadow:0 8px 24px rgba(43,46,52,.09)}
.nav-submenu a+a{border-top-color:rgba(43,46,52,.15)}
.navlinks a:hover,.nav-services summary:hover{color:var(--obsidian)}
.navlinks .nav-cta{background:var(--gold);color:var(--obsidian)}
.navlinks .nav-cta:hover{background:var(--anthracite);color:var(--ivory)}
.nav :focus-visible,.nav summary:focus-visible{outline-color:var(--anthracite)}
.hero{background:linear-gradient(125deg,#fcfaf6 0%,#f1ebe1 100%)}
/* One shared decorative canvas avoids a seam between header and introduction. */
body:has(.hero){background-color:var(--paper);background-image:url('/assets/decor/entrance-rings.svg'),linear-gradient(150deg,#fcfaf6 0%,#f1ebe1 55%,var(--paper) 100%);background-size:720px 720px,100% 1200px;background-position:right -270px top -110px,left top;background-repeat:no-repeat}
body:has(.hero) .topbar,body:has(.hero) .hero{background:transparent}
/* Keep navigation sticky. Only the unpinned, closed header shares the canvas. */
body:has(.hero) .nav{position:sticky;top:0}
body:has(.hero) .nav[data-sticky-ready="true"]:not(.is-stuck):not(:has(.navlinks[data-open="true"])){background:transparent;border-bottom-color:transparent}
.nav.is-stuck{box-shadow:0 4px 14px rgba(43,46,52,.06)}
@media(max-width:900px){.nav:has(.navlinks[data-open="true"]){max-height:100svh;overflow-y:auto;overscroll-behavior:contain}}
body:has(.hero) .hero:after{display:none}
.entrance-decoration{display:none}
/* V43: bound the portrait artwork to the entrance, not the root canvas.
   The same 720px square SVG keeps its centre, radii and original placement.
   The 610px layer includes all artwork below its -110px top offset. */
@media (max-width:600px) and (orientation:portrait){
  body:has(.hero){position:relative;background-image:linear-gradient(150deg,#fcfaf6 0%,#f1ebe1 55%,var(--paper) 100%);background-size:100% 1200px;background-position:left top}
  .entrance-decoration{display:block;position:absolute;inset:0 0 auto;height:610px;overflow:hidden;pointer-events:none;background:url('/assets/decor/entrance-rings.svg') no-repeat right -270px top -110px / 720px 720px}
  body:has(.hero) .topbar{position:relative}
}