/* Fixed image frames; only the rendered content moves in depth. */
.image-3d-host{position:relative}
.image-3d-host>img{transition:opacity .55s ease}
.image-3d-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .55s ease}
.image-3d-host.image-3d-ready>img{opacity:0}
.image-3d-host.image-3d-ready>.image-3d-canvas{opacity:1}
.image-3d-host.image-3d-reset>img,.image-3d-host.image-3d-reset>.image-3d-canvas{transition:none}
.client-logo-stage.image-3d-host{animation:none;transform:none;perspective:none}
.client-logo-stage.image-3d-host>img{animation:none;transform:none}
.services-grid .service-visual.image-3d-host{transform:none;will-change:auto}
.services-grid .service-visual.image-3d-host>img{animation:none;transform:none!important;translate:none;rotate:none;scale:none;will-change:auto}
.services-grid .service-visual.image-3d-host>.image-3d-canvas{height:calc(100% - 55px);bottom:55px}
.services-grid .service-visual.image-3d-host:before{display:none}
.news-brand-plaque.image-3d-host,.news-slide-link:hover .news-brand-plaque.image-3d-host{transform:none}
@media(prefers-reduced-motion:reduce){.image-3d-host>img,.image-3d-canvas{transition:none}}
@media print{.image-3d-canvas{display:none!important}.image-3d-host.image-3d-ready>img{opacity:1!important}}

/* Original Microsoft silhouette, presented using the shared spatial renderer. */
.certification-logo{width:min(100%,360px);height:180px;margin-top:20px;isolation:isolate}
.certification-logo>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 14px #29457420)}
.certification-logo.image-3d-reset>img{filter:grayscale(1) brightness(1.7) drop-shadow(0 2px 1px #45648d80)}
.certification-logo.image-3d-ready>.image-3d-canvas{animation:certification-glass 1.5s ease both;filter:drop-shadow(0 10px 14px #29457420)}
@keyframes certification-glass{from{filter:grayscale(1) brightness(1.7) drop-shadow(0 2px 1px #45648d80)}to{filter:grayscale(0) brightness(1) drop-shadow(0 10px 14px #29457420)}}
@media(max-width:760px){.certification-logo{width:min(100%,300px);height:145px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.certification-logo.image-3d-ready>.image-3d-canvas{animation:none}.certification-logo.image-3d-reset>img{filter:none}}