/* Share the page background rather than repainting it in individual sections. */
.header{background:rgba(15,23,42,.22);border-bottom-color:rgba(148,163,184,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none}
#connectivite .factory-panorama{background:transparent;border:0;border-radius:0;isolation:isolate;overflow:hidden}
.workshop-grid{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse 65% 68% at 50% 53%,#000 25%,rgba(0,0,0,.85) 53%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 65% 68% at 50% 53%,#000 25%,rgba(0,0,0,.85) 53%,transparent 78%)}
.workshop-grid-wall,.workshop-grid-floor{position:absolute;inset:0;background-image:linear-gradient(rgba(125,180,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(125,180,255,.13) 1px,transparent 1px);background-size:74px 74px}
.workshop-grid-wall{bottom:58%;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}
.workshop-grid-floor{top:40%;bottom:-60%;left:-35%;right:-35%;transform-origin:50% 0;transform:perspective(650px) rotateX(48deg) rotateZ(-9deg);mask-image:linear-gradient(transparent,#000 15%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 70%,transparent)}
#connectivity-illustration{position:relative;z-index:1}
.factory-panorama .equipment-leaders,.factory-panorama .factory-marker{z-index:2}
@media(max-width:800px){.header nav{background:rgba(15,23,42,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.workshop-grid-wall,.workshop-grid-floor{background-size:48px 48px}}
/* Restore the original equipment illustration without a painted grid.
   Lighten compositing lets the shared site gradient replace its dark matte.
   The gradient uses viewport coordinates, exactly like body::before. */
#connectivite .factory-panorama{background-image:var(--app-gradient);background-attachment:fixed;background-size:100vw 100vh;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 7%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 7%,#000 88%,transparent);-webkit-mask-composite:source-in}
#connectivity-illustration{mix-blend-mode:lighten;filter:brightness(.82);opacity:.96}
.workshop-grid{z-index:0}
#connectivite .factory-panorama{opacity:.9}
