/* ZYGUTIS_VIEWPORT_BLEED_V4_20261101
   Artwork bleeds to the browser edge; editorial content columns remain unchanged.
   This stylesheet is deliberately version-named so CloudFront cannot serve an
   older cached version of the shared edge rules after the HTML is updated. */
html, body {overflow-x:clip;}
/* The homepage atmospheric SVG is responsive to the viewport, not to
   the maximum width of the editorial content or its earlier 1560px cap. */
body.z-page-home .hero.hero.wrap > svg.hero-atmosphere {
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:none !important;
  right:auto !important;
  pointer-events:none;
}
/* The Portfolio Examples watercolor is rooted at viewport center rather
   than a fixed 1100px illustration aligned to the centered content column. */
body.z-page-portfolio .page {overflow:visible !important;}
body.z-page-portfolio .page > .flow-bg {
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:none !important;
  pointer-events:none !important;
}
/* Case-study and Contact masthead washes extend outside their centered shell.
   The dividers still mark their approved vertical cutoff. We do not touch
   the watercolor art, opacity, photograph, typography, or page content. */
body.z-page-inner main .shell > .intro,
body.z-page-inner main .shell > .hero {
  overflow:visible !important;
}
body.z-page-inner main .shell > .intro::before,
body.z-page-inner main .shell > .intro::after,
body.z-page-inner main .shell > .hero::before,
body.z-page-inner main .shell > .hero::after {
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:100vw !important;
  max-width:none !important;
  pointer-events:none !important;
}