/* Crop the source overlap so the first row continues the hero's last row. */
body:not([data-route="account"]) .wrap > .hero {
  border-bottom:0;
}

body:not([data-route="account"]) .wrap > .hero + .main {
  background-color:#e3f1fa;
  background-image:url('../assets/grand-mu-menu-continuation-aligned-v5.jpg');
  background-position:center top;
  background-size:100% auto;
  background-repeat:no-repeat;
}

/* The mobile hero crops horizontally; preserve its scale and center crop. */
@media(max-width:720px) {
  body:not([data-route="account"]) .wrap > .hero + .main {
    background-size:113.5% auto;
  }
}