/* Präsentationsbewegung: räumliche Bilder, gestaffelte Inhalte, lesbarer Stillstand. */
#app .orb{background:transparent;border:0;box-shadow:none;inset:35%;border-radius:50%}#app .orb:hover{background:#f5d6a908}#app .orb .core-light{display:block;width:16%;height:16%;margin:auto;border-radius:50%;background:#f7e9d2;box-shadow:0 0 24px #ffe8b5,0 0 65px #c8a56d66;animation:core-breathe 5s ease-in-out infinite}#app[data-mode=speaking] .core-light{animation:core-breathe 1.7s ease-in-out infinite}
@keyframes core-breathe{0%,100%{transform:scale(.65);opacity:.35}50%{transform:scale(1.3);opacity:.9}}
#orderDetail.cinematic-order{grid-template-rows:auto minmax(0,1fr) auto auto}.detail-tabs{grid-column:1/-1;display:flex;gap:5px;border-top:1px solid #ffffff12;padding-top:10px}.detail-tabs button{background:none;border:1px solid transparent;border-radius:4px;color:#acb8c0;padding:8px 12px;font-size:11px}.detail-tabs button[aria-pressed=true]{color:#f6d7ad;border-color:#e9c49344;background:#e9c4930b}.detail-tabs button:hover{background:#e9c49315}.concept-stage{overflow:hidden;isolation:isolate}.concept-image{width:100%;height:100%;object-fit:contain;display:block}.concept-stage .concept-image{animation:concept-arrive 1.6s cubic-bezier(.16,1,.3,1) both}.concept-stage .project-caption{font-size:6px;letter-spacing:1px;background:#080d12b0;padding:5px;z-index:2}.concept-scan{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#ffe3b415 49%,transparent 63%);pointer-events:none;animation:concept-scan 2.2s .3s cubic-bezier(.22,1,.36,1) both;mix-blend-mode:screen}
@keyframes concept-arrive{from{opacity:0;transform:perspective(900px) rotateY(-12deg) scale(.82) translateY(25px)}to{opacity:1;transform:perspective(900px) rotateY(0) scale(1) translateY(0)}}@keyframes concept-scan{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
#orderDetail.scope-open{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);grid-template-rows:auto auto minmax(0,1fr)}.scope-open .order-project-stage{grid-column:1;grid-row:3}.scope-open .order-project-info,.scope-open .order-progress{display:none}.scope-open .detail-tabs{grid-row:2}.scope-panel{grid-column:2;grid-row:3;min-height:0;overflow:auto;padding:8px 12px}.scope-panel[hidden]{display:none}.scope-kicker{font:8px monospace;letter-spacing:2px;color:#bba588}.scope-title{font-size:clamp(22px,2.4vw,38px);font-weight:400;margin:12px 0 20px}.scope-grid{display:grid;gap:12px}.scope-card{position:relative;border-top:1px solid #ffffff1a;padding:12px 0 5px 37px;animation:scope-reveal .7s calc(var(--i)*.12s) cubic-bezier(.16,1,.3,1) both}.scope-number{position:absolute;left:0;top:14px;color:#b7a07f;font:10px monospace}.scope-card h4{font-size:clamp(13px,1.1vw,18px);font-weight:500;margin:0 0 8px}.scope-card p{font-size:clamp(11px,.9vw,15px);line-height:1.65;color:#a9b7c0;margin:0}.scope-note{display:block;font-size:9px;color:#8e9ca6;margin-top:15px}.instant-detail *{animation:none!important}@keyframes scope-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
#app.extended-display{display:block;height:100dvh;padding:28px 3vw;overflow:hidden}#app.extended-display> :not(.companion-stage):not(.companion-speech){display:none!important}.companion-stage{height:100%;display:flex;flex-direction:column}.companion-heading{height:auto;padding:0 0 20px;font:10px monospace;letter-spacing:2px;color:#aab7bf}.companion-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:5vw;flex:1;min-height:0;align-items:center}.companion-visual,.companion-summary{min-height:0;position:relative}.companion-visual>.concept-image{height:44vh;animation:concept-arrive 1.5s cubic-bezier(.16,1,.3,1) both}.companion-visual h1,.companion-summary h1{font-size:clamp(30px,4vw,90px);font-weight:400;letter-spacing:-.04em;margin:15px 0}.companion-visual p,.companion-summary p{color:#aebbc4;font-size:clamp(14px,1.4vw,25px)}.companion-value{display:block;font-size:clamp(40px,6vw,140px);font-weight:400;letter-spacing:-.06em;color:#f0d3aa}.companion-visual small{font:9px monospace;color:#80909a}.companion-facts{max-height:100%;overflow:auto}.companion-facts h2{font-size:clamp(24px,2.7vw,60px);font-weight:400;margin:18px 0 30px}.companion-facts .scope-card{padding:22px 0 22px 45px}.companion-facts .scope-card h4{font-size:clamp(16px,1.5vw,30px)}.companion-facts .scope-card p{font-size:clamp(13px,1.1vw,22px)}.companion-status{display:inline-block;margin-top:25px;color:#e1c39e;font:11px monospace;letter-spacing:2px}.companion-summary .concept-image{max-height:30vh}.companion-summary:before{content:'';position:absolute;inset:-12%;background:radial-gradient(ellipse,#bd9e6522,transparent 65%);z-index:-1}
@media(max-width:900px){#orderDetail.scope-open{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.scope-open .order-project-stage{display:none}.scope-panel{grid-column:1}.detail-tabs button{padding:7px;font-size:10px}.companion-body{gap:20px;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){#app .core-light,.concept-image,.concept-scan,.scope-card{animation:none!important;transform:none!important}.concept-scan{display:none}}
#app.dashboard-layout.extended-display{display:block!important;grid-template-rows:none!important;height:100dvh!important;min-height:0!important}.extended-display .companion-stage{height:calc(100dvh - 56px);min-height:0}.companion-heading{flex-shrink:0}.companion-body{height:0}.scope-open .order-detail-top{grid-column:1/-1}.scope-panel{padding-top:0}.scope-panel .scope-title{margin:8px 0 12px}.scope-panel .scope-card{padding:10px 0 6px 30px}.scope-panel .scope-card h4{font-size:14px;margin:0 0 5px}.scope-panel .scope-card p{font-size:12px;line-height:1.5;margin:0}.scope-panel .scope-grid{gap:4px}.scope-panel .scope-note{font-size:8px;margin:8px 0}
.scope-panel>.scope-kicker{margin:0 0 5px;font-size:7px}.scope-panel .scope-title{margin:5px 0 9px;font-size:23px}.scope-panel .scope-card{padding-top:8px;padding-bottom:4px}.scope-panel .scope-note{line-height:1.2;margin:6px 0 0}
@media(min-width:2400px){.scope-panel .scope-title{font-size:36px}.scope-panel .scope-card h4{font-size:23px}.scope-panel .scope-card p{font-size:18px;line-height:1.6}.scope-panel .scope-card{padding:18px 0 18px 38px}.scope-panel .scope-kicker,.scope-panel .scope-note{font-size:11px}}
/* Bildregie: Ansicht wechseln → Motiv enthüllen → durch seine Details fahren. */
#orderDetail .concept-stage{position:relative;min-height:190px;background:#080e14;border:1px solid #dbc39a24;border-radius:8px;perspective:1100px;align-self:stretch}
#orderDetail.scope-open{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.visual-shot{position:absolute;inset:0;overflow:hidden;animation:visual-shutter .8s cubic-bezier(.16,1,.3,1) both}
#orderDetail .visual-shot .concept-image{height:100%;width:100%;object-fit:cover;animation:visual-camera 18s linear infinite alternate;transform-origin:58% 44%;will-change:transform}
.visual-shot[data-shot=overview] .concept-image{object-fit:contain!important}
.visual-shot[data-shot=technology] .concept-image{transform-origin:50% 60%;animation-name:visual-macro!important}
.visual-shot[data-shot=timeline] .concept-image{transform-origin:80% 50%;animation-name:visual-journey!important}
.visual-instruments{position:absolute;inset:7%;pointer-events:none;border:1px solid #f3d8ab25;clip-path:polygon(0 0,20% 0,20% 1%,1% 1%,1% 99%,20% 99%,20% 100%,0 100%,0 0,100% 0,100% 100%,80% 100%,80% 99%,99% 99%,99% 1%,80% 1%,80% 0);z-index:2}
.visual-pin{position:absolute;left:calc(16% + var(--pin)*30%);top:calc(34% + var(--pin)*11%);width:26px;height:26px;display:grid;place-items:center;border:1px solid #ead4ad90;border-radius:50%;background:#07101bb8;color:#fff0d8;font:8px monospace;animation:visual-trace 9s calc(var(--pin)*-3s) linear infinite}
.visual-instruments{clip-path:none;border:0}.visual-instruments:before,.visual-instruments:after{content:'';position:absolute;width:20%;height:15%;border:1px solid #f3d8ab66}.visual-instruments:before{left:0;top:0;border-right:0;border-bottom:0}.visual-instruments:after{right:0;bottom:0;border-left:0;border-top:0}
.visual-label{position:absolute;bottom:0;inset-inline:0;padding:45px 18px 18px;background:linear-gradient(transparent,#060b12e8 55%);z-index:3;pointer-events:none}
.visual-label span,.visual-label small{display:block;font:8px monospace;letter-spacing:1.6px;color:#d4bc97}.visual-label strong{display:block;font-size:clamp(15px,1.35vw,24px);font-weight:400;color:#fff0dc;margin:7px 0 10px}.visual-label small{font-size:6px;letter-spacing:1px;color:#bcc7cf}
.visual-fallback{padding:20px;color:#fff0dc}.scope-card:after{content:'';position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,transparent,#f4d9b2,transparent);transform-origin:left;animation:detail-reading 12s calc(var(--i)*-4s) linear infinite}
.detail-tabs button{transition:color .2s,background .2s,transform .2s}.detail-tabs button:active{transform:scale(.96)}
.companion-visual>.concept-image,.companion-summary .concept-image{object-fit:cover;border-radius:10px;animation:visual-camera 18s linear infinite alternate;clip-path:inset(0 round 10px)}
#app.data-transmitting .workspace{animation:data-panel-arrival .8s cubic-bezier(.16,1,.3,1)}
@keyframes visual-shutter{from{clip-path:inset(0 100% 0 0);transform:translateX(24px)}to{clip-path:inset(0);transform:translateX(0)}}
@keyframes visual-camera{0%{transform:scale(1.04) translateX(-1%)}100%{transform:scale(1.19) translateX(2%) translateY(-1.5%)}}
@keyframes visual-macro{0%{transform:scale(1.04) translateY(2%)}100%{transform:scale(1.25) translateY(-3%)}}
@keyframes visual-journey{0%{transform:scale(1.17) translateX(4%)}100%{transform:scale(1.06) translateX(-2%)}}
@keyframes visual-trace{0%,30%,100%{opacity:.35;transform:scale(.8)}8%,22%{opacity:1;transform:scale(1)}}
@keyframes detail-reading{0%,32%,100%{opacity:0;transform:scaleX(0)}4%{opacity:1;transform:scaleX(.1)}26%{opacity:1;transform:scaleX(1)}}
@keyframes data-panel-arrival{from{filter:brightness(1.3)}to{filter:brightness(1)}}
@media(max-width:900px){#orderDetail.scope-open{grid-template-columns:1fr;grid-template-rows:auto auto minmax(160px,25vh) auto;overflow:auto}.scope-open .order-project-stage{display:block;grid-column:1;grid-row:3;min-height:160px}.scope-panel{grid-column:1;grid-row:4;overflow:visible}.visual-label{padding:20px 12px 10px}.visual-label strong{font-size:15px;margin:4px 0}}
@media(prefers-reduced-motion:reduce){#orderDetail .visual-shot .concept-image,.visual-shot,.visual-pin,.scope-card:after,.companion-visual>.concept-image,.companion-summary .concept-image,#app.data-transmitting .workspace{animation:none!important;transform:none!important}.scope-card:after{display:none}}
html.aura-paused .visual-shot .concept-image,html.aura-paused .visual-pin,html.aura-paused .scope-card:after,html.aura-paused .companion-visual>.concept-image,html.aura-paused .companion-summary .concept-image{animation-play-state:paused!important}

.extended-display .companion-stage{padding-bottom:clamp(170px,24vh,240px)}.companion-speech{display:none}.extended-display .companion-speech{display:grid;grid-template-columns:140px 1fr;gap:10px 24px;position:fixed;left:4vw;right:4vw;bottom:3vh;z-index:20;padding:24px 30px;max-height:21vh;overflow:auto;background:linear-gradient(110deg,#102631f2,#0a121cf7);border:1px solid #72d9db66;border-left:3px solid #9dfef3;border-radius:12px;box-shadow:0 16px 60px #0008}.companion-speech .scope-kicker{grid-column:1/-1;margin:0}.companion-speech p{margin:0;font-size:clamp(18px,1.6vw,30px);line-height:1.45;color:#edf9ff}.companion-speech strong{color:#a3f7ed}.companion-speech[data-mode=speaking]{border-left-color:#fff;box-shadow:0 0 40px #50dbc21c}@media(max-width:700px){.extended-display .companion-speech{grid-template-columns:1fr;padding:16px}.companion-speech strong{display:none}}

.companion-order-list{display:grid;gap:12px;max-height:100%;overflow:auto}.companion-order{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px 20px;border:1px solid #d0b18a33;border-left:2px solid #d0b18a;padding:17px 22px;background:linear-gradient(110deg,#d0b18a0a,#0c151e);border-radius:5px;animation:companion-card .6s calc(var(--i)*.07s) cubic-bezier(.16,1,.3,1) both}.companion-order h3{font-size:clamp(18px,1.5vw,30px);margin:0}.companion-order .scope-kicker{grid-column:1/-1;margin:0}.companion-order p{color:#bbc8d1;margin:0;grid-column:1}.companion-order strong{grid-column:2;grid-row:2;color:#f0d3aa;font-size:clamp(20px,1.7vw,34px)}.companion-order small{grid-column:2;grid-row:3;color:#dce7ee;text-align:right}.companion-chart{display:flex;height:clamp(100px,19vh,240px);gap:clamp(5px,1.2vw,20px);margin:24px 0 12px;align-items:stretch}.companion-column{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;gap:9px}.companion-column i{display:block;width:100%;height:calc(var(--bar)*100%);min-height:3px;transform-origin:bottom;background:linear-gradient(0deg,#b3894f22,#d7b48188,#ffe6bf);border-top:1px solid #fff1d9;box-shadow:0 0 24px #d9b48217;animation:companion-bar .95s calc(var(--i)*.06s) cubic-bezier(.16,1,.3,1) both}.companion-column strong{font-size:clamp(9px,.9vw,16px);color:#f0d3aa;white-space:nowrap}.companion-column small{font-size:clamp(9px,.8vw,14px);color:#becbd4;white-space:nowrap}.companion-body .scope-card{animation:companion-card .6s calc(var(--i)*.07s) cubic-bezier(.16,1,.3,1) both}@keyframes companion-bar{from{transform:scaleY(.02);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes companion-card{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.companion-column i,.companion-order,.companion-body .scope-card{animation:none}}@media(max-height:800px){.companion-visual>.concept-image{height:30vh}.companion-visual h1,.companion-summary h1{font-size:clamp(28px,3vw,64px)}.companion-value{font-size:clamp(38px,4.5vw,100px)}.companion-facts .scope-card{padding:12px 0 12px 40px}.companion-facts h2{margin:10px 0 20px}}
.extended-display .companion-facts .scope-card{padding:14px 0 14px 40px}.extended-display .companion-facts h2{font-size:clamp(25px,2.5vw,44px);margin:8px 0 20px}.extended-display .companion-facts .scope-card p{font-size:clamp(13px,1.1vw,19px);line-height:1.45}.extended-display .companion-speech{max-height:23vh}.companion-column i{flex:0 0 auto;height:calc(var(--bar)*(clamp(100px,19vh,240px) - 50px))}.companion-stage{box-sizing:border-box}.companion-order p{font-size:clamp(12px,1vw,17px)}
.extended-display .companion-body{align-items:stretch}.extended-display .companion-visual{height:100%;min-height:0;display:grid;grid-template-rows:minmax(90px,1fr) auto auto auto auto auto;gap:8px;align-content:stretch}.companion-image-frame{overflow:hidden;min-height:0;border-radius:12px;position:relative}.companion-image-frame .concept-image{display:block;width:100%;height:100%;object-fit:cover;animation:visual-camera 18s linear infinite alternate}.extended-display .companion-visual h1{font-size:clamp(28px,3.5vw,62px);margin:0;line-height:1.1}.extended-display .companion-visual p{margin:0;line-height:1.35}.extended-display .companion-visual .companion-value{font-size:clamp(34px,4.3vw,76px);line-height:1.1}.extended-display .companion-visual .scope-kicker{margin:0}.extended-display .companion-facts .scope-card h4{margin:0 0 8px;line-height:1.2}.extended-display .companion-facts .scope-card p{margin:0}.extended-display .companion-facts .scope-grid{gap:4px}.extended-display .companion-summary{display:flex;flex-direction:column;justify-content:center}.extended-display .companion-summary h1{font-size:clamp(30px,3.6vw,70px);margin:10px 0}.extended-display .companion-summary>.companion-value{font-size:clamp(44px,6vw,100px);line-height:1.2}.extended-display .companion-summary>p{margin:8px 0}.extended-display .companion-summary .concept-image{object-fit:cover;min-height:0}.extended-display .companion-order{padding:12px 18px}.aura-paused .companion-image-frame .concept-image{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.companion-image-frame .concept-image{animation:none}}

/* Sprachgeführte Regie: die aktive Aussage bestimmt die große Präsentationsfläche. */
.companion-heading{gap:20px;align-items:center}.companion-fullscreen{margin-left:auto;color:#fff0d9;border:1px solid #ad875e;background:#1a1714;padding:10px 18px;border-radius:5px;font:inherit;cursor:pointer;white-space:nowrap}.companion-fullscreen:focus-visible{outline:2px solid #ffdfb2;outline-offset:4px}
.companion-body{position:relative}.direction-badge{position:absolute;right:0;top:-20px;font:11px monospace;letter-spacing:.2em;color:#ffd4a0}
.companion-stage[data-focus] .companion-value{animation:hero-number .9s cubic-bezier(.16,1,.3,1) both;transform-origin:left bottom}
.companion-stage[data-focus] .scope-card,.companion-stage[data-focus] .companion-order{animation:fact-flight .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0)*85ms)}
.companion-stage[data-focus=growth] .companion-column i{animation:growth-rise 1.4s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*90ms);transform-origin:bottom}
.order-constellation{display:grid;grid-template-columns:repeat(15,1fr);gap:5px;margin-top:20px;max-width:530px}.order-constellation i{height:9px;border:1px solid #c79962;background:#b0814938;animation:packet-flight .65s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*17ms)}
.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-bottom:1px solid #8c72564d;padding-bottom:20px;margin-bottom:20px}.project-metrics small{display:block;font:10px monospace;letter-spacing:.12em;color:#c9b59c;margin-bottom:9px}.project-metrics strong{font-size:clamp(16px,2vw,34px);color:#ffe3bf}
.companion-stage[data-focus=nordlicht] .companion-image-frame{animation:project-reveal 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes hero-number{from{opacity:0;transform:translateY(35px) scale(.94)}to{opacity:1;transform:none}}
@keyframes fact-flight{from{opacity:0;transform:translateX(65px) rotateY(-8deg)}to{opacity:1;transform:none}}
@keyframes packet-flight{from{opacity:0;transform:translate(50px,-40px)}to{opacity:1;transform:none}}
@keyframes growth-rise{from{transform:scaleY(.04);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes project-reveal{from{opacity:0;transform:translateX(-45px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.companion-stage[data-focus] *{animation:none!important;transition:none!important}}
.aura-paused .companion-stage *{animation-play-state:paused!important}
.companion-facts{min-width:0;overflow-x:hidden}.project-metrics{min-width:0}.project-metrics>div{min-width:0}.project-metrics strong{font-size:clamp(16px,1.7vw,30px)}
.companion-stage[data-focus=nordlicht] .companion-facts{display:flex;flex-direction:column;overflow:hidden}
.companion-stage[data-focus=nordlicht] .project-metrics{padding-bottom:12px;margin-bottom:12px;flex-shrink:0}
.companion-stage[data-focus=nordlicht] .companion-facts>h2{font-size:clamp(22px,2vw,36px);line-height:1.15;margin:8px 0 12px}
.companion-stage[data-focus=nordlicht] .companion-facts>.scope-kicker{margin:8px 0}
.companion-stage[data-focus=nordlicht] .scope-grid{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:0}
.companion-stage[data-focus=nordlicht] .scope-card{min-width:0;padding:10px 0 10px 35px}
.companion-stage[data-focus=nordlicht] .scope-card h4{font-size:clamp(16px,1.3vw,26px);margin-bottom:6px}
.companion-stage[data-focus=nordlicht] .scope-card p{font-size:clamp(12px,.95vw,18px);line-height:1.35}
.companion-stage[data-focus=nordlicht] .companion-status{flex-shrink:0;margin-top:12px;font-size:10px}

.arrival-companion-core{position:relative;align-self:center;justify-self:center;width:min(32vw,400px);aspect-ratio:1;display:grid;place-items:center;color:#ffe0b2;font:12px monospace;letter-spacing:.2em}.arrival-companion-core i{position:absolute;inset:0;border:1px solid #d2ac7666;border-radius:50%;box-shadow:inset 0 0 50px #e6bd7e12;animation:welcome-orbit 8s linear infinite}.arrival-companion-core i:nth-child(2){inset:14%;border-style:dashed;animation-direction:reverse}.arrival-companion-core i:nth-child(3){inset:28%;border-width:2px;border-color:#ffe2ba33}.arrival-companion-core:before{content:'';position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse,#d9b48122,transparent 70%)}@keyframes welcome-orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.arrival-companion-core i{animation:none}}