/* VSN / LIGHT AS ARCHITECTURE. The canvas is decorative; content owns interaction. */
.vsn-experience { --sculpture-room-styles-ready:1; }
.dimension-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; contain:strict; }
.dimension-ready.hero-stage > .dimension-canvas { z-index:0; }
.dimension-ready.hero-stage .hero-ground,.dimension-ready.hero-stage .hero-grid { opacity:0; }
.dimension-ready.hero-stage .signature-orbit svg { opacity:.16; }
.dimension-ready.hero-stage .signature-wordmark { opacity:.017; }
.dimension-ready.dp-hero > .dimension-canvas { z-index:0; }
.dimension-ready.dp-hero .dp-hero-outline { opacity:.18!important; }
.dimension-ready.dp-hero .dp-signature-diagram { opacity:.25; }
.dimension-ready.dp-hero .dp-depth-floor { opacity:.25; }
.dimension-ready.spatial-room .spatial-vault,.dimension-ready.spatial-room .spatial-floor { opacity:0; }
.dimension-ready.spatial-room > .dimension-canvas { z-index:1; }
.world-stage > .dimension-canvas { z-index:0; }
.world-stage .world-shade,.world-stage .world-topline,.world-stage .world-copy,.world-stage .world-bottom,.world-stage .world-controls,.world-stage .world-progress { z-index:1; }
/* Light has a physical source: a fine edge carries a broad, restrained penumbra. */
.dimension-ready.hero-stage::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg,var(--bg) 0%,transparent 40%,transparent 92%,color-mix(in srgb,var(--signature-accent) 4%,transparent)); opacity:.38; }
.dimension-ready.dp-hero::after { background:linear-gradient(90deg,var(--bg),transparent 54%),linear-gradient(0deg,var(--bg),transparent 16%); z-index:0; opacity:.55; }
.dimension-ready .hero-art,.dimension-ready .dp-sculpture { isolation:isolate; }
@media (max-width:760px) {
 .dimension-ready.hero-stage > .dimension-canvas { mask-image:linear-gradient(transparent 40%,#000 54%,#000 76%,transparent 87%); }
 .dimension-ready.dp-hero > .dimension-canvas { mask-image:linear-gradient(transparent 27%,#000 42%,#000 76%,transparent 90%); }
 .dimension-ready.spatial-room > .dimension-canvas { opacity:.32; }
}
@media (prefers-reduced-motion:reduce) {
 .dimension-canvas { transition:none; }
}
/* Smooth, depth-tested metal replaces the flat-strip environment when available. */
.sculpture-room-canvas { position:absolute; inset:0; display:block; width:100%; height:100%; z-index:0; pointer-events:none; contain:strict; }
.sculpture-room-ready > .dimension-canvas { display:none!important; }
.spatial-room.sculpture-room-ready > .sculpture-room-canvas { z-index:1; }
.sculpture-room-ready .spatial-vault,.sculpture-room-ready .spatial-floor { opacity:0; }