/* ToJestDom RC267 — premium architectural identity */
:root{
  --bg:#f4f0e8;
  --paper:#fffdfa;
  --ink:#171e1c;
  --muted:#6d716c;
  --line:#ded6ca;
  --accent:#1c5a52;
  --accent2:#dce9e4;
  --dark:#17221f;
  --copper:#b67649;
  --copper-soft:#efe0d1;
  --stone:#ebe5dc;
  --shadow:0 18px 55px rgba(38,31,23,.09);
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink)}
.topbar{background:rgba(244,240,232,.91);border-bottom-color:rgba(222,214,202,.9)}
.brand{letter-spacing:-.9px;color:var(--ink)}
.brand span[style]{color:var(--accent)!important}
.navlinks{color:#46504c}
.navlinks a{position:relative}
.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--copper);transition:.2s}
.navlinks a:hover:after{right:0}
.navcta,.btn.primary{background:var(--dark);color:#fff;box-shadow:0 9px 24px rgba(23,34,31,.10)}
.navcta:hover,.btn.primary:hover{background:var(--accent);transform:translateY(-1px)}
.btn.secondary{background:rgba(255,253,250,.86);border-color:var(--line)}
.btn.secondary:hover{border-color:#c8b49f;background:#fff}

/* Homepage: compact, emotional, premium */
body:not([data-project-slug]) .topbar .nav{height:58px}
body:not([data-project-slug]) .hero{padding:9px 0 5px}
body:not([data-project-slug]) .heroGrid{
  grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);
  gap:38px;
  align-items:center;
}
body:not([data-project-slug]) .heroGrid>div:first-child{max-width:1080px}
body:not([data-project-slug]) .eyebrow{
  padding:5px 10px;
  font-size:11px;
  letter-spacing:.02em;
  color:#555f59;
  border-color:#ddd5c8;
  background:rgba(255,253,250,.78)
}
body:not([data-project-slug]) .eyebrow:before{background:var(--copper);box-shadow:0 0 0 4px var(--copper-soft)}
body:not([data-project-slug]) .hero h1{
  font-size:clamp(42px,3.1vw,57px);
  line-height:.98;
  letter-spacing:-2.35px;
  max-width:1050px;
  margin:7px 0 7px;
}
body:not([data-project-slug]) .hero h1 span{color:var(--accent)}
body:not([data-project-slug]) .hero .lead{
  font-size:15.5px;
  line-height:1.42;
  color:#5d625e;
  max-width:860px;
  margin:0;
}
body:not([data-project-slug]) .heroActions{margin-top:9px;gap:8px}
body:not([data-project-slug]) .heroActions .btn{padding:9px 15px;font-size:13px}
body:not([data-project-slug]) .heroPanel{
  min-height:0;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(138deg,#18231f 0%,#183f38 100%);
  box-shadow:0 15px 45px rgba(28,34,30,.12)
}
body:not([data-project-slug]) .heroPanel:before{
  width:220px;height:220px;right:-78px;top:-108px;
  background:radial-gradient(circle at center,rgba(182,118,73,.72),rgba(182,118,73,0));
  opacity:.52
}
body:not([data-project-slug]) .heroPanel h3{font-size:18px;line-height:1.1;margin:0 0 4px;letter-spacing:-.45px}
body:not([data-project-slug]) .heroPanel p{font-size:12px;line-height:1.35;margin:0 0 9px;color:#d2d9d5}
body:not([data-project-slug]) .heroStats{gap:6px}
body:not([data-project-slug]) .heroStat{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.11)}
body:not([data-project-slug]) .heroStat b{font-size:19px;line-height:1}
body:not([data-project-slug]) .heroStat span{font-size:9.5px;color:#d1d9d5}
body:not([data-project-slug]) #projekty.section{padding-top:8px}
body:not([data-project-slug]) #projekty .sectionHead{margin-bottom:11px;align-items:center}
body:not([data-project-slug]) #projekty .sectionHead h2{font-size:36px;letter-spacing:-1.3px}
body:not([data-project-slug]) #projekty .sectionHead p{display:none!important}
body:not([data-project-slug]) #projekty .catalogTools{margin-bottom:15px}
body:not([data-project-slug]) .field{background:rgba(255,253,250,.9);border-color:var(--line);border-radius:14px}
body:not([data-project-slug]) .field:focus-within{border-color:#b99a7e;box-shadow:0 0 0 3px rgba(182,118,73,.08)}

/* Cards: let the architecture do the selling */
.card{background:var(--paper);border-color:var(--line);box-shadow:0 5px 20px rgba(38,31,23,.035)}
.card:hover{border-color:#cdb59f;box-shadow:0 18px 48px rgba(47,38,29,.11)}
.cardBody{gap:13px}
.office{color:#79756e;font-weight:700;letter-spacing:.01em}
.card h3{color:var(--ink)}
.fact{background:#f5f1ea}
.fact span{color:#7b7973}
.price{color:var(--ink)}
.more{color:var(--copper);font-weight:900}
.tag{background:rgba(255,253,250,.92);color:#35403b;border:1px solid rgba(222,214,202,.75)}
.heart{background:rgba(255,253,250,.94);border:1px solid rgba(222,214,202,.65)}
.heart.saved{color:var(--copper)}

/* Supporting homepage modules */
.fit,.trust article{background:var(--paper);border-color:var(--line);box-shadow:0 12px 34px rgba(38,31,23,.045)}
.badge{background:var(--copper-soft);color:#744621}
.fitResult{background:#eeeae2}
.fitResult.ok{background:#e1eee9;color:#174e46}
.footer{background:#151d1b;color:#d9ddd9}
.footer a{color:#cdd1ce}
.footer small{color:#8f9893}

/* Project detail: same identity, clearer hierarchy */
body[data-project-slug]{background:var(--bg)}
body[data-project-slug] .projectHero{padding-top:22px}
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)}
body[data-project-slug] .detailMedia{box-shadow:0 16px 48px rgba(40,31,23,.08)}
body[data-project-slug] .detailSide{box-shadow:0 16px 48px rgba(40,31,23,.055)}
body[data-project-slug] .detailSide .badge{background:var(--copper-soft);color:#744621}
body[data-project-slug] .detailPrice{color:var(--copper)}
body[data-project-slug] .miniFacts div{background:#f5f1ea}
body[data-project-slug] .stripItem{background:#faf7f1}
.projectAnchorNav{background:rgba(244,240,232,.95);border-color:var(--line)}
.projectAnchorNav a{color:#555e59}
.projectAnchorNav a:hover,.projectAnchorNav a.active{background:var(--paper);border-color:#cdb59f;color:var(--accent)}
.sectionKicker{color:var(--copper)}
.roomPanel,.costTotal,.animationInfo{background:linear-gradient(150deg,#17221f,#184d45);color:#fff}
.roomPanel .roomSummary,.costTotal small,.costTotal p,.animationInfo p{color:#d2d9d5}
.planTabs button.active{background:var(--dark);border-color:var(--dark)}
.techRow span{color:#6d716c}
.wideMediaCard .mediaCaption{background:rgba(23,34,31,.86)}
.animationInfo .sectionKicker{color:#d7ad8d}
.animationInfo a{color:var(--dark)}
.gallery button.active,.gallery button:focus-visible{outline-color:var(--copper)}
.heroGalleryBtn{background:rgba(23,34,31,.75)}
.heroGalleryBtn:hover{background:var(--accent)}
.tjdLbThumb.active{border-color:#d7ad8d}

@media (min-width:1101px){
  body:not([data-project-slug]) .grid{gap:16px}
}
@media (max-width:1100px){
  body:not([data-project-slug]) .hero{padding:18px 0 8px}
  body:not([data-project-slug]) .heroGrid{grid-template-columns:1fr;gap:14px}
  body:not([data-project-slug]) .heroPanel{max-width:none}
}
@media (max-width:650px){
  body:not([data-project-slug]) .hero h1{font-size:39px;letter-spacing:-1.7px;margin-top:8px}
  body:not([data-project-slug]) .hero .lead{font-size:15px}
  body:not([data-project-slug]) .heroPanel{display:none}
  body:not([data-project-slug]) #projekty.section{padding-top:12px}
  body:not([data-project-slug]) #projekty .sectionHead h2{font-size:31px}
}