/* Elevated — WHITE + GOLD conversion for legacy dark pages (2026-09-22).
   Loaded AFTER each page's inline <style>. Heroes keep their photo + scrim. */
:root{--obsidian:#FFFFFF;--bone:#F7F4EE;--ink:#111111;--stone:#6B6B6B;
      --gold:#D9B36C;--gold-deep:#8a692e;--rule:#E6E6E6;--block:#F4F4F2}
body{background:#fff;color:#111}

/* header */
header{background:rgba(255,255,255,.95)!important;border-bottom:1px solid #E6E6E6!important}
nav a.link{color:#111!important;opacity:1!important}
nav a.link:hover{color:#8a692e!important}
.navmark span{color:#8a692e!important}

/* hero keeps its image + scrim; only the fade-out colour changes (handled by --obsidian) */
.hero{background:#fff}

/* sections + type */
section{border-top:1px solid #E6E6E6!important}
.eyebrow{color:#8a692e!important}
p.lead,.lead{color:#6B6B6B!important}
h2,h3{color:#111}
.card{background:#F4F4F2!important;border:1px solid #E6E6E6!important}
.card:hover{border-color:#D9B36C!important}
.card p{color:#6B6B6B!important}
.card .num{color:#8a692e!important}

/* buttons */
.cta{border:1px solid #D9B36C!important;color:#111!important;background:transparent!important}
.cta:hover,.cta.solid{background:#D9B36C!important;color:#111!important}
.hero .cta{color:#F7F4EE!important;background:rgba(11,13,16,.28)!important}
.hero .cta:hover,.hero .cta.solid{background:#D9B36C!important;color:#111!important}

/* listing / feature blocks */
.listing{background:#F4F4F2!important;border:1px solid #E6E6E6!important}
.listing .meta{color:#7d7366!important}
.listing .price{color:#8a692e!important}
.listing .oh{background:#D9B36C!important;color:#111!important}

/* forks, strips, banners */
.fork{border-color:#E6E6E6!important}
.fork a{color:#111!important;border-left-color:#E6E6E6!important}
.fork a:hover{background:#D9B36C!important;color:#111!important}
.service-strip{background:#F4F4F2!important;color:#111!important}
.banner{background:#D9B36C!important;color:#111!important}
.banner a{color:#111!important}

/* before/after slider */
.ba{border:1px solid #E6E6E6!important;background:#fff!important}
.ba .handle{background:#fff!important;box-shadow:0 0 0 1px rgba(17,17,17,.18)}
.ba .handle::after{background:#fff!important;color:#111!important}
.ba .tag{background:rgba(17,17,17,.62)!important;color:#fff!important}
.gal img{border:1px solid #E6E6E6!important}
video.film{border:1px solid #E6E6E6!important}

/* forms */
input:not([type=checkbox]),textarea,select{background:#fff!important;border:1px solid #E6E6E6!important;color:#111!important}
input::placeholder,textarea::placeholder{color:#9b9283!important}
form label,legend{color:#6B6B6B!important}
.inquiry{background:#F4F4F2!important;color:#111!important}

/* footer */
footer{border-top:1px solid #E6E6E6!important;background:#F4F4F2}
footer .fm{color:#8a692e!important}
footer p{color:#6B6B6B!important}
footer a{color:#111!important}
footer a:hover{color:#8a692e!important}

/* dialogs / lightboxes */
dialog{background:#fff!important;color:#111!important;border:1px solid #E6E6E6!important}
dialog::backdrop{background:rgba(17,17,17,.82)!important}

/* --- legacy pages hard-code bone/rgba light text for body copy: force to ink/grey --- */
.box p,.top p,.rev p,.plan,.details span,.facts div,.row span,.stat span,.amen span,
.calc .val,.calc .month,.commute .out,#asklog .a,.lead,p.lead,.card p{color:#6B6B6B!important}
h1,h2,h3,h4,strong,b{color:#111}
.commute input{background:#fff!important;border:1px solid #E6E6E6!important;color:#111!important}
footer a{color:#111!important}
nav a.link{color:#111!important}

/* --- anything sitting ON a hero photo stays light --- */
.hero,.hero *{color:#F7F4EE}
.hero h1,.hero .price{color:#F7F4EE!important}
.hero .motto b,.hero .sub,.hero .motto{color:#F7F4EE!important}
.hero .eyebrow{color:#e7cf9d!important}
.hero em,.hero i{color:#D9B36C!important}
.hero .badge,.hero .oh{background:#D9B36C!important;color:#111!important}
.ba .lbl,.ba .tag{color:#fff!important;background:rgba(17,17,17,.62)!important}
/* hero text sits on photos of varying brightness — shadow keeps it legible without a heavier scrim */
.hero h1,.hero .price,.hero .sub,.hero .motto,.hero .eyebrow,.hero em,.hero i{text-shadow:0 2px 20px rgba(11,13,16,.78)}
/* gold submit buttons need ink text, not white */
button[type=submit],button#go,.btn-gold{background:#D9B36C!important;color:#111!important;border-color:#D9B36C!important}
button[type=submit]:hover,button#go:hover{background:#c9a35c!important}
.navmark img{display:block;width:150px;height:auto}
@media(max-width:650px){.navmark img{width:118px}}