/* SMASS Modular World – Project World V1 final – v153d */
.pw-v153d-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,340px);gap:18px;align-items:start;margin-top:22px}
.pw-v153d-stage-card,.pw-v153d-detail-card{border:1px solid rgba(31,53,40,.11);background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(28,50,38,.10);border-radius:26px}
.pw-v153d-stage-card{padding:14px;min-width:0}
.pw-v153d-stage-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:3px 4px 12px}.pw-v153d-stage-head strong{font-size:16px;letter-spacing:-.025em;color:#14261e}.pw-v153d-stage-head span{font-size:10px;color:#74817b;font-weight:850;text-align:right}
.pw-v153d-stage{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#dfe8d7;border:1px solid rgba(31,53,40,.10)}
.pw-v153d-scene-image{width:100%;height:100%;display:block;object-fit:cover}
.pw-v153d-hit{position:absolute;left:var(--left);top:var(--top);width:var(--w);height:var(--h);border:0;background:transparent;padding:0;cursor:pointer;z-index:3;border-radius:18px}.pw-v153d-hit:focus-visible{outline:3px solid rgba(79,139,43,.45);outline-offset:2px}
.pw-v153d-scene-label{position:absolute;left:var(--lx);top:var(--ly);transform:translate(-50%,-50%);z-index:5;border:1px solid rgba(22,43,33,.18);background:rgba(255,255,255,.94);box-shadow:0 7px 18px rgba(27,45,36,.12);border-radius:999px;padding:4px 9px 4px 4px;display:flex;align-items:center;gap:6px;color:#14261e;cursor:pointer;white-space:nowrap;transition:.16s ease}
.pw-v153d-scene-label span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#a3e635;color:#17310b;font-size:9px;font-weight:950;flex:0 0 24px}.pw-v153d-scene-label strong{font-size:9px;line-height:1;font-weight:900;letter-spacing:-.02em}.pw-v153d-scene-label:hover,.pw-v153d-scene-label:focus-visible{transform:translate(-50%,-50%) translateY(-1px);box-shadow:0 10px 22px rgba(27,45,36,.16)}.pw-v153d-scene-label.is-active{border-color:#4f8b2b;box-shadow:0 0 0 2px rgba(79,139,43,.13),0 10px 22px rgba(27,45,36,.16)}.pw-v153d-scene-label.is-active span{background:#4f8b2b;color:#fff}
.pw-v153d-note{margin-top:12px;padding:11px 13px;border-radius:15px;background:#f7f2e5;border:1px solid rgba(143,121,63,.18);font-size:10px;line-height:1.5;color:#6d624c}.pw-v153d-note strong{color:#423922}
.pw-v153d-module-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.pw-v153d-module-tile{border:1px solid rgba(31,53,40,.10);background:#fff;border-radius:15px;padding:8px;display:grid;grid-template-rows:auto auto 66px;text-align:left;cursor:pointer;transition:.16s ease;min-width:0}.pw-v153d-module-tile:hover{transform:translateY(-1px);border-color:rgba(102,151,52,.32)}.pw-v153d-module-tile.is-active{border-color:#8fc62b;box-shadow:0 0 0 2px rgba(143,198,43,.10)}.pw-v153d-tile-head{display:grid;grid-template-columns:19px minmax(0,1fr);gap:5px;align-items:center;min-width:0}.pw-v153d-tile-head b{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#a3e635;color:#17310b;font-size:8px}.pw-v153d-module-tile.is-active .pw-v153d-tile-head b{background:#4f8b2b;color:#fff}.pw-v153d-tile-head strong{font-size:8px;color:#14261e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw-v153d-module-tile small{font-size:7px;color:#78867f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw-v153d-module-tile img{width:100%;height:66px;object-fit:contain;padding:2px;filter:drop-shadow(0 6px 6px rgba(30,48,39,.10))}
.pw-v153d-detail-card{padding:16px;position:sticky;top:88px;min-width:0}.pw-v153d-detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.pw-v153d-detail-kicker{font-size:8px;letter-spacing:.13em;text-transform:uppercase;font-weight:950;color:#638922}.pw-v153d-detail-nav{display:flex;gap:6px}.pw-v153d-detail-nav button{width:29px;height:29px;border-radius:9px;border:1px solid rgba(31,53,40,.12);background:#fff;color:#23372d;font:900 17px/1 inherit;cursor:pointer}.pw-v153d-detail-nav button:hover{background:#f1f6eb}
.pw-v153d-detail-title{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center}.pw-v153d-detail-title>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#4f8b2b;color:#fff;font-size:14px;font-weight:950}.pw-v153d-detail-title h3{margin:0;font-size:21px;letter-spacing:-.04em}.pw-v153d-detail-title p{margin:2px 0 0;font-size:11px;color:#66766e}.pw-v153d-detail-image{height:205px;margin:16px 0 14px;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#f8faf4,#e4ece1);border:1px solid rgba(31,53,40,.09)}.pw-v153d-detail-image img{width:100%;height:100%;object-fit:contain;padding:11px;filter:drop-shadow(0 13px 12px rgba(30,50,39,.18))}.pw-v153d-detail-summary{font-size:12px!important;line-height:1.56!important;margin:0 0 14px!important;color:#45574f!important}.pw-v153d-detail-meta{display:grid;margin:0 0 16px;border-top:1px solid rgba(31,53,40,.10)}.pw-v153d-detail-meta div{display:grid;grid-template-columns:78px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid rgba(31,53,40,.10)}.pw-v153d-detail-meta dt{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#78867f}.pw-v153d-detail-meta dd{margin:0;font-size:10px;font-weight:800;color:#263a31}.pw-v153d-detail-link{width:100%;justify-content:center}.pw-v153d-detail-card>small{display:block;margin-top:8px;text-align:center;color:#87918c;font-size:7.5px;font-weight:800}
@media (max-width:980px){.pw-v153d-workspace{grid-template-columns:minmax(0,1fr) minmax(255px,300px);gap:12px}.pw-v153d-detail-card{padding:13px}.pw-v153d-detail-image{height:175px}.pw-v153d-module-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:820px){.pw-v153d-workspace{grid-template-columns:1fr}.pw-v153d-detail-card{position:relative;top:auto}.pw-v153d-module-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.pw-v153d-stage-head strong{font-size:13px}.pw-v153d-stage-head span{font-size:8px}.pw-v153d-scene-label{padding:3px 7px 3px 3px;gap:4px}.pw-v153d-scene-label span{width:19px;height:19px;flex-basis:19px;font-size:7px}.pw-v153d-scene-label strong{font-size:6.8px}.pw-v153d-module-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-v153d-detail-image{height:185px}}

/* v153e — realistische modulefreie Projektfläche + separate austauschbare Modulobjekte */
.pw-v153d-stage{background:#a9bd8e}
.pw-v153d-scene-image{filter:saturate(.96) contrast(1.03)}
.pw-v153e-module-object{position:absolute;left:var(--ox);top:var(--oy);width:var(--ow);height:auto;z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 10px rgba(20,38,27,.24));transform-origin:center bottom;transition:filter .18s ease,transform .18s ease}
.pw-v153e-module-object.is-active{filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 13px 11px rgba(20,38,27,.28));transform:translateY(-1px) scale(1.015)}
.pw-v153d-hit{z-index:4}
.pw-v153d-scene-label{z-index:6}
@media (max-width:600px){.pw-v153e-module-object{filter:drop-shadow(0 7px 6px rgba(20,38,27,.20))}}

/* v153e2 – Unified Project Scene: gleiche Szene auf Startseite und Projektwelt */
.pw-v153d-stage{background:#8ca477}
.pw-v153d-scene-image{filter:saturate(.92) contrast(1.02) brightness(.99)}
.pw-v153e-module-object{z-index:3}
.pw-v153d-hit{z-index:5}
.pw-v153d-scene-label{z-index:7}

.pw-home-unified-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#8ca477;border:1px solid rgba(31,53,40,.10)}
.pw-home-unified-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}
.pw-home-unified-object{position:absolute;left:var(--ox);top:var(--oy);width:var(--ow);height:auto;z-index:2;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(20,38,27,.22));pointer-events:none}
.pw-home-unified-label{position:absolute;left:var(--lx);top:var(--ly);transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;gap:5px;padding:3px 7px 3px 3px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid rgba(22,43,33,.15);box-shadow:0 5px 14px rgba(27,45,36,.12);font-size:7px;font-weight:900;color:#14261e;white-space:nowrap}
.pw-home-unified-label b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#a3e635;color:#17310b;font-size:7px;flex:0 0 18px}
.pw-home-unified-cta{position:absolute;right:12px;bottom:12px;z-index:4;padding:8px 12px;border-radius:999px;background:rgba(7,24,39,.88);color:#fff;font-size:9px;font-weight:950}
.pw-home-demo--scene:hover .pw-home-unified-bg{transform:none}
@media(max-width:760px){.pw-home-unified-label{display:none}.pw-home-unified-cta{right:9px;bottom:9px;font-size:8px;padding:7px 10px}}

/* v153f Premium fixed scene: final composed campus image, no layered module collage */
.pw-v153f-premium-stage{background:#203127}
.pw-v153f-premium-scene{filter:saturate(1.02) contrast(1.035) brightness(.99)}
.pw-v153f-hit{z-index:4;background:transparent!important;border:0!important;box-shadow:none!important}
.pw-v153f-hit:hover{background:rgba(163,230,53,.035)!important}
.pw-v153f-active-ring{position:absolute;left:var(--lx);top:var(--ly);transform:translate(-50%,-50%);width:31px;height:31px;border-radius:50%;z-index:5;pointer-events:none;opacity:0;border:2px solid #315f24;box-shadow:0 0 0 3px rgba(255,255,255,.88),0 5px 12px rgba(13,35,24,.18);transition:opacity .15s ease,transform .15s ease}
.pw-v153f-active-ring.is-active{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
.pw-home-premium-stage{background:#203127}
.pw-home-premium-scene{filter:saturate(1.02) contrast(1.035) brightness(.99);transition:transform .35s ease}
.pw-home-demo:hover .pw-home-premium-scene{transform:scale(1.012)}
@media(max-width:600px){.pw-v153f-active-ring{width:22px;height:22px;border-width:1.5px;box-shadow:0 0 0 2px rgba(255,255,255,.88)}}

/* v153f1 – Launch polish: exakter Aktivzustand, vollständiger Stage-Hinweis, Future-Text unter Titel */
.pw-v153f-active-ring{display:none!important}
.pw-v153f-active-number{
  position:absolute;left:var(--nx);top:var(--ny);transform:translate(-50%,-50%);
  width:2.28%;aspect-ratio:1/1;border-radius:50%;z-index:6;pointer-events:none;
  display:grid;place-items:center;opacity:0;background:#315f24;color:#fff;
  font-weight:950;font-size:clamp(8px,.78vw,12px);line-height:1;
  box-shadow:0 0 0 2px rgba(255,255,255,.95);transition:opacity .14s ease,background .14s ease;
}
.pw-v153f-active-number.is-active{opacity:1}
.pw-v153d-stage-head span{display:block;white-space:nowrap;overflow:visible;text-overflow:clip;flex:0 0 auto;max-width:none}
.pw-future-title-stack{grid-template-columns:minmax(0,720px);align-items:start}
.pw-future-title-stack>div{display:grid;gap:14px}
.pw-future-title-stack p{margin:0;max-width:700px}
@media(max-width:1100px){.pw-future-title-stack{grid-template-columns:1fr}.pw-future-title-stack p{max-width:760px}}
@media(max-width:600px){.pw-v153f-active-number{width:3.1%;font-size:clamp(6px,1.55vw,9px)}.pw-v153d-stage-head{align-items:flex-start;flex-wrap:wrap}.pw-v153d-stage-head span{white-space:normal;text-align:left;width:100%}}

/* v153f2 – causal alignment fix: preserve premium scene aspect ratio and keep interaction on labels */
.pw-v153f-premium-stage{
  aspect-ratio:1026/492!important;
}
.pw-v153f-premium-scene{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important;
}
.pw-v153f-hit,
.pw-v153f-hit:hover,
.pw-v153f-hit:focus,
.pw-v153f-hit:focus-visible,
.pw-v153f-hit:active,
.pw-v153f-hit.is-active{
  outline:0!important;
  outline-offset:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.pw-v153f-label-hit{
  position:absolute;
  left:var(--ll);top:var(--lt);width:var(--lw);height:var(--lh);
  transform:translate(-50%,-50%);
  z-index:7;
  border:0;
  background:transparent;
  border-radius:12px;
  cursor:pointer;
  padding:0;
}
.pw-v153f-label-hit:hover,
.pw-v153f-label-hit:focus-visible{
  background:rgba(79,139,43,.08);
  box-shadow:0 0 0 2px rgba(79,139,43,.18);
  outline:0;
}
.pw-v153f-active-number{
  width:2.24%!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.pw-v153f-active-number.is-active{
  background:#315f24!important;
  color:#fff!important;
}
.pw-v153d-stage-head{
  padding-right:10px!important;
}
.pw-v153d-stage-head span{
  margin-left:auto;
  padding-right:2px;
}
.pw-v153d-module-tile>small{
  margin-left:24px!important;
  width:calc(100% - 24px)!important;
  text-align:left!important;
}
@media(max-width:600px){
  .pw-v153f-premium-stage{aspect-ratio:1026/492!important}
  .pw-v153d-module-tile>small{margin-left:24px!important;width:calc(100% - 24px)!important}
}