/* Mobile browsers render the full-screen opening animation and a blurred fixed
   header inconsistently. Keep the first paint simple and immediately usable. */
@media screen and (max-width: 1200px) {
    .mil-preloader {
        display: none !important;
    }

    .mil-frame,
    .mil-frame .mil-frame-top,
    .mil-logo,
    .mil-menu-btn {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .mil-frame {
        opacity: 1;
        visibility: visible;
    }

    .mil-frame .mil-frame-top {
        background-color: #000;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

/* Let a text-heavy hero grow on short phones instead of clipping its last CTA. */
@media screen and (max-width: 768px) {
    .mil-banner,
    .mil-banner .container {
        height: auto;
        min-height: 100svh;
    }
}

@supports (height: 100dvh) {
    @media screen and (max-width: 768px) {
        .mil-banner,
        .mil-banner .container {
            min-height: 100dvh;
        }
    }
}