/*
 * Management visual pass — About company.
 * The legacy placeholder is replaced by a single corporate engineering visual.
 * If Management selects another image in WPBakery, that image becomes authoritative
 * immediately: the replacement applies only while the legacy attachment is present.
 */

html body.home #company.rsc-release-134 .rsc-v22-about-top{
  align-items:flex-start!important;
}

html body.home #company.rsc-release-134 .rsc-v22-about-copy,
html body.home #company.rsc-release-134 .rsc-v22-about-media{
  align-self:start!important;
  margin-top:0!important;
  padding-top:0!important;
}

html body.home #company.rsc-release-134 .rsc-v22-about-copy>.wpb_wrapper>.rsc-v11-kicker:first-child{
  margin-top:0!important;
}

html body.home #company.rsc-release-134 .rsc-v22-about-photo{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:none!important;
}

html body.home #company.rsc-release-134 .rsc-v22-about-photo .vc_single_image-wrapper{
  width:100%!important;
  height:100%!important;
  display:block!important;
  margin:0!important;
  overflow:hidden!important;
}

html body.home #company.rsc-release-134 .rsc-v22-about-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
}

/*
 * The old April attachment is the image Management tried to replace in WPBakery.
 * While it remains selected, render the new corporate illustration from the theme.
 * Once another media item is selected, this selector no longer matches and WPBakery's
 * chosen image is shown normally — no CSS background can override the editor anymore.
 */
html body.home #company.rsc-release-134 .rsc-v22-about-photo:has(img[src*="ChatGPT-Image-20-"]) {
  background:
    url("./media/about-company-engineering.svg")
    54% center/cover no-repeat!important;
}

html body.home #company.rsc-release-134 .rsc-v22-about-photo:has(img[src*="ChatGPT-Image-20-"]) img{
  display:none!important;
}

@media(min-width:761px){
  html body.home #company.rsc-release-134 .rsc-v22-about-top{
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;
    gap:0!important;
  }

  html body.home #company.rsc-release-134 .rsc-v22-about-copy{
    position:relative!important;
    z-index:2!important;
    padding-right:clamp(36px,4vw,70px)!important;
  }

  html body.home #company.rsc-release-134 .rsc-v22-about-media{
    position:relative!important;
    z-index:1!important;
    width:calc(100% + clamp(58px,5.4vw,94px))!important;
    margin-left:clamp(-94px,-5.4vw,-58px)!important;
  }

  html body.home #company.rsc-release-134 .rsc-v22-about-photo{
    height:520px!important;
    min-height:520px!important;
  }
}

@media(max-width:760px){
  html body.home #company.rsc-release-134 .rsc-v22-about-photo{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }

  html body.home #company.rsc-release-134 .rsc-v22-about-photo:has(img[src*="ChatGPT-Image-20-"]) {
    background-position:58% center!important;
  }
}
