/* Product previews stay centred while their environments move with the scroll. */
.project-scene-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.work-art-gallery .saas-art::after, .work-art-gallery .portal-art::after { background: linear-gradient(180deg,#100b203d,transparent 33%,transparent 77%,#12071c57); }
.product-stage { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.saas-art .project-art-heading, .saas-art .project-art-footer,
.portal-art .project-art-heading, .portal-art .project-art-footer { z-index: 3; }
.saas-art .saas-browser {
 top: 57%; left: 50%; width: 86cqw; height: 84cqw;
 transform: translate(-50%,-50%) scale(.88); transform-origin: center;
 border: .2cqw solid #ffffff; border-radius: 1.6cqw;
 box-shadow: 0 4cqw 9cqw #14094359,0 .6cqw 1.6cqw #160b4a2e;
}
.portal-art .exhibitor-browser {
 top: 57%; left: 50%; width: 89cqw;
 transform: translate(-50%,-50%) scale(.8); transform-origin: center;
 border: .2cqw solid #ffffff; border-radius: 1.6cqw;
 box-shadow: 0 4cqw 9cqw #501c1759,0 .6cqw 1.6cqw #481b152e;
}
@media (max-width: 600px) {
 .saas-art .saas-browser, .portal-art .exhibitor-browser { top: 56%; }
}

/* A separate environment preserves depth without moving the product UI. */
.website-art { background: #073b38; }
.work-art-gallery .website-art::after { background: linear-gradient(180deg,#0118171a,transparent 35%,transparent 80%,#0118174d); }
.website-art .project-art-heading, .website-art .project-art-footer { z-index: 3; }
.website-art .website-composition {
 inset: auto; top: 57%; left: 50%; width: 90cqw; height: 91cqw;
 transform: translate(-50%,-50%) scale(.85); transform-origin: center;
}
.website-art .website-browser {
 top: 4cqw; left: 0; width: 86cqw; transform: rotate(-4deg);
 border: .2cqw solid #ffffff; border-radius: 1.5cqw;
 box-shadow: 0 4cqw 9cqw #001c2866,0 .6cqw 1.6cqw #001c2833;
}
.website-art .website-mobile {
 top: 45cqw; left: 65cqw; transform: rotate(5deg);
 box-shadow: 0 2cqw 5cqw #00191d80;
}
@media (max-width: 600px) {
 .website-art .website-composition { top: 57%; }
}