/* Überarbeitung 04: mehr Raum für die interaktive Gebäudeansicht. */
.hero-action>.rail-inner{display:flex;flex-direction:column;gap:24px}
.hero-action:not(.has-selection) .detail-title{font-size:clamp(26px,2.1vw,36px);line-height:1.14;letter-spacing:-.035em;text-transform:none;color:var(--signal)}
.detail-title{hyphens:auto;overflow-wrap:anywhere}
.rail-inner .detail-kicker{font-size:10px}
.rail-inner .detail-list{margin-top:28px}
.rail-inner .detail-list li{padding-block:12px}
.rail-inner .detail-list li:before{top:21px}
.rail-inner .detail-list li:after{top:18px}
.company-grid>div>p:not(.eyebrow){color:#c4d0d5}
.quality-list{padding-top:0;display:grid;gap:18px}
.quality{border:1px solid #3d535f;border-left:3px solid var(--signal);background:#1c2932;padding:28px;grid-template-columns:40px 1fr;gap:12px 18px;align-content:center}
.quality .number{font-size:24px;line-height:1.25;color:var(--signal);padding-top:3px}
.quality h3{font-size:clamp(23px,1.7vw,30px);line-height:1.22}
.quality p{color:#c4d0d5;font-size:16px}
.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 40px}
.news-item:nth-child(2){padding-top:0}
.news-item img,.news-image-empty{aspect-ratio:1.6;width:100%;object-fit:contain;background:var(--paper)}
.news-image-empty{display:grid;place-items:center;color:var(--muted);font-size:16px}
.news-copy h3{font-size:clamp(24px,2vw,30px)}
.news-copy h3 a:hover{color:var(--signal)}
.building-help{display:none}
@media(min-width:1001px) and (max-width:1279px){.building-label[data-system=camera]{top:11%}}
@media(max-width:1279px){.hero-action{display:block}.hero-action>.rail-inner{max-width:680px;margin:0}.hero-action .system-detail{grid-area:auto}.rail-mark{display:block}}
@media(max-width:760px){
 .quality{padding:24px 18px;grid-template-columns:30px 1fr;gap:12px}.quality .number{font-size:21px}.quality h3{font-size:23px}
 .news-grid{grid-template-columns:1fr}
}
@media(max-width:1000px){
 /* Verständliche Symbole statt einer doppelten nummerierten Legende. */
 .building-label,.building-connections{display:none}
 .building-help{display:block;font-size:13px;color:var(--muted);margin-top:14px}
 .building-hotspot svg{display:block;width:19px;height:19px}.building-hotspot .hotspot-number{display:none}
 .building-hotspot{width:30px;height:30px}
 .hero-visual{overflow-x:auto;padding-bottom:8px}
 .building-scene{min-width:680px}
 .building-hotspot{left:var(--x);top:var(--y)}
 .hero-visual figcaption{position:sticky;left:0;max-width:100%;padding:8px 0}
}
@media print{.company{background:white;color:var(--graphite)}.company .quality{background:white}.company .quality p,.company-grid>div>p:not(.eyebrow){color:var(--muted)}}

/* Six equal previews from each full local content pool. */
#projects,#news{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;align-items:start}
#projects .project{grid-row:auto}#projects img{width:100%;aspect-ratio:1.5;object-fit:cover}
#news .news-item{padding-top:0;min-width:0}#news img,#news .news-image-empty{width:100%;aspect-ratio:1.5;height:auto;object-fit:contain}
#projects h3,#news h3{font-size:clamp(22px,1.8vw,29px)}
@media(max-width:1000px){#projects,#news{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#projects,#news{grid-template-columns:minmax(0,1fr);gap:36px}}
