/*
 * DENLYX PLATFORM PRODUCTION v1.0.20
 * Single owner for the About Us / Our Purpose tree motion.
 * The SVG receives a guaranteed visible zoom where the live viewport permits;
 * the composition remains vertically anchored and shifts horizontally only as
 * required to keep the enlarged tree inside the viewport.
 */

@media (min-width:1280px) and (prefers-reduced-motion:no-preference){
  html body.dx-about-page{
    overflow-x:clip!important;
  }

  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"]{
    overflow:visible!important;
  }

  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"]>.dx-about-purpose-grid{
    overflow:visible!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }

  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] .dx-about-purpose-copy{
    transform:translate3d(var(--dx1920-purpose-copy-x,0px),0,0)!important;
    transform-origin:left center!important;
    translate:none!important;
    scale:none!important;
    will-change:transform!important;
  }

  /* Neutralize all earlier outer-container motion. The information panel stays
     fixed while only the actual operating-tree SVG enlarges. */
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] .dx-about-network,
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] #dx-cinematic-network,
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] #dx-cinematic-network .dx-wrap{
    transform:none!important;
    translate:none!important;
    scale:none!important;
    overflow:visible!important;
  }

  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] #dx-cinematic-network svg{
    transform:
      translate3d(var(--dx1920-purpose-map-x,0px),0,0)
      scale(var(--dx1920-purpose-map-scale,1))!important;
    transform-origin:center center!important;
    transform-box:border-box!important;
    translate:none!important;
    scale:none!important;
    will-change:transform!important;
  }

  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] #dx-cinematic-network .dx-info{
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }
}

@media (min-width:1280px) and (max-height:820px) and (prefers-reduced-motion:no-preference){
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"]>.dx-about-purpose-grid{
    padding-top:clamp(62px,8vh,78px)!important;
    padding-bottom:18px!important;
  }
}

@media (prefers-reduced-motion:reduce), (max-width:1279px){
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] .dx-about-purpose-copy,
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] .dx-about-network,
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] #dx-cinematic-network svg{
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }
}