/* v7.31 | WHY CHOOSE VGAINT - reference image compact layout. Scoped to section only.
   Builds on approved v7.27-v7.30. Preserve full white page and all frozen components. */
main.vg-about-page > section.vg-about-section:has(> .vg-about-why){
  padding-top:16px !important;
  padding-bottom:28px !important;
  margin-top:0 !important;
  background:#fff !important;
}
main.vg-about-page > section.vg-about-section > .vg-about-why.vg-site-container{
  box-sizing:border-box !important;
  width:calc(100% - 44px) !important;
  max-width:1600px !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
  transform:none !important;
}
main.vg-about-page .vg-about-why-head{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
  align-items:start !important;
  column-gap:clamp(24px,4vw,72px) !important;
  margin:0 !important;
}
main.vg-about-page .vg-about-why .vg-about-eyebrow{
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  letter-spacing:.115em !important;
  margin:0 0 8px !important;
}
main.vg-about-page .vg-about-why-head h2{
  font-size:clamp(25px,2.55vw,36px) !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  margin:0 !important;
}
main.vg-about-page .vg-about-why-head > p{
  font-size:clamp(13px,1.16vw,16px) !important;
  line-height:1.65 !important;
  max-width:440px !important;
  margin:18px 0 0 !important;
  justify-self:start !important;
}
main.vg-about-page .vg-about-why .vg-about-reasons.v727-why-reasons{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  column-gap:clamp(14px,2.2vw,34px) !important;
  row-gap:22px !important;
  margin-top:26px !important;
}
main.vg-about-page .vg-about-why .v727-why-reasons > article.v727-reason{
  gap:clamp(10px,1.3vw,16px) !important;
  align-items:flex-start !important;
}
main.vg-about-page .vg-about-why .v727-why-reasons .v727-icon{
  flex:0 0 62px !important;
  width:62px !important;
  height:62px !important;
}
main.vg-about-page .vg-about-why .v727-reason-copy h3{
  font-size:clamp(14px,1.17vw,17px) !important;
  line-height:1.3 !important;
  margin:7px 0 7px !important;
  font-weight:700 !important;
  white-space:nowrap;
}
main.vg-about-page .vg-about-why .v727-reason-copy p{
  font-size:clamp(12px,1.05vw,15px) !important;
  line-height:1.55 !important;
  margin:0 !important;
}
@media(max-width:850px){
  main.vg-about-page .vg-about-why .vg-about-reasons.v727-why-reasons{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:26px !important;
  }
  main.vg-about-page .vg-about-why .v727-reason-copy h3{white-space:normal;}
}
@media(max-width:620px){
  main.vg-about-page > section.vg-about-section:has(> .vg-about-why){padding-top:20px !important;}
  main.vg-about-page > section.vg-about-section > .vg-about-why.vg-site-container{width:calc(100% - 36px) !important;}
  main.vg-about-page .vg-about-why-head{grid-template-columns:1fr !important;row-gap:12px !important;}
  main.vg-about-page .vg-about-why-head > p{margin:0 !important;}
  main.vg-about-page .vg-about-why .vg-about-reasons.v727-why-reasons{
    grid-template-columns:1fr !important;
    margin-top:24px !important;
  }
  main.vg-about-page .vg-about-why .v727-why-reasons .v727-icon{flex-basis:54px !important;width:54px !important;height:54px !important;}
}
