/*
 * Home mastering layout corrections.
 *
 * The current Home uses the mm-home-* component set from home-mastering-story.css.
 * This stylesheet is loaded before that file, so the few corrective declarations
 * below intentionally use !important to override the later desktop rules without
 * leaking changes into the rest of the application.
 */

/* Do not let the decorative Home background extend below the landing container:
   it was painting over the central portion of the public footer. */
.mm-home-mastering::before {
    inset: -2rem -12vw 0 !important;
    border-radius: 28px;
}

/* The hero no longer needs a viewport-height floor. Let its real content define
   the height so the heading starts much closer to the public header. */
.mm-home-hero {
    min-height: 0 !important;
    padding: clamp(2rem, 3vw, 3rem) 0 clamp(4rem, 6vw, 6rem) !important;
}

/* Keep a deliberate but normal separation before the site footer. */
.mm-home-mastering {
    padding-bottom: clamp(3rem, 5vw, 5rem) !important;
}

@media (max-width: 991.98px) {
    .mm-home-hero {
        padding: 2rem 0 4rem !important;
    }

    .mm-home-mastering::before {
        inset: -1rem -6vw 0 !important;
    }
}

@media (max-width: 575.98px) {
    .mm-home-hero {
        padding: 1.5rem 0 3rem !important;
    }

    .mm-home-mastering {
        padding-bottom: 2.5rem !important;
    }
}