/* IoT hero: layered 3D microchip scene (the plate image carries its own soft edges) */
.phi[data-scene="iot"] img{aspect-ratio:560/460;object-fit:cover;opacity:0}
/* the still image is only a fallback: shown if WebGL is unavailable, or if the 3D scene has not started after 10s */
.phi[data-scene="iot"].nogl img{opacity:1}
.phi[data-scene="iot"]:not(.webgl):not(.run) img{animation:iotFallback .4s 10s forwards}
@keyframes iotFallback{to{opacity:1}}
.phi[data-scene="iot"] .iot-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:-10%;width:132%!important;top:-16%;height:132%!important}
@media (max-width:1100px){.phi[data-scene="iot"] .iot-canvas{left:-12%;width:124%!important}}
@media (max-width:760px){.phi[data-scene="iot"] .iot-canvas{left:-8%;width:116%!important;top:-12%;height:124%!important}}