/* Donna header: independent of the generated WPConvert navigation rules. */
#dz-site-header,
.dz-mobile-menu,
.dz-header__floating-call,
.dz-skip-link { box-sizing: border-box; font-family: Manrope, sans-serif; }
#dz-site-header *, .dz-mobile-menu *, .dz-header__floating-call *, .dz-skip-link * { box-sizing: border-box; }
.dz-skip-link { position: fixed; z-index: 1100; top: -100px; left: 1rem; padding: .75rem 1rem; background: #f7f6f2; color: #20373d; font-weight: 700; }
.dz-skip-link:focus { top: 1rem; }
#dz-site-header { --dz-paper: #f7f6f2; --dz-ink: #20373d; --dz-line: #cbd4d3; --dz-cta: #203b42; --dz-paper-opacity: .8; position: sticky; inset: 0 0 auto; z-index: 50; width: 100%; height: 80px; color: var(--dz-ink); background: transparent; }
#dz-site-header::before { content: ""; position: absolute; z-index: -1; inset: 0; background: rgba(247,246,242,var(--dz-paper-opacity)); backdrop-filter: blur(12px); transform-origin: top; }
#dz-site-header.dz-header--home { position: fixed; --dz-paper-opacity: .04; }
#dz-site-header.dz-header--buyer { --dz-paper-opacity: 1; }
#dz-site-header[data-compact="true"]::before { background: #f7f6f2; backdrop-filter: none; transform: scaleY(.75); }
body.admin-bar #dz-site-header { top: 32px !important; }
.dz-header__desktop { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 1.5rem; max-width: 1600px; height: 80px; margin: 0 auto; padding: 0 1.5rem; font-size: 1rem; font-weight: 600; }
.dz-header__nav-left, .dz-header__nav-right { display: flex; align-items: center; gap: 1.75rem; white-space: nowrap; }
.dz-header__nav-left { justify-content: flex-end; }
.dz-header__nav-right { justify-content: flex-start; min-width: 0; }
.dz-header__link, .dz-header__areas-trigger { color: inherit; text-decoration: none; text-underline-offset: 4px; }
.dz-header__link:hover, .dz-header__link[aria-current="page"], .dz-header__areas-trigger:hover { text-decoration: underline; }
.dz-header__areas { position: relative; }
.dz-header__areas-trigger { display: flex; min-height: 48px; align-items: center; gap: .35rem; list-style: none; cursor: pointer; }
.dz-header__areas-trigger::-webkit-details-marker, .dz-mobile-menu__areas summary::-webkit-details-marker { display: none; }
.dz-header__areas-trigger svg { width: .75rem; height: .75rem; transition: transform .2s; }
.dz-header__areas[open] .dz-header__areas-trigger svg { transform: rotate(180deg); }
.dz-header__areas-list { position: absolute; top: 100%; right: 0; z-index: 5; min-width: 200px; padding: .5rem; border: 1px solid var(--dz-line); background: var(--dz-paper); box-shadow: 0 12px 28px rgba(14,31,35,.12); }
.dz-header__areas-link { display: flex; min-height: 44px; align-items: center; padding: .5rem .75rem; color: var(--dz-ink); text-decoration: none; }
.dz-header__areas-link:hover, .dz-header__areas-link[aria-current="page"] { background: #e9efed; text-decoration: underline; text-underline-offset: 4px; }
.dz-header__brand { position: relative; width: 212.4px; height: 57.6px; pointer-events: none; }
.dz-header__full-logo, .dz-header__compact-logo { position: absolute; inset: 0; display: block; }
.dz-header__full-logo { opacity: 1; pointer-events: auto; }
.dz-header__logo-art { position: absolute; top: 0; left: 0; display: flex; width: 236px; height: 64px; align-items: center; gap: 8px; transform: scale(.9); transform-origin: top left; }
.dz-header__logo-tree { position: relative; display: block; width: 80px; height: 60px; flex: none; overflow: hidden; }
.dz-header__logo-tree img { position: absolute; left: -16px; top: -2px; width: 114px; max-width: none; height: auto; }
.dz-header__logo-wordmark { position: relative; display: block; width: 146px; height: 42px; flex: none; overflow: hidden; transform: translateY(4px); }
.dz-header__logo-wordmark img { position: absolute; left: -5px; top: -85px; width: 152px; max-width: none; height: auto; }
.dz-header__compact-logo { top: 50%; left: 50%; right: auto; bottom: auto; display: flex; width: 52px; height: 44px; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transform: translate(-50%, -50%); }
.dz-header__compact-mark { display: block; width: 52px; height: 44px; background: var(--dz-ink); -webkit-mask: url('../images/ming-tree-compact-mark-192x128.png') center / contain no-repeat; mask: url('../images/ming-tree-compact-mark-192x128.png') center / contain no-repeat; }
#dz-site-header[data-compact="true"] .dz-header__full-logo { opacity: 0; pointer-events: none; }
#dz-site-header[data-compact="true"] .dz-header__compact-logo { opacity: 1; pointer-events: auto; }
#dz-site-header[data-compact="true"] .dz-header__desktop { transform: translateY(-10px); }
#dz-site-header[data-compact="true"] .dz-header__nav-left { transform: translateX(58px); }
#dz-site-header[data-compact="true"] .dz-header__nav-right { transform: translateX(-52px); }
.dz-header__search { position: absolute; top: 50%; right: 1.5rem; display: flex; min-height: 44px; align-items: center; justify-content: center; padding: .625rem 1rem; background: var(--dz-cta); color: #fff; font-size: .875rem; font-weight: 700; text-decoration: none; transform: translateY(-50%); }
.dz-header__search:hover { background: #2e5057; color: #fff; }
#dz-site-header[data-search-visible="false"] .dz-header__search { opacity: 0; pointer-events: none; transform: translate(-16px,-40%) scale(1.08); }
#dz-site-header[data-compact="true"] .dz-header__search { transform: translateY(-50%); }
.dz-header__mobile { display: none; }
.dz-header__floating-call { display: none; }
.dz-mobile-menu[hidden] { display: none !important; }
.dz-mobile-menu { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; width: 100vw; height: 100vh; height: 100dvh; overflow: hidden; background: #101f23; color: #f7f6f2; font-family: Manrope, ui-sans-serif, system-ui, sans-serif; }
body.admin-bar .dz-mobile-menu { top: 32px; height: calc(100dvh - 32px); }
.dz-mobile-menu__top { display: flex; justify-content: flex-end; flex: none; padding: calc(.75rem + env(safe-area-inset-top)) 1rem .75rem; }
.dz-mobile-menu__close { display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; border: 0; background: transparent; color: inherit; cursor: pointer; }
.dz-mobile-menu__close svg { display: block; width: 24px; height: 24px; }
.dz-mobile-menu__content { display: flex; min-height: 0; width: 100%; max-width: 576px; flex: 1; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; align-self: center; padding: 1rem 1.5rem calc(2rem + env(safe-area-inset-bottom)); }
.dz-mobile-menu__nav { display: flex; flex-direction: column; gap: 8px; margin-block: auto; text-align: center; font-size: 36px; font-weight: 500; line-height: 1.25; letter-spacing: -.025em; }
.dz-mobile-menu__link, .dz-mobile-menu__areas summary { display: flex; min-height: 64px; align-items: center; justify-content: center; padding-block: 4px; color: inherit; text-decoration: none; }
.dz-mobile-menu__areas summary { gap: .75rem; list-style: none; cursor: pointer; }
.dz-mobile-menu__areas summary svg { width: 1rem; height: 1rem; transition: transform .2s; }
.dz-mobile-menu__areas[open] summary svg { transform: rotate(180deg); }
.dz-mobile-menu__areas-list { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-bottom: 12px; padding-bottom: 4px; font-size: 20px; font-weight: 400; letter-spacing: normal; }
.dz-mobile-menu__area-link { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; padding-block: 4px; color: #b9c7c5; font-size: 20px; line-height: 28px; text-decoration: none; }
.dz-mobile-menu__link:hover, .dz-mobile-menu__area-link:hover, .dz-mobile-menu__link[aria-current="page"], .dz-mobile-menu__area-link[aria-current="page"] { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.dz-mobile-menu__actions { display: grid; width: 100%; max-width: 320px; gap: 16px; margin-inline: auto; padding-top: 32px; }
.dz-mobile-menu__search, .dz-mobile-menu__call { display: flex; width: 100%; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.dz-mobile-menu__search { min-height: 56px; padding-inline: 20px; background: #f7f6f2; color: #101f23; }
.dz-mobile-menu__call { min-height: 48px; color: #e2ede8; text-decoration: underline; text-underline-offset: 4px; }
.dz-mobile-menu a:focus-visible, .dz-mobile-menu button:focus-visible, .dz-mobile-menu summary:focus-visible { outline: 2px solid #f7f6f2; outline-offset: 3px; }
#dz-site-header a:focus-visible, #dz-site-header button:focus-visible, #dz-site-header summary:focus-visible, .dz-header__floating-call:focus-visible { outline: 2px solid #2d5d6b; outline-offset: 3px; }
body.dz-mobile-menu-open { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
  #dz-site-header::before, #dz-site-header .dz-header__desktop, #dz-site-header .dz-header__nav-left, #dz-site-header .dz-header__nav-right, #dz-site-header .dz-header__full-logo, #dz-site-header .dz-header__compact-logo, #dz-site-header .dz-header__search { transition: transform .3s cubic-bezier(.2,0,0,1), opacity .3s cubic-bezier(.2,0,0,1), background .3s cubic-bezier(.2,0,0,1); }
}
@media (max-width: 1199px) {
  #dz-site-header { height: 64px; --dz-paper-opacity: .8; }
  #dz-site-header.dz-header--home { --dz-paper-opacity: .04; }
  #dz-site-header::before { transform: none !important; transition-property: transform, opacity; }
  .dz-header__desktop { display: none; }
  .dz-header__mobile { display: flex; min-height: 64px; max-width: 1280px; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 auto; padding: 4px 1rem; }
  .dz-header__mobile-logo { position: relative; display: block; width: 166px; height: 44px; flex: none; }
  .dz-header__mobile-logo .dz-header__logo-art { transform: scale(.7); }
  .dz-header__menu-trigger { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: #0e0d0d; cursor: pointer; }
  .dz-header__menu-icon { display: flex; width: 24px; flex-direction: column; gap: 5px; }
  .dz-header__menu-icon span { display: block; width: 24px; height: 2px; background: currentColor; }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dz-mobile-menu__top { padding-right: 2rem; padding-left: 2rem; }
  .dz-mobile-menu__content { padding-right: 2rem; padding-left: 2rem; }
}
@media (max-width: 782px) {
  body.admin-bar #dz-site-header { top: 46px !important; }
  body.admin-bar .dz-mobile-menu { top: 46px; height: calc(100dvh - 46px); }
}
@media (max-width: 600px) {
  body.admin-bar #dz-site-header { top: var(--dz-admin-mobile-top, 46px) !important; }
  body.admin-bar .dz-mobile-menu { top: var(--dz-admin-mobile-top, 46px); height: calc(100dvh - var(--dz-admin-mobile-top, 46px)); }
}
@media (max-width: 767px) {
  #dz-site-header.dz-header--idx-detail[data-compact="true"]::before { background: rgba(247,246,242,var(--dz-paper-opacity)); backdrop-filter: blur(12px); }
  #dz-site-header.dz-header--idx-detail[data-scroll-hidden="true"] { transform: translateY(-100%); }
  body.admin-bar #dz-site-header.dz-header--idx-detail[data-scroll-hidden="true"] { transform: translateY(calc(-100% - var(--dz-admin-mobile-top, 46px))); }
}
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  #dz-site-header.dz-header--idx-detail { transition: transform .24s ease-in-out; }
}
@media (min-width: 560px) and (max-width: 1199px) {
  .dz-header__mobile { padding-right: 2rem; padding-left: 2rem; }
  .dz-header__mobile-logo { width: 236px; height: 64px; }
  .dz-header__mobile-logo .dz-header__logo-art { transform: scale(1); }
  #dz-site-header, .dz-header__mobile { height: 72px; }
}
@media (min-width: 390px) and (max-width: 767px) {
  .dz-header__floating-call { position: fixed; right: calc(1rem + env(safe-area-inset-right)); bottom: calc(1.5rem + env(safe-area-inset-bottom)); z-index: 45; display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: #203b42; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
  .dz-header__floating-call svg { width: 22px; height: 22px; }
  body.dz-mobile-menu-open .dz-header__floating-call { visibility: hidden; pointer-events: none; }
}
@media (min-width: 1200px) {
  .dz-mobile-menu { display: none !important; }
}

/* Over a dark hero photo the home header is transparent: light nav text with a soft shadow, dark again once the header fills in. */
#dz-site-header.dz-header--home { transition: color .2s ease; }
#dz-site-header.dz-header--home[data-hero-top="true"] { color: #fff; }
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__link,
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__areas-trigger { text-shadow: 0 1px 2px rgba(7,20,24,.55), 0 2px 12px rgba(7,20,24,.6); }
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__menu-trigger { color: #fff; filter: drop-shadow(0 1px 4px rgba(7,20,24,.6)); }

/* Soft light band behind the logo while the home header is transparent over the hero photo (logo itself is untouched). */
#dz-site-header.dz-header--home .dz-header__brand,
#dz-site-header.dz-header--home .dz-header__mobile-logo { isolation: isolate; }
#dz-site-header.dz-header--home .dz-header__brand::before,
#dz-site-header.dz-header--home .dz-header__mobile-logo::before { content: ""; position: absolute; z-index: -1; inset: -6px -14px -2px; border-radius: 14px; background: rgba(247,246,242,.82); box-shadow: 0 0 22px 8px rgba(247,246,242,.55); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__brand::before,
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__mobile-logo::before { opacity: 1; }
#dz-site-header.dz-header--home[data-compact="true"] .dz-header__brand::before { opacity: 0; }
/* Slimmer band on mobile. */
#dz-site-header.dz-header--home .dz-header__mobile-logo::before { inset: -2px -6px 1px; border-radius: 10px; box-shadow: 0 0 14px 4px rgba(247,246,242,.5); }

/* Temporary still-hero presentation. Remove this block to restore the cinematic
   home treatment above; native heroTop and compact-state logic stay intact. */
#dz-site-header.dz-header--home,
#dz-site-header.dz-header--home[data-hero-top="true"] { color: var(--dz-ink); transition: none; }
#dz-site-header.dz-header--home::before {
  background: var(--dz-paper);
  backdrop-filter: none;
  transition-property: transform, opacity;
}
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__link,
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__areas-trigger { text-shadow: none; }
#dz-site-header.dz-header--home[data-hero-top="true"] .dz-header__menu-trigger { color: var(--dz-ink); filter: none; }
#dz-site-header.dz-header--home .dz-header__brand::before,
#dz-site-header.dz-header--home .dz-header__mobile-logo::before { display: none; }
