/* VGaint v8.14: shared hero dimensions / responsive guardrails.
   Preserve each page's approved imagery, curves, CTAs, and typographic identity.
   This stylesheet loads last to avoid unrelated overrides. */
:root{--vg-hero-desktop-min-height:440px;--vg-hero-content-max-width:1200px}
@media(min-width:761px){
  body section.v530-hero,
  body section.vg-about-hero,
  body section.sv96-hero,
  body main.vg-support-page section.vg-sp-hero,
  body section.vg750-hero{
    box-sizing:border-box;
    width:100%;max-width:none;
    min-height:var(--vg-hero-desktop-min-height);
  }
  /* Inner containers retain their original layout and approved side padding. */
  body .v530-hero .v530-hero-content,
  body .vg-about-hero .v701-hero-inner,
  body main.vg-support-page .vg-sp-hero-inner,
  body .vg750-hero .vg753-inner{box-sizing:border-box;min-height:var(--vg-hero-desktop-min-height)}
  body .sv96-hero .sv96-slide{min-height:var(--vg-hero-desktop-min-height)}
}
@media(max-width:760px){
  body section.v530-hero,
  body section.vg-about-hero,
  body section.sv96-hero,
  body main.vg-support-page section.vg-sp-hero,
  body section.vg750-hero{box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:0;}
  /* Avoid fixed-height cropping; retain page-specific backgrounds/waves. */
  body .v530-hero .v530-hero-content,
  body .vg-about-hero .v701-hero-inner,
  body main.vg-support-page .vg-sp-hero-inner,
  body .vg750-hero .vg753-inner{box-sizing:border-box;height:auto}
}

/* v8.19: all five page Hero sections receive the same width and 440px desktop minimum; original artwork and responsive rules remain page-specific. */