/* 0.261003.6 · Praxis mit konstanter Rastergröße sichtbar heranzoomen. */
.projekt-schirm[data-mockup]{position:relative;aspect-ratio:8/5;isolation:isolate}
.mockup-buehne{display:block;position:relative;width:100%;height:100%;transform-origin:0 0;transition:transform 650ms cubic-bezier(.16,1,.3,1)}
.projekt-schirm .mockup-cover{width:100%;height:100%;aspect-ratio:auto;object-fit:fill;transition:none}
a.projekt:hover .projekt-schirm .mockup-cover{transform:none}
.mockup-fenster{display:block;position:absolute;left:var(--screen-x);top:var(--screen-y);width:var(--screen-w);height:var(--screen-h);overflow:hidden;opacity:0;background:var(--grund);transform-origin:0 0;transition:opacity 180ms ease,transform 650ms cubic-bezier(.16,1,.3,1);pointer-events:none}
.mockup-fenster--fest{inset:0;width:100%;height:100%}
.projekt-schirm[data-mockup="feedthemhope"] .mockup-fenster{background:#0a0908}
.mockup-live{display:block;position:absolute;inset:0 auto auto 0;width:1440px;border:0;transform-origin:0 0;pointer-events:none}
.projekt-schirm[data-active="true"] .mockup-buehne{transform:translate(var(--zoom-x),var(--zoom-y)) scale(var(--zoom));will-change:transform}
.projekt-schirm[data-active="true"] .mockup-fenster{opacity:1}
.projekt-schirm[data-active="true"] .mockup-fenster:not(.mockup-fenster--fest){transform:translate(var(--window-x),var(--window-y)) scale(var(--zoom))}
.mockup-fenster--fest{transform:none;transition:opacity 180ms ease}
.projekt-schirm[data-mockup="paropraxis"] .mockup-fenster--fest{transform:translate(var(--screen-x),var(--screen-y)) scale(var(--screen-w));transition:opacity 180ms ease,transform 650ms cubic-bezier(.16,1,.3,1)}
.projekt-schirm[data-mockup="paropraxis"][data-active="true"] .mockup-fenster--fest{transform:none}
.mockup-fenster--start{opacity:0!important}
.projekt-schirm[data-active="false"] .mockup-buehne{transition-duration:350ms}
@media(prefers-reduced-motion:reduce){
 .mockup-buehne,.mockup-fenster{transition:none}
 .projekt-schirm[data-mockup] .mockup-buehne{transform:none;will-change:auto}
 .projekt-schirm[data-mockup] .mockup-fenster{opacity:0}
}
