/* Shared gold actions retain one readable foreground and stable dimensions. */
html[data-design-palette="black"] body :is(.button,button,.mobile-action-bar a,.property .view-property) {
  background:var(--dv-brass); border-color:var(--dv-brass); color:var(--dv-ink);
}
html[data-design-palette="black"] body :is(.button,button,.mobile-action-bar a,.property .view-property):is(:hover,:focus-visible,:active) {
  background:#E3BF77; border-color:#E3BF77; color:var(--dv-ink);
}
html[data-design-palette="black"] body :is(.button,button,.mobile-action-bar a):focus-visible {outline:2px solid var(--dv-brass-ink);outline-offset:4px;}
/* Give the two mobile shortcuts distinct gold and black surfaces. */
html[data-design-palette="black"] body .mobile-action-bar a.mobile-action-value,
html[data-design-palette="black"] body .mobile-action-bar a.mobile-action-value:is(:hover,:focus-visible,:active) {
  background:var(--dv-primary);border-color:var(--dv-primary);color:var(--dv-on-dark);
}
html[data-design-palette="black"] body .site-header a.header-contact:is(:hover,:focus-visible,:active),
html[data-design-palette="black"] body .home-valuation .button:is(:hover,:focus-visible,:active),
html[data-design-palette="black"] body .town-photo-hero .town-hero-copy>.button:is(:hover,:focus-visible,:active),
html[data-design-palette="black"] body footer .button.light:is(:hover,:focus-visible,:active) {background:#E3BF77;border-color:#E3BF77;color:#171717;}
html[data-design-palette="black"] body .property-search-page .property:hover .view-property {background:#E3BF77;border-color:#E3BF77;color:#171717;}
html[data-design-palette="black"] body .site-header .menu-toggle {color:#171717;}
html[data-design-palette="black"] body .site-header {border-bottom:1px solid var(--dv-brass);}
html[data-design-palette="black"] body .home-arrival__jewel::before {background:#171717;}

/* Film sits below the existing readable, even overlay. */
.home-page .hero {isolation:isolate;overflow:hidden;}
.home-page .hero .hero-film-video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;pointer-events:none;}
.home-page .hero .hero-img {z-index:0;}
.home-page .hero.hero-film-ready .hero-film-video {opacity:1;}
.home-page .hero.hero-film-ready .hero-img {opacity:0;}
.home-page .hero::after {z-index:1;}
.home-page .hero .hero-copy {z-index:2;}
.hero-film-toggle {position:absolute;right:24px;bottom:20px;z-index:3;display:flex;align-items:center;gap:8px;border:1px solid var(--dv-brass);border-radius:7px;padding:10px 14px;min-height:44px;font:600 13px/1.3 'DM Sans',sans-serif;cursor:pointer;}
.hero-film-toggle[hidden] {display:none;}
.hero-film-toggle svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hero-film-toggle .pause-mark {display:none;}
.hero-film-toggle[data-playing="true"] .pause-mark {display:block;}
.hero-film-toggle[data-playing="true"] .play-mark {display:none;}

/* A warm outer surface makes the dedicated home search a distinct destination. */
html[data-design-palette="black"] .home-page main>.property-search-band {background:#E4DCCD;padding-top:56px;padding-bottom:56px;}
html[data-design-palette="black"] .home-page .property-search-panel {background:#171717;border:1px solid var(--dv-brass);border-radius:14px;padding:40px 48px;}
html[data-design-palette="black"] .home-page .property-search-band::after {display:none;}
.community-map-section .map-legend {justify-content:center;text-align:center;}
.community-map-section .map-source {max-width:920px;margin-left:auto;margin-right:auto;text-align:center;}
.community-map-section>h1.headline-pair {margin:0 auto 24px;text-align:center;}
.community-map-section>h1 .headline-primary {font-size:clamp(44px,5vw,68px);line-height:1.04;}
.community-map-section>h1 .headline-secondary {font-size:clamp(30px,3vw,42px);line-height:1.1;}
html[data-design-palette="black"] #at-a-glance .town-facts dd {color:var(--dv-brass);}
html body #client-proof.client-proof {scroll-margin-top:12px;}
/* Preserve gold through the more specific legacy action states, too. */
html[data-design-palette="black"] .property-search-page .property-grid .view-property,
html[data-design-palette="black"] body .property-photo-link,
html[data-design-palette="black"] body .chip[aria-pressed="true"] {background:var(--dv-brass);border-color:var(--dv-brass);color:#171717;}
html[data-design-palette="black"] body .chip[aria-pressed="true"] {box-shadow:inset 0 -3px 0 #785516;}
#home-contact .home-contact-actions .button:is(:hover,:focus-visible,:active),
html[data-design-palette="black"] .town-guide-enhanced .town-photo-hero .town-hero-copy>.button:is(:hover,:focus-visible,:active),
html[data-design-palette="black"] .property-search-page .property-grid .property:is(:hover,:focus-visible) .view-property,
html[data-design-palette="black"] :is(.gold-button,.property-search-band .search .button,.property-search-page .search-page-actions .button,.town-home-filters .button):is(:hover,:focus-visible,:active),
html[data-design-palette="black"] body .property-photo-link:is(:hover,:focus-visible,:active),
html[data-design-palette="black"] body .chip[aria-pressed="true"]:is(:hover,:focus-visible,:active) {background:#E3BF77;border-color:#E3BF77;color:#171717;}
@media(max-width:650px){
 .hero-film-toggle {right:18px;bottom:14px;min-height:42px;padding:9px 12px;}
 html[data-design-palette="black"] .home-page main>.property-search-band {padding:34px 18px;}
 html[data-design-palette="black"] .home-page .property-search-panel {padding:30px 22px;}
 .community-map-section .map-source {text-align:center;font-size:13px;line-height:1.6;}
}