/* Gleiche Hero-Geometrie wie Startseite und Leistungen, bestehende Inhalte/IDs bleiben erhalten. */
.unified-hero.wrap{--scene-height:calc(100dvh - 180px);--rail-size:min(var(--scene-height),calc((94vw - clamp(255px,21vw,400px) - clamp(260px,18vw,330px) - 36px)/1.5));display:grid;grid-template-columns:clamp(255px,21vw,400px) minmax(0,1fr) clamp(260px,18vw,330px);grid-template-rows:auto;column-gap:18px;row-gap:0;align-items:start;padding-top:18px;padding-bottom:48px;margin-top:0;margin-bottom:0}
.unified-hero .unified-copy{grid-column:1;grid-row:1;position:static;width:100%;max-width:none;padding:10px 0 0;align-self:start;color:var(--graphite)}
.unified-hero .unified-copy h1{font-size:clamp(32px,2.65vw,50px);line-height:1.06;letter-spacing:-.045em;margin:0;max-width:100%;overflow-wrap:break-word;hyphens:auto}
.unified-hero .unified-copy h1 span{color:var(--blue)}
.unified-hero .unified-copy .eyebrow{font-size:10px;margin:0 0 20px;color:var(--muted)}
.unified-hero .unified-copy p:not(.eyebrow){font-size:clamp(14px,.95vw,16px);line-height:1.6;margin:20px 0 0;max-width:100%;color:var(--muted);background:none}
.unified-hero .unified-copy .button{margin-top:24px;max-width:100%;font-size:14px}
.unified-hero .unified-stage{grid-column:2;grid-row:1;position:relative;display:block;width:min(100%,calc(var(--scene-height)*1.5));min-height:0;aspect-ratio:1.5;max-width:none;align-self:start;margin:0 0 0 auto;padding:0;isolation:isolate;overflow:visible;background:transparent}
.unified-hero .unified-stage>img{position:relative;display:block;inset:auto;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;z-index:0;margin:0;opacity:1}
.unified-hero .reference-hotspots{position:absolute;inset:0;aspect-ratio:1.5;z-index:1}
.unified-hero .reference-label{font-size:11px;padding:5px 6px}
.unified-hero .unified-rail{grid-column:3;grid-row:1;margin:0;min-width:0;min-height:420px;height:var(--rail-size);padding:22px;background:var(--graphite);color:var(--paper);box-sizing:border-box;border:0}
.unified-hero .unified-rail-inner{position:static;display:flex;flex-direction:column;gap:18px;max-height:100%;height:100%;overflow-y:auto;scrollbar-width:thin;min-height:0}
.unified-hero .unified-rail-inner>.eyebrow,.unified-hero .unified-rail-inner>.rail-brand{font-size:10px;line-height:1.5;letter-spacing:.08em;color:var(--pale);margin:0;border:0;padding:0;text-align:left}
.unified-hero .unified-rail h2,.unified-hero #history-detail h2{font-size:clamp(22px,1.65vw,28px);line-height:1.16;letter-spacing:-.025em;color:var(--signal);margin:0 0 16px;overflow-wrap:anywhere;hyphens:auto}
.unified-hero .unified-rail p{font-size:14px;line-height:1.6;color:#c4d0d5}
.unified-hero .unified-rail .button{margin-top:0;min-height:44px;font-size:14px}
.unified-hero #hero-project-list,.unified-hero #career-tasks{overflow:visible;max-height:none;flex-shrink:0;margin:0}
.unified-hero #career-tasks li{font-size:14px;padding-block:12px}
.unified-hero .contact-value{font-size:17px;padding:18px 0;margin:20px 0}
.unified-hero .download-note{margin-top:0;padding-top:18px;font-size:13px}
.unified-hero .reference-illustration,.unified-hero .news-illustration-note,.unified-hero .illustration-note,.unified-hero .career-caption,.unified-hero .contact-landscape>small{position:static;display:block;margin:6px 0 0;padding:0;background:none;color:var(--muted);font-size:10px;line-height:1.4;text-align:right}
/* Chronik: bestehendes Motiv vollständig zeigen; Archivfoto und Jahresauswahl bleiben erreichbar. */
.unified-hero .company-scene{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:16px;align-content:center;padding:20px;background:#e9deca url('../assets/images/unternehmen-chronik.webp') center/contain no-repeat;overflow:hidden}
.unified-hero .company-scene:before{display:none}
.unified-hero .history-photo{grid-column:1;grid-row:1;width:100%;margin:0;align-self:center}
.unified-hero #history-years{grid-column:2;grid-row:1;align-self:center;padding:0;gap:6px;max-height:100%;overflow-y:auto;scrollbar-width:thin}
.unified-hero #history-years button{min-height:38px;gap:6px}
.unified-hero .history-label{font-size:12px;height:auto;min-height:36px;padding:5px}
.unified-hero .history-dot{width:16px;height:16px;border-width:2px}
.unified-hero #history-years:before{left:7px}
.unified-hero .company-scene .scene-caption{grid-column:1/-1;grid-row:2;margin:0;padding:4px;background:#f2f3eeee;color:#344753;font-size:10px}
.unified-hero .history-date{font-size:24px;color:var(--signal);margin-bottom:16px}
@media(max-width:1279px){
 .unified-hero.wrap{grid-template-columns:minmax(0,1fr);row-gap:24px;padding-top:18px}
 .unified-hero .unified-copy{grid-column:1;grid-row:1;max-width:650px;padding:0}
 .unified-hero .unified-copy h1{font-size:clamp(32px,5vw,48px)}
 .unified-hero .unified-copy p:not(.eyebrow){font-size:16px}
 .unified-hero .unified-stage{grid-column:1;grid-row:2;width:100%;margin:0}
 .unified-hero .unified-rail{grid-column:1;grid-row:3;width:100%;height:auto;min-height:0}
 .unified-hero .unified-rail-inner{height:auto;max-height:none;overflow:visible}
 .unified-hero .unified-rail h2{font-size:27px}
 .unified-hero .company-scene{min-height:360px}
}
@media(max-width:700px){
 .unified-hero .reference-hotspots{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;aspect-ratio:auto}
 .unified-hero .reference-label{font-size:13px;padding:0}
 .unified-hero .company-scene{display:flex;flex-direction:column;aspect-ratio:auto;padding:20px;background-size:contain}
 .unified-hero #history-years{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:none;overflow:visible;order:2;margin:0}
 .unified-hero .history-photo{order:1;margin:0}
 .unified-hero .company-scene .scene-caption{order:3}
 .unified-hero .career-branch{font-size:11px;padding:5px;min-height:36px}
}