/* v8.81: mirror APPROVED About Us/IT Tools Hero geometry, only for the three remaining pages.
   Preserve all legacy page content, component styles and fixed-header logic. */
@media (min-width:981px) {
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero.vg-about-hero-crisp {
    display:block!important;position:relative!important;isolation:isolate!important;
    width:100%!important;margin:0!important;padding:0!important;
    height:clamp(365px,27vw,465px)!important;min-height:0!important;
    max-height:none!important;overflow:hidden!important;background:#eaf6fd!important;
  }
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero .v701-hero-inner {
    position:relative!important;display:flex!important;align-items:center!important;
    height:100%!important;min-height:0!important;box-sizing:border-box!important;
  }
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero .v701-hero-copy {
    max-width:min(690px,52%)!important;padding-block:32px!important;
    align-self:auto!important;margin:0!important;
  }
}
@media (min-width:601px) and (max-width:980px) {
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero.vg-about-hero-crisp {
    height:auto!important;min-height:390px!important;max-height:none!important;
  }
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero .v701-hero-copy {
    max-width:68%!important;padding-block:55px!important;
  }
}
@media (max-width:600px) {
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero.vg-about-hero-crisp {
    height:auto!important;min-height:0!important;max-height:none!important;
  }
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero .v701-hero-inner {
    min-height:390px!important;height:auto!important;
  }
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero .v701-hero-copy {
    max-width:100%!important;padding-block:45px!important;
  }
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero .v701-office {
    opacity:.26!important;
  }
  body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero .v701-overlay {
    background:rgba(234,246,253,.77)!important;
  }
}
body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero.vg-about-hero-crisp > svg.v703-about-hero-curve {
  display:block!important;position:absolute!important;bottom:-1px!important;
  left:0!important;width:100%!important;height:36px!important;
  z-index:5!important;pointer-events:none!important;
}
@media(max-width:600px){
 body main:is(.vg-services-page,.vg-support-page,.vg-contact-page) > section.vg-about-hero.vg-about-hero-crisp > svg.v703-about-hero-curve {height:19px!important;}
}