/* The supplied case-study layout is retained; only obsolete template chrome is suppressed. */
.mxd-loader,
.mxd-page-transition,
#header.mxd-header {
  display: none !important;
}

html,
body {
  overflow-x: clip;
}

video {
  max-width: 100%;
}

/* Wetility media is full-bleed; the surrounding copy keeps its original grid. */
:is(.project-wetility, .project-kudusure) #app .mxd-container.fullwidth-container:has(.mxd-images-grid),
:is(.project-wetility, .project-kudusure) #app .mxd-container.fullwidth-container:has(> .mxd-divider) {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0;
  padding-right: 0;
}

:is(.project-wetility, .project-kudusure) #app .mxd-images-grid,
:is(.project-wetility, .project-kudusure) #app .mxd-images-grid > .container-fluid,
:is(.project-wetility, .project-kudusure) #app .mxd-divider,
:is(.project-wetility, .project-kudusure) #app .mxd-divider :is(img, video, .mxd-divider__image) {
  width: 100%;
  max-width: none;
}