/* Глубина изображения, а не движения рабочего интерфейса. */
@media screen {
body.workplace-theme[data-theme="japan-office"] #japanLandscape[data-depth-ready="true"] {
 --j-depth-far-x:0px;--j-depth-far-y:0px;--j-depth-office-x:0px;--j-depth-office-y:0px;
 --j-depth-near-x:0px;--j-depth-near-y:0px;--j-depth-light-x:0px;--j-depth-light-y:0px;
 --j-office-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201672%20941%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22f%22%20x%3D%22-5%25%22%20y%3D%22-8%25%22%20width%3D%22110%25%22%20height%3D%22116%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M480%20315%20L1610%20205%20L1622%20630%20L460%20636%20L460%20482%20L480%20480%20Z%22%20fill%3D%22white%22%20filter%3D%22url%28%23f%29%22%2F%3E%3C%2Fsvg%3E");
}
/* Общий небольшой запас по краям сохраняет цельность кадра при параллаксе. */
body.workplace-theme[data-theme="japan-office"] #japanLandscape[data-depth-ready="true"] .japan-scene {
 inset:calc(-1 * var(--j-depth-padding,16px));z-index:0;
 transform:translate3d(var(--j-depth-far-x),var(--j-depth-far-y),0);
}
#japanDepthStage {position:absolute;left:50%;top:50%;width:var(--j-depth-photo-width,100vw);height:var(--j-depth-photo-height,100vh);transform:translate(-50%,-50%);z-index:2;pointer-events:none;isolation:isolate}
#japanDepthStage>div {position:absolute;inset:0;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
#japanDepthStage .japan-depth-photo {background-image:var(--j-depth-image);will-change:transform}
#japanDepthStage .japan-depth-office,#japanDepthStage .japan-depth-office-shadow {-webkit-mask-image:var(--j-office-mask);mask-image:var(--j-office-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:translate3d(var(--j-depth-office-x),var(--j-depth-office-y),0)}
#japanDepthStage .japan-depth-office-shadow {z-index:1;background:#071c2e4d;filter:blur(8px);transform:translate3d(calc(var(--j-depth-office-x) + 2px),calc(var(--j-depth-office-y) + 8px),0);opacity:.4}
#japanDepthStage .japan-depth-office {z-index:2;filter:contrast(1.025) saturate(1.035)}
#japanDepthStage .japan-depth-foreground {z-index:3;transform:translate3d(var(--j-depth-near-x),var(--j-depth-near-y),0);filter:contrast(1.035) saturate(1.045);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 9%,transparent 29%),linear-gradient(to right,#000 0%,#000 8%,transparent 25%),linear-gradient(to left,#000 0%,transparent 6%);mask-image:linear-gradient(to top,#000 0%,#000 9%,transparent 29%),linear-gradient(to right,#000 0%,#000 8%,transparent 25%),linear-gradient(to left,#000 0%,transparent 6%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/* Оттенки освещения повторяют штатные утро и закат, без двойной тонировки. */
#japanDepthStage[data-phase="dawn"] .japan-depth-photo {background-image:linear-gradient(180deg,#eea7b34a,#f9debf25 55%,#5267a51f),var(--j-depth-image);filter:saturate(.78) brightness(.87)}
#japanDepthStage[data-phase="dusk"] .japan-depth-photo {background-image:linear-gradient(175deg,#9b3b8066,#ffae6b70 48%,#20356666),var(--j-depth-image);background-blend-mode:multiply;filter:saturate(.9) brightness(.78)}
body.workplace-theme[data-theme="japan-office"] #japanLandscapeAtmosphere {z-index:3;background:linear-gradient(180deg,#0c315425,transparent 31%,#0a264b10);box-shadow:inset 0 0 150px #102a3b23}
#japanDepthLight {position:absolute;inset:-18px;z-index:4;pointer-events:none;transform:translate3d(var(--j-depth-light-x),var(--j-depth-light-y),0);background:radial-gradient(ellipse at 70% 8%,#fff6d62e,transparent 44%),linear-gradient(180deg,#a9cfec10 0%,transparent 37%,#0617291a 100%);box-shadow:inset 0 0 180px #07172624}
body[data-japan-phase="night"] #japanDepthLight {background:radial-gradient(ellipse at 23% 3%,#a9c8ff16,transparent 48%),linear-gradient(180deg,transparent 28%,#02091630);box-shadow:inset 0 0 180px #0005}
body[data-japan-phase="night"] #japanLandscapeAtmosphere {background:linear-gradient(180deg,#02091820,transparent 50%,#010b1c25)}
body.workplace-theme[data-theme="japan-office"] #japanWeatherEffects {z-index:6}
body:not([data-theme="japan-office"]) :is(#japanDepthStage,#japanDepthLight) {display:none}
@media(prefers-reduced-motion:reduce){#japanDepthStage .japan-depth-photo {will-change:auto}}
}
@media print {#japanDepthStage,#japanDepthLight {display:none!important}}