/* VRPA Homepage Flow Artwork — scoped to the front page
 * Vector-only illustrations; no JS, no tracking, no external image calls.
 */
body.home{
 --vrpa-art-border:var(--vrpa-black);
 --vrpa-art-shadow:0 23px 66px color-mix(in srgb, var(--vrpa-black) 14.0%, transparent);
}
body.home #brxe-v00032.vrpa-window-graphic{
 display:block!important;
 width:100%!important;
 min-height:0;
 height:clamp(215px,28vw,360px);
 max-width:1200px;
 margin-inline:auto;
 font-size:0!important;
 line-height:0!important;
 letter-spacing:0!important;
 color:transparent!important;
 background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/hero-connected.svg');
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain;
}
body.home .vrpa-windowcontent{
 display:block!important;
 width:100%;
 padding:0!important;
}
body.home .vrpa-under{
 margin-top:68px;
 padding:20px 0;
 width:100%;
}
body.home #brxe-v00059.vrpa-panel{
 min-height:clamp(280px,35vw,435px);
 width:100%;
 font-size:0!important;
 letter-spacing:0!important;
 line-height:0!important;
 background:var(--vrpa-black) url('/wp-content/mu-plugins/vrpa-home-art-20261112/about-technology.svg') center center/contain no-repeat!important;
 border:1px solid var(--vrpa-art-border);
 border-radius:12px!important;
 box-shadow:var(--vrpa-art-shadow);
 overflow:hidden;
}
body.home .vrpa-home-artwork{
 display:block!important;
 width:100%!important;
 max-width:1200px!important;
 margin:28px auto 29px;
 padding:0;
 line-height:0;
 clear:both;
}
body.home .vrpa-art-figure{
 display:block;
 margin:0;
 padding:0;
 line-height:0;
 width:100%;
}
body.home .vrpa-home-artwork img{
 display:block;
 width:100%!important;
 height:auto!important;
 max-width:none!important;
 border:1px solid var(--vrpa-art-border);
 border-radius:17px;
 box-shadow:var(--vrpa-art-shadow);
 background:var(--vrpa-black);
 object-fit:contain;
}
body.home .vrpa-home-artwork-framework{
 margin-top:35px;
}
body.home .vrpa-home-artwork-ai,
body.home .vrpa-home-artwork-delivery{
 margin-top:31px;
}
body.home .vrpa-home-artwork + .vrpa-cards{
 margin-top:10px;
}
body.home .vrpa-home-artwork img:hover{
 border-color:var(--vrpa-gray-800);
}
@media(max-width:900px){
 body.home #brxe-v00032.vrpa-window-graphic{height:clamp(180px,29vw,285px)}
 body.home #brxe-v00059.vrpa-panel{min-height:320px}
 body.home .vrpa-home-artwork{margin:23px auto 21px}
}
@media(max-width:620px){
 body.home #brxe-v00032.vrpa-window-graphic{height:clamp(118px,29vw,180px)}
 body.home .vrpa-under{margin-top:40px;padding:12px 0}
 body.home #brxe-v00059.vrpa-panel{min-height:260px;background-size:contain!important}
 body.home .vrpa-home-artwork{margin:18px auto 18px}
 body.home .vrpa-home-artwork img{border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
 body.home .vrpa-home-artwork img{transition:none!important}
}


/* Responsive, CSS-native flow artwork: no DOM injection or layout shifts */
body.home #brxe-vxframeworkg::before,
body.home #brxe-vxaig::before,
body.home #brxe-vxdeliveryg::before{
 content:"";
 display:block;
 grid-column:1 / -1;
 width:100%;
 align-self:stretch;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:contain;
 border-radius:16px;
 margin:4px 0 18px;
}
body.home #brxe-vxframeworkg::before{
 aspect-ratio:1200 / 386;
 background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/flow-architecture.svg');
}
body.home #brxe-vxaig::before{
 aspect-ratio:1200 / 385;
 background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/flow-automation.svg');
}
body.home #brxe-vxdeliveryg::before{
 aspect-ratio:1200 / 358;
 background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/flow-delivery.svg');
}
@media(max-width:760px){
 body.home #brxe-v00032.vrpa-window-graphic{
  width:min(100%,450px)!important;
  max-width:450px;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:430 / 565;
  background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/hero-connected-mobile.svg');
 }
 body.home #brxe-vxframeworkg::before,
 body.home #brxe-vxaig::before,
 body.home #brxe-vxdeliveryg::before{
  width:100%;
  max-width:470px;
  justify-self:center;
  margin:7px auto 19px;
 }
 body.home #brxe-vxframeworkg::before{
  aspect-ratio:430 / 680;
  background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/flow-architecture-mobile.svg');
 }
 body.home #brxe-vxaig::before{
  aspect-ratio:430 / 750;
  background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/flow-automation-mobile.svg');
 }
 body.home #brxe-vxdeliveryg::before{
  aspect-ratio:430 / 760;
  background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/flow-delivery-mobile.svg');
 }
}