/* ==========================================================
   DBG Architektur V8 – precision / final polish
   ========================================================== */

/* ---------- Hero floor plan: calmer technical hierarchy ---------- */
.hero-v6 .hero-floorplan .plan-labels text{paint-order:stroke;stroke:rgba(15,18,22,.94);stroke-width:10px;stroke-linejoin:round}
.hero-v6 .hero-floorplan .plan-labels .plan-title{stroke-width:13px;letter-spacing:2.5px}
.hero-v6 .hero-floorplan .dim-label{stroke-width:8px;fill:#b9bec3}
.hero-v6 .hero-floorplan .plan-openings path{stroke-width:2.2}
.hero-v6 .hero-floorplan .plan-fixtures path,.hero-v6 .hero-floorplan .plan-fixtures rect,.hero-v6 .hero-floorplan .plan-fixtures ellipse,.hero-v6 .hero-floorplan .plan-fixtures circle{stroke:rgba(255,255,255,.50)}

/* ---------- Vision hero: application on the empty side ---------- */
.vision-page-hero-v8{justify-content:flex-end;background:linear-gradient(135deg,#11161c 0%,#1d242b 65%,#242b31 100%)}
.vision-page-hero-v8 .page-hero-copy{width:min(54%,780px);max-width:none}
.vision-hero-model-v8{position:absolute;left:4.5%;top:12%;bottom:10%;width:min(43vw,650px);z-index:1;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);overflow:hidden}
.vision-hero-model-v8 .vhm-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:38px 38px}
.vision-hero-model-v8 svg{position:absolute;inset:8% 7% 12%;width:86%;height:80%}
.vision-hero-model-v8 path,.vision-hero-model-v8 circle{fill:none;stroke:rgba(244,246,247,.63);stroke-width:1.7;vector-effect:non-scaling-stroke}
.vision-hero-model-v8 .accent{stroke:var(--gold)}.vision-hero-model-v8 .dim{stroke:rgba(200,29,50,.52)}
.vhm-label{position:absolute;padding:7px 9px;background:rgba(12,16,21,.78);border:1px solid rgba(255,255,255,.12);font-size:7px;letter-spacing:.14em;color:#c8cdd1}.vhm-label span{color:var(--gold);margin-right:6px}.vhm-label.l1{left:8%;bottom:10%}.vhm-label.l2{left:41%;bottom:5%}.vhm-label.l3{right:6%;bottom:14%}
.vision-inline-logo{display:block;width:min(270px,78%);height:auto;margin:0 0 28px;mix-blend-mode:multiply}
.vision-values-v8 article{position:relative}.vision-value-icon{width:64px;height:64px;margin-bottom:22px;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.vision-value-icon svg{width:100%;height:100%}.vision-value-icon path,.vision-value-icon circle{fill:none;stroke:#22272c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vision-value-icon .accent{stroke:var(--gold)}.vision-values-v8 article:hover .vision-value-icon{transform:translateY(-5px) rotate(-1deg)}
.vision-system-v8{min-height:680px}.vision-system-v8 .vision-system-graphic{position:relative;overflow:hidden;background:#ece8e0;display:block}.vision-system-v8 .vision-system-graphic img{position:absolute;inset:8% 5% 13%;width:90%;height:79%;object-fit:contain;filter:contrast(1.03) saturate(.94);box-shadow:0 24px 54px rgba(0,0,0,.12);background:#fff}.vision-drawing-label{position:absolute;left:7%;bottom:6%;display:flex;align-items:center;gap:16px;color:#171b20}.vision-drawing-label span{font-size:7px;letter-spacing:.16em;color:#6e7276}.vision-drawing-label strong{font-size:12px;font-weight:600}
.vision-start-v8{position:relative}.vision-start-sketch{position:absolute;left:3%;bottom:-10%;width:34%;height:86%;opacity:.14;pointer-events:none}.vision-start-sketch svg{width:100%;height:100%}.vision-start-sketch path{fill:none;stroke:#17191c;stroke-width:2}.vision-start-sketch .accent{stroke:#8d754e}.vision-start-v8 .project-start-copy{padding-left:4%}

/* ---------- Services hero + process visual ---------- */
.services-page-hero-v7 .services-hero-system{top:12%;height:50%;right:6%}
.services-page-hero-v7 .page-hero-blueprint{top:8%;height:76%}
.service-process-model-v8{height:260px;margin-top:34px;position:relative;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.018);overflow:hidden}
.service-process-model-v8 .spm-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px}
.service-process-model-v8 svg{position:absolute;inset:4% 5% 15%;width:90%;height:81%}.service-process-model-v8 .spm-drawing path{fill:none;stroke:rgba(255,255,255,.7);stroke-width:2;vector-effect:non-scaling-stroke}.service-process-model-v8 .spm-drawing .accent{stroke:var(--gold)}.service-process-model-v8 .spm-phases path{stroke:rgba(255,255,255,.18);stroke-width:1}.service-process-model-v8 .spm-phases circle{fill:var(--gold);stroke:none}.service-process-model-v8>span{position:absolute;left:16px;bottom:12px;font-size:7px;letter-spacing:.14em;color:#9ca2a7}

/* ---------- Scrollen.Bauen canvas: more room, clearer finished object ---------- */
.build-story-v6 .house-stage{background:radial-gradient(circle at 56% 48%,rgba(199,165,106,.09),transparent 30%),linear-gradient(145deg,#101419,#171d23)}
.build-story-v6 .house-canvas{inset:0 0 5%;width:100%;height:95%;filter:drop-shadow(0 42px 42px rgba(0,0,0,.30))}
.build-story-v6 .house-stage-note{color:#8d949a;letter-spacing:.16em}

/* ---------- Compare: same project, crisp plan / project reality ---------- */
.compare-real{background:#11161c;box-shadow:0 28px 70px rgba(17,20,24,.15)}
.compare-real .compare-image-side img{width:100%;height:100%;object-fit:cover;image-rendering:auto;filter:none!important}
.compare-real .compare-side-plan img{object-position:center}
.compare-real .compare-side-build img{object-position:center 48%}
.compare-real .compare-caption{backdrop-filter:blur(8px);background:rgba(14,18,23,.75)}

/* ---------- Project photography & archive ---------- */
.home-project-media img,.project-card-v6-media img,.project-board img{image-rendering:auto;filter:saturate(.96) contrast(1.045) brightness(1.01);transform:translateZ(0)}
.projects-hero-showcase{top:8%;height:72%;right:3.5%}
.project-board img{width:100%;height:100%;object-fit:cover;display:block}
.board-plan img,.board-development img{object-fit:cover;background:#f1eee8}
.project-card-v6-media img[src$=".svg"]{object-fit:cover;background:#f1eee8}

/* ---------- Portals: add one visual route without clutter ---------- */
.portal-route{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:16px;align-items:center;margin:0 0 24px;padding:0 2px;color:#6a6e72}.portal-route span{font-size:7px;letter-spacing:.15em}.portal-route i{height:1px;background:linear-gradient(90deg,rgba(17,20,24,.15),rgba(199,165,106,.65),rgba(17,20,24,.15));position:relative}.portal-route i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--gold)}

/* ---------- Neutral CTA palette: distinct from papyrus, not signal-gold ---------- */
.project-start-v6{background:linear-gradient(135deg,#c7c1b7 0%,#d4cec5 58%,#beb7ad 100%)!important}
.project-start-v6:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--red),var(--gold));opacity:.75}
.project-start-copy .eyebrow{color:#6e5b42}.start-action{background:rgba(255,255,255,.26);border-color:rgba(17,18,20,.20)}
.team-join-cta{background:linear-gradient(135deg,#c9c3b9,#d8d2c9)!important}
.team-join-cta .eyebrow{color:#705d42}

/* ---------- Team hero: visual higher; logo floats without a card ---------- */
.team-hero-network{top:9%;height:58%;right:5%}
.thn-core{width:158px;height:94px;background:transparent;border:0;box-shadow:none;padding:0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}
.thn-core img{width:100%;height:auto;filter:none}

/* ---------- ProjectAgent Leo: real logo, clear identity ---------- */
.baupilot-brandmark{width:52px;height:36px!important;display:flex;align-items:center;justify-content:center;background:#fff;padding:5px 6px;border-radius:1px;overflow:hidden}
.baupilot-brandmark img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain}
.baupilot-head{grid-template-columns:52px 1fr 38px;gap:12px}
.baupilot-head strong .agent-role{font-size:8px;font-weight:500;color:#979ca1;letter-spacing:.06em}
.baupilot-avatar{width:30px;height:26px;font-size:6px;letter-spacing:.04em}
.baupilot-message{grid-template-columns:30px 1fr}
.baupilot-actions{grid-column:2}
.baupilot-launcher-copy small{letter-spacing:.09em}

/* ---------- Better subpage art spacing ---------- */
.career-hero-nodes{bottom:auto;top:16%;height:190px}
.page-hero-v6 .page-hero-copy{padding-bottom:1.5vh}

/* ---------- Mobile ---------- */
@media(max-width:1180px){
  .vision-page-hero-v8{justify-content:flex-start}.vision-page-hero-v8 .page-hero-copy{width:auto;max-width:760px}.vision-hero-model-v8{left:auto;right:-6%;width:52vw;opacity:.42}
  .projects-hero-showcase{top:11%;right:-2%}
  .team-hero-network{top:12%;right:-4%}
}
@media(max-width:800px){
  .hero-v6 .hero-floorplan .plan-labels text{stroke-width:15px}.hero-v6 .hero-floorplan .plan-title{stroke-width:18px}
  .vision-hero-model-v8{right:-32%;top:11%;width:92vw;height:48%;opacity:.30;border:0}.vision-page-hero-v8 .page-hero-copy{width:100%}
  .vision-inline-logo{width:210px;margin-bottom:22px}
  .vision-values-v8{grid-template-columns:1fr}.vision-value-icon{width:56px;height:56px}
  .vision-system-v8 .vision-system-graphic{min-height:400px}.vision-system-v8 .vision-system-graphic img{inset:8% 4% 18%;width:92%;height:74%}.vision-drawing-label{left:6%;right:6%;bottom:8%;justify-content:space-between}
  .vision-start-sketch{left:auto;right:-18%;width:68%;opacity:.09}.vision-start-v8 .project-start-copy{padding-left:0}
  .services-page-hero-v7 .services-hero-system{top:10%;right:-22%;height:43%}
  .service-process-model-v8{height:190px}.service-process-model-v8 svg{inset:3% 2% 18%;width:96%;height:79%}
  .projects-hero-showcase{top:9%;right:-30%;height:52%}
  .team-hero-network{top:8%;right:-24%;height:44%}.thn-core{width:125px;height:74px}
  .career-hero-nodes{top:9%;right:-24%;height:150px}
  .portal-route{grid-template-columns:auto 1fr auto;gap:10px}.portal-route span:nth-of-type(2),.portal-route i:nth-of-type(2){display:none}
  .project-start-v6{background:linear-gradient(145deg,#c9c3ba,#d6d1c8)!important}
  .baupilot-head{grid-template-columns:46px 1fr 34px}.baupilot-brandmark{width:46px;height:32px!important}.baupilot-head strong .agent-role{display:none}
}
@media(max-width:540px){
  .hero-v6 .hero-blueprint-field{right:-48%;width:145vw;top:8vh;height:55vh;opacity:.50}
  .vision-hero-model-v8{right:-48%;width:118vw;opacity:.22}.vhm-label{display:none}
  .projects-hero-showcase{right:-42%;top:10%;width:108vw}
  .team-hero-network{right:-34%;opacity:.22}.career-hero-nodes{right:-36%;opacity:.22}
  .service-process-model-v8{height:165px}
  .portal-route{display:none}
}
@media(prefers-reduced-motion:reduce){
  .vision-value-icon,.team-hero-network,.services-hero-system{transition:none!important;animation:none!important}
}

/* References hero uses the empty side deliberately: visuals left, copy right. */
@media(min-width:1181px){
  .projects-page-hero-v7{justify-content:flex-end}
  .projects-page-hero-v7 .page-hero-copy{width:min(53%,800px);max-width:none}
  .projects-page-hero-v7 .projects-hero-showcase{left:3.5%;right:auto;width:min(43vw,680px)}
}
/* V8.1 – hero floorplan: real circulation and clean door openings */
.hero-v6 .hero-floorplan .plan-gaps path{stroke:rgba(14,17,21,.99);stroke-width:12;vector-effect:non-scaling-stroke;stroke-linecap:butt;fill:none}
.hero-v6 .hero-floorplan .plan-openings path{stroke:rgba(237,241,244,.84);stroke-width:1.85;stroke-linecap:square}
@media(max-width:700px){.hero-v6 .hero-floorplan .plan-gaps path{stroke-width:15}}
/* Leo header: full company wordmark remains readable */
.baupilot-brandmark{width:78px;height:38px!important;padding:4px 7px}
.baupilot-head{grid-template-columns:78px 1fr 38px}
@media(max-width:800px){.baupilot-head{grid-template-columns:68px 1fr 34px}.baupilot-brandmark{width:68px;height:34px!important}}