/*
 * Post-migration overrides. Loaded after the theme bundle so it can correct
 * layout that depended on markup the migration removed. The theme's own
 * dist/css files are fingerprinted build output and are left untouched.
 */

/*
 * The home hero image is absolutely positioned (`.home .banner__image` in
 * common.css), so the section's height came entirely from the left column:
 * title, description and the signup form. With the form removed the column is
 * shorter than the image, and the image spills over the section below.
 *
 * Give the banner a floor tall enough to contain the image. The image sits at
 * top:20% and is 50rem wide at a 1658x834 aspect ratio, so it needs roughly
 * 25.2rem of height and the section needs 25.2 / 0.8 ≈ 31.5rem. Only applies
 * from the breakpoint where the image stops being `mobile--hidden`.
 */
@media only screen and (min-width: 40.1rem) {
  .home .banner {
    min-height: 32rem;
  }
}

@media only screen and (min-width: 64.1rem) {
  /* The image widens to 51.875rem here, needing about 26.1 / 0.8 ≈ 32.6rem. */
  .home .banner {
    min-height: 33.5rem;
  }
}