/* The eager poster and canvas share exactly the same square camera gate. */
.box-canvas,.box-poster{position:absolute;inset:0 0 42px;width:100%;height:calc(100% - 42px);pointer-events:none}
.box-poster img{display:block;width:100%;height:100%;object-fit:contain}
.box-canvas{opacity:0}
.box-stage .box-perspective{visibility:hidden}
/* Atomic swap after a real frame: no fade from an empty stage. */
.box-stage[data-renderer=webgl] .box-canvas{opacity:1}
.box-stage[data-renderer=webgl] .box-poster{visibility:hidden}
.box-stage .hero-coffee-photo{width:41%;top:14%;right:-3%;z-index:0}
.box-stage .box-toolbar{z-index:2}
.box-stage[data-renderer=webgl] .scene-photo-glow{background:radial-gradient(ellipse at 45% 57%,#ba81552e,transparent 65%)}
@media(max-width:560px){.box-stage .hero-coffee-photo{width:43%;top:13%;right:-2%}}
@media(prefers-reduced-motion:reduce){.box-canvas{display:none!important}}