/* /home hero only. The generic main rule supplies editorial top/bottom
   padding; remove that outer frame here. Each following home section has its
   own spacing, so its readable width and rhythm stay unchanged. */
main.vip-reference{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
main.vip-reference > .vr-hero{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:0;
}
main.vip-reference > .vr-hero .vr-wrap{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}
@media(max-width:560px){
  main.vip-reference > .vr-hero .vr-wrap{width:calc(100% - 30px)}
}