/* ToJestDom RC275 — unified brand system + vertically centered header */
:root{
  --tjd-navy:#06182b;
  --tjd-navy-2:#082f55;
  --tjd-blue:#2aa8ff;
  --tjd-blue-2:#65c7ff;
  --tjd-ice:#eef8ff;
  --tjd-line:#dceaf4;
  --tjd-ink:#0c1722;
  --tjd-muted:#60707d;
}
html,body,main,.hero,.section,.projectHero{background:#fff!important}

/* Header: every element shares one vertical centerline. */
.topbar .wrap.nav{
  height:80px!important;
  padding:0 18px!important;
  align-items:center!important;
}
.brand.brandLogo{
  height:56px!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
}
.brand.brandLogo img{
  width:190px!important;
  max-height:56px!important;
  object-position:left center!important;
}
.topbar .navlinks{
  align-items:center!important;
  margin:0 0 0 42px!important;
  font-size:14px!important;
}
.topbar .navlinks a{padding:0!important;display:flex!important;align-items:center!important;min-height:40px!important}
.headerMotto{
  align-items:center!important;
  align-self:center!important;
  margin:0 22px 0 auto!important;
  padding:0!important;
}
.headerMotto img{
  width:250px!important;
  max-height:52px!important;
  object-position:center center!important;
}
.topbar .navcta{
  align-self:center!important;
  margin-left:0!important;
  min-height:44px!important;
}

/* One color language: logo blue + navy + white. */
body:not([data-project-slug]) .hero h1 span{color:var(--tjd-blue)!important}
body:not([data-project-slug]) .eyebrow{color:#516575!important;border-color:#dceaf4!important;background:#f8fcff!important}
body:not([data-project-slug]) .eyebrow:before{background:var(--tjd-blue)!important;box-shadow:0 0 0 4px rgba(42,168,255,.13)!important}
body:not([data-project-slug]) .heroPanel{
  background:
    radial-gradient(circle at 92% 8%,rgba(74,184,255,.22),transparent 34%),
    linear-gradient(135deg,#06182b 0%,#082b4c 58%,#0b4a70 100%)!important;
  box-shadow:0 18px 48px rgba(6,24,43,.14)!important;
}
body:not([data-project-slug]) .heroPanel:before{background:radial-gradient(circle at center,rgba(74,184,255,.30),rgba(74,184,255,0))!important}
body:not([data-project-slug]) .heroPanel p,
body:not([data-project-slug]) .heroStat span{color:#d8edf9!important}

.navcta,.btn.primary{background:linear-gradient(135deg,#0a253f 0%,#0b365c 100%)!important;color:#fff!important}
.navcta:hover,.btn.primary:hover{background:linear-gradient(135deg,#148cd7,#2aa8ff)!important}
.more{color:#168fdc!important}
.more:hover{color:#0675bd!important}
.card:hover{border-color:#a9d8f3!important;box-shadow:0 18px 48px rgba(8,64,102,.10)!important}
.heart.saved{color:#168fdc!important}
.badge{background:#eaf7ff!important;color:#0c659d!important}
.fitResult.ok{background:#eaf7ff!important;color:#0a5d93!important}

/* Project pages use the same blue system. */
body[data-project-slug] .detailPrice{color:#168fdc!important}
.projectAnchorNav a:hover,.projectAnchorNav a.active{border-color:#a9d8f3!important;color:#0a76bd!important;background:#f5fbff!important}
.sectionKicker{color:#168fdc!important}
.roomPanel,.costTotal,.animationInfo{background:linear-gradient(145deg,#06182b,#0a3d67)!important}
.planTabs button.active{background:#082f55!important;border-color:#082f55!important}
.gallery button.active,.gallery button:focus-visible{outline-color:#2aa8ff!important}
.heroGalleryBtn:hover{background:#168fdc!important}
.tjdLbThumb.active{border-color:#65c7ff!important}
.footer{background:#06182b!important;color:#dfeefa!important}

@media(max-width:1250px){
  .headerMotto img{width:205px!important}
}
@media(max-width:1080px){
  .headerMotto{display:none!important}
}
@media(max-width:980px){
  .topbar .wrap.nav{height:72px!important;padding:0 16px!important}
  .brand.brandLogo{height:48px!important}
  .brand.brandLogo img{width:164px!important;max-height:48px!important}
  .topbar .navcta{min-height:40px!important}
}
@media(max-width:650px){
  .topbar .wrap.nav{height:64px!important;padding:0 12px!important}
  .brand.brandLogo{height:42px!important}
  .brand.brandLogo img{width:146px!important;max-height:42px!important}
}