/* Wall scenes (wall.js): a room drawn to scale, the framed live poster on top, then props,
   then light. Shared by the poster maker and the landing page. */
.scene{position:relative;container-type:inline-size;overflow:hidden;background:#e7e2d9;isolation:isolate}
.scene-layer{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.scene-shade{mix-blend-mode:multiply}   /* shading away from the window, leaf shadows */
.scene-sun{mix-blend-mode:screen}       /* daylight through the window */
.scene-frame{position:absolute;box-shadow:.6cqw 1.2cqw 2cqw rgba(35,28,20,.28),.12cqw .25cqw .5cqw rgba(35,28,20,.25)}
.scene-frame.lean{transform:perspective(240cqw) rotateX(2.6deg);transform-origin:50% 100%;
  box-shadow:1cqw .5cqw 2.4cqw rgba(35,28,20,.30),.15cqw .2cqw .5cqw rgba(35,28,20,.28)}
.scene-frame.black{background:linear-gradient(135deg,#2c2c2c,#141414)}
.scene-frame.oak{background:linear-gradient(135deg,#caa070,#a8794a)}
.scene-frame.white{background:linear-gradient(135deg,#fbfaf7,#e6e2da)}
/* frame edges catch the light on the top-left, fall into shadow bottom-right */
.scene-frame::before{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset .12cqw .12cqw 0 rgba(255,255,255,.22),inset -.12cqw -.12cqw 0 rgba(0,0,0,.35)}
/* glass: a faint diagonal reflection */
.scene-frame::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,0) 45%)}
.scene-mat{position:absolute;background:#f7f5f0;box-shadow:inset .12cqw .12cqw .35cqw rgba(0,0,0,.2)}
.scene-poster{position:absolute;overflow:hidden;background:#fbfaf7}
.scene-poster svg{width:100%;height:100%;display:block}
.scene-poster::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset .15cqw .2cqw .4cqw rgba(0,0,0,.25)}
/* the mat's cut edge shows a thin white core */
.scene-mat .scene-poster{box-shadow:0 0 0 .2cqw #fffdf8,0 0 0 .3cqw rgba(0,0,0,.1)}
.scene-mat .scene-poster::after{box-shadow:inset .08cqw .1cqw .2cqw rgba(0,0,0,.18)}
