/* Zamm Devolopers — performance and smooth-loading layer
   Keeps the visual design while reducing off-screen rendering and continuous work. */

picture.responsive-shell-picture{display:contents}

/* Skip layout and paint work for sections that are far below the viewport. */
@supports (content-visibility:auto){
  .desktop-site-shell main > section:not(:first-child),
  .mobile-site-shell main > section:not(:first-child),
  .desktop-site-shell .article-layout,
  .mobile-site-shell .article-layout{
    content-visibility:auto;
    contain-intrinsic-size:auto 780px;
  }
}

/* Images keep their reserved dimensions and decode away from the main thread. */
img{
  max-width:100%;
}

/* Touch devices receive the same depth styling without continuous GPU animation. */
@media (max-width:1050px){
  .z3d-scroll-progress,
  .z3d-ambient-orb,
  .z3d-media-overlay,
  .z3d-card-glare,
  .z3d-card-sheen,
  .z3d-button-sheen{
    display:none!important;
  }

  html.z3d-motion-enabled body,
  .hero-photo img,
  .service-detail-image img,
  .about-photo-wrap img,
  .z3d-float-item,
  .zamm-map-open-btn,
  .floating-actions .float-btn,
  .z3d-motion-section.z3d-section-inview .z3d-motion-heading{
    animation:none!important;
  }

  .z3d-motion-card,
  .z3d-magnetic,
  .hero-photo img,
  .service-detail-image img,
  .about-photo-wrap img{
    will-change:auto!important;
  }
}

/* Respect reduced-data and reduced-motion preferences. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .z3d-scroll-progress,
  .z3d-ambient-orb,
  .z3d-media-overlay,
  .z3d-card-glare,
  .z3d-card-sheen,
  .z3d-button-sheen{
    display:none!important;
  }
}
