*{box-sizing:border-box;margin:0;padding:0}
body{background:#FBFAF7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#EF8A3E;color:#fff}
input::placeholder{color:#9aa3a8}

/* ── Global content grid (applies on ALL pages) ──────────
   From 1280px the content is centered in 1152px: side margins grow
   instead of the content stretching. Section backgrounds stay full-bleed.
   Exception — the top card grid on the "Individuals"/"For Business"
   sections, which is always full screen width. */
@media (min-width: 1280px){
  section,
  footer.v-foot,
  header.v-header,
  .v-megapanel{
    padding-left:max(64px, calc((100% - 1152px)/2)) !important;
    padding-right:max(64px, calc((100% - 1152px)/2)) !important;
  }
  .v-breadcrumb{left:max(64px, calc((100% - 1152px)/2)) !important}
  .v-margo[style*="position: absolute"]{right:max(64px, calc((100% - 1152px)/2)) !important}
  .v-herovid{right:0 !important;width:43% !important}
  [data-screen-label="Vesper Main Page"] .v-herovid{right:0 !important;width:calc((100% - 1152px)/2 + 430px) !important}
  .v-why{padding-left:0 !important;padding-right:0 !important}
  #vsp-values-outer{padding-left:0 !important;padding-right:0 !important}
  /* "Individuals"/"For Business" sections: the top card grid — always full width */
  [data-screen-label="Visa selection"]{padding-left:20px !important;padding-right:20px !important}
}