/* ToJestDom RC269 — Mineral Clay */
:root{
  --bg:#f2eee7;
  --paper:#fffdf9;
  --ink:#172024;
  --muted:#626a68;
  --line:#ded6ca;
  --accent:#0f4c4f;
  --accent2:#e4eeeb;
  --dark:#172024;
  --copper:#c26d4d;
  --copper-soft:#f2dfd4;
  --sand:#d8b47a;
  --stone:#ece5da;
  --shadow:0 18px 52px rgba(23,32,36,.08);
}
html,body{background:var(--bg);color:var(--ink)}
.topbar{background:rgba(242,238,231,.94);border-bottom-color:rgba(222,214,202,.9);backdrop-filter:saturate(135%) blur(8px)}
.brand{color:var(--ink)}
.brand span[style]{color:var(--accent)!important}
.navlinks{color:#465150}
.navlinks a:after{background:var(--copper)}
.navcta,.btn.primary{background:var(--dark);color:#fff;box-shadow:0 11px 26px rgba(23,32,36,.12)}
.navcta:hover,.btn.primary:hover{background:var(--accent);transform:translateY(-1px)}
.btn.secondary{background:rgba(255,253,249,.9);border-color:var(--line);color:var(--ink)}
.btn.secondary:hover{border-color:#c9a48f;background:#fff}

body:not([data-project-slug]) .eyebrow{color:#59625f;background:rgba(255,253,249,.84);border-color:#dfd6c8}
body:not([data-project-slug]) .eyebrow:before{background:var(--copper);box-shadow:0 0 0 4px rgba(194,109,77,.14)}
body:not([data-project-slug]) .hero h1{color:var(--ink)}
body:not([data-project-slug]) .hero h1 span{color:var(--copper)}
body:not([data-project-slug]) .hero .lead{color:#5f6867}
body:not([data-project-slug]) .heroPanel{
  background:
    linear-gradient(90deg,rgba(216,180,122,.16),rgba(216,180,122,0) 38%),
    linear-gradient(138deg,#182225 0%,#103a3b 58%,#0f4c4f 100%);
  box-shadow:0 18px 46px rgba(23,32,36,.14)
}
body:not([data-project-slug]) .heroPanel:before{
  background:radial-gradient(circle at center,rgba(194,109,77,.50),rgba(194,109,77,0));
  opacity:.42
}
body:not([data-project-slug]) .heroPanel p,
body:not([data-project-slug]) .heroStat span{color:#d8e1de}
body:not([data-project-slug]) .heroStat{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.11)}
body:not([data-project-slug]) .field{background:rgba(255,253,249,.94);border-color:var(--line)}
body:not([data-project-slug]) .field:focus-within{border-color:var(--copper);box-shadow:0 0 0 3px rgba(194,109,77,.09)}

.card,.fit,.trust article,
body[data-project-slug] .detailMedia,
body[data-project-slug] .detailSide,
body[data-project-slug] .stripItem,
.planViewer,.wideMediaCard,.costBreakdown,.techCard,.descriptionCard,.specBox{
  background:var(--paper);border-color:var(--line)
}
.card{box-shadow:0 5px 18px rgba(23,32,36,.03)}
.card:hover{border-color:#c9ae9d;box-shadow:0 18px 44px rgba(23,32,36,.085)}
.card h3,.price{color:var(--ink)}
.office,.techRow span,.fact span{color:#707572}
.fact{background:#f5f1ea}
.more{color:var(--copper);font-weight:900}
.tag{background:rgba(255,253,249,.95);color:#374442;border:1px solid rgba(222,214,202,.76)}
.heart{background:rgba(255,253,249,.96);border:1px solid rgba(222,214,202,.72)}
.heart.saved{color:var(--copper)}
.badge{background:var(--copper-soft);color:#7d432c}
.fitResult{background:#eee8df}
.fitResult.ok{background:#e1ece9;color:#0d4648}
.footer{background:#151d20;color:#d9dfdd}
.footer a{color:#cad3d0}
.footer small{color:#8d9996}

body[data-project-slug]{background:var(--bg)}
body[data-project-slug] .detailPrice{color:var(--copper)}
body[data-project-slug] .miniFacts div{background:#f5f1ea}
.projectAnchorNav{background:rgba(242,238,231,.96);border-color:var(--line)}
.projectAnchorNav a{color:#56615f}
.projectAnchorNav a:hover,.projectAnchorNav a.active{background:var(--paper);border-color:#c9aa97;color:var(--accent)}
.sectionKicker{color:var(--copper)}
.roomPanel,.costTotal,.animationInfo{background:linear-gradient(145deg,#172024,#0f4648);color:#fff}
.roomPanel .roomSummary,.costTotal small,.costTotal p,.animationInfo p{color:#d8e1de}
.planTabs button.active{background:var(--dark);border-color:var(--dark)}
.wideMediaCard .mediaCaption{background:rgba(23,32,36,.86)}
.animationInfo .sectionKicker{color:#e3b28e}
.animationInfo a{color:var(--dark)}
.gallery button.active,.gallery button:focus-visible{outline-color:var(--copper)}
.heroGalleryBtn{background:rgba(23,32,36,.76)}
.heroGalleryBtn:hover{background:var(--accent)}
.tjdLbThumb.active{border-color:#d79a78}