/* Approved depth motion, progressively enhanced over the existing reveal. */
.dream-scene { position:absolute; inset:0; transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0); transition:transform 800ms cubic-bezier(.2,.65,.25,1); }
.dream-foreground { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity 500ms ease; mask-image:linear-gradient(transparent 69%,#000 85%); -webkit-mask-image:linear-gradient(transparent 69%,#000 85%); }
.dream-foreground img { filter:saturate(.76) sepia(.12) brightness(1.04); transform:translate3d(var(--foreground-x,0px),var(--foreground-y,0px),0); transition:transform 800ms cubic-bezier(.2,.65,.25,1); }
.dream-has-depth .dream-foreground { opacity:1; }
.dream-has-depth .dream-scene,.dream-has-depth .dream-foreground img { will-change:transform; }
@media(prefers-reduced-motion:reduce) { .dream-scene { transform:none; transition:none; } .dream-foreground { display:none; } }