/* Placement hero: layered 3D placement-success scene (the plate image carries its own soft edges) */
.phi[data-scene="placement"] img{aspect-ratio:560/460;object-fit:cover}
.phi[data-scene="placement"] .plc-canvas{max-width:none!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect;left:-16%;width:124%!important;top:-14%;height:128%!important}
@media (max-width:1100px){.phi[data-scene="placement"] .plc-canvas{left:-6%;width:110%!important;top:-8%;height:116%!important}}
@media (max-width:760px){.phi[data-scene="placement"] .plc-canvas{left:-8%;width:116%!important;top:-12%;height:124%!important}}

/* still image is only a fallback (see hero3d.css) */
.phi[data-scene="placement"] img{opacity:0}
.phi[data-scene="placement"]:not(.webgl):not(.run) img{animation:fbShow .4s 10s forwards}
.phi[data-scene="placement"].nogl img{opacity:1;animation:none}