/* ToJestDom RC268 — Noc Architekta */
:root{
  --bg:#f4f0e7;
  --paper:#fffdf8;
  --ink:#101a24;
  --muted:#566069;
  --line:#e3dbcd;
  --accent:#3154d8;
  --accent2:#e8eeff;
  --dark:#101a24;
  --copper:#b86f47;
  --copper-soft:#f1e1d6;
  --stone:#efe8dd;
  --shadow:0 18px 52px rgba(16,26,36,.08);
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink)}
.topbar{background:rgba(244,240,231,.92);border-bottom-color:rgba(227,219,205,.88);backdrop-filter:saturate(140%) blur(8px)}
.brand{color:var(--ink);letter-spacing:-.9px}
.brand span[style]{color:var(--accent)!important}
.navlinks{color:#44505b}
.navlinks a:after{background:var(--copper)}
.navcta,.btn.primary{background:var(--dark);color:#fff;box-shadow:0 12px 28px rgba(16,26,36,.12)}
.navcta:hover,.btn.primary:hover{background:var(--accent);transform:translateY(-1px)}
.btn.secondary{background:rgba(255,253,248,.82);border-color:var(--line);color:var(--ink)}
.btn.secondary:hover{border-color:#caa98f;background:#fff}

body:not([data-project-slug]) .topbar .nav{height:58px}
body:not([data-project-slug]) .hero{padding:6px 0 4px}
body:not([data-project-slug]) .heroGrid{
  grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr);
  gap:28px;
  align-items:center;
}
body:not([data-project-slug]) .eyebrow{
  padding:5px 10px;
  font-size:11px;
  letter-spacing:.02em;
  color:#555f69;
  border-color:#dfd5c5;
  background:rgba(255,253,248,.82)
}
body:not([data-project-slug]) .eyebrow:before{background:var(--copper);box-shadow:0 0 0 4px rgba(184,111,71,.16)}
body:not([data-project-slug]) .hero h1{
  font-size:clamp(42px,3vw,56px);
  line-height:.97;
  letter-spacing:-2.45px;
  max-width:980px;
  margin:8px 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:#59636d;
  max-width:740px;
  margin:0;
}
body:not([data-project-slug]) .heroActions{margin-top:10px;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:18px 18px;
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 15%, rgba(49,84,216,.25) 0, rgba(49,84,216,0) 28%),
    linear-gradient(135deg,#101a24 0%, #16283f 56%, #1c3252 100%);
  box-shadow:0 18px 46px rgba(16,26,36,.14)
}
body:not([data-project-slug]) .heroPanel:before{
  width:220px;height:220px;right:-82px;top:-110px;
  background:radial-gradient(circle at center,rgba(184,111,71,.55),rgba(184,111,71,0));
  opacity:.52
}
body:not([data-project-slug]) .heroPanel h3{font-size:18px;line-height:1.1;margin:0 0 5px;letter-spacing:-.42px}
body:not([data-project-slug]) .heroPanel p{font-size:12px;line-height:1.36;margin:0 0 9px;color:#d7deea}
body:not([data-project-slug]) .heroStats{gap:7px}
body:not([data-project-slug]) .heroStat{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
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:#d7deea}
body:not([data-project-slug]) #projekty.section{padding-top:6px}
body:not([data-project-slug]) .sectionHead h2{font-size:35px;letter-spacing:-1.35px}
body:not([data-project-slug]) .field{background:rgba(255,253,248,.9);border-color:var(--line);border-radius:14px}
body:not([data-project-slug]) .field:focus-within{border-color:#b86f47;box-shadow:0 0 0 3px rgba(184,111,71,.08)}

.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);
  box-shadow:0 8px 26px rgba(16,26,36,.04)
}
.card:hover{border-color:#ceb29b;box-shadow:0 18px 44px rgba(16,26,36,.08)}
.card h3,.price{color:var(--ink)}
.office,.techRow span,.fact span{color:#6a706f}
.fact{background:#f7f3ed}
.more{color:var(--copper);font-weight:900}
.tag{background:rgba(255,253,248,.94);color:#344153;border:1px solid rgba(227,219,205,.76)}
.heart{background:rgba(255,253,248,.96);border:1px solid rgba(227,219,205,.72)}
.heart.saved{color:var(--accent)}
.badge{background:var(--copper-soft);color:#7b4728}
.fitResult{background:#f1ece3}
.fitResult.ok{background:#e9eeff;color:#2742a7}
.footer{background:#101821;color:#d8dde6}
.footer a{color:#c5cddd}
.footer small{color:#8f99aa}

body[data-project-slug] .detailPrice{color:var(--copper)}
body[data-project-slug] .miniFacts div{background:#f6f2eb}
.projectAnchorNav{background:rgba(244,240,231,.95);border-color:var(--line)}
.projectAnchorNav a{color:#54606d}
.projectAnchorNav a:hover,.projectAnchorNav a.active{background:var(--paper);border-color:#d1b29a;color:var(--accent)}
.sectionKicker{color:var(--copper)}
.roomPanel,.costTotal,.animationInfo{background:linear-gradient(145deg,#101a24,#1f3453);color:#fff}
.roomPanel .roomSummary,.costTotal small,.costTotal p,.animationInfo p{color:#d8dff0}
.planTabs button.active{background:var(--dark);border-color:var(--dark)}
.wideMediaCard .mediaCaption{background:rgba(16,26,36,.84)}
.animationInfo .sectionKicker{color:#dfb08f}
.animationInfo a{color:var(--dark)}
.gallery button.active,.gallery button:focus-visible{outline-color:var(--copper)}
.heroGalleryBtn{background:rgba(16,26,36,.76)}
.heroGalleryBtn:hover{background:var(--accent)}
.tjdLbThumb.active{border-color:#d7ad8d}

@media (max-width:1100px){
  body:not([data-project-slug]) .hero{padding:10px 0 5px}
  body:not([data-project-slug]) .heroGrid{grid-template-columns:1fr;gap:12px}
}
@media (max-width:650px){
  body:not([data-project-slug]) .hero h1{font-size:38px;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]) .sectionHead h2{font-size:31px}
}