/* ==========================================================================
   EME — post-launch fixes. Load LAST, after every other stylesheet.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Mobile hero clipped under the header
   The header is position:absolute and sits on top of the hero. On phones the
   hero only had 64px of top padding while the header card is ~100px tall, so
   the eyebrow line and the top of the H1 disappeared behind it.
   -------------------------------------------------------------------------- */

@media (max-width: 991px) {
    .eme-hero {
        padding-top: 150px;
    }
}

@media (max-width: 767px) {
    .eme-hero {
        padding-top: 140px;
        padding-bottom: 60px;
    }

    .eme-hero-eyebrow {
        margin-bottom: 18px;
    }
}

@media (max-width: 575px) {
    .eme-hero {
        padding-top: 130px;
    }

    .eme-hero-title {
        font-size: 28px;
        line-height: 1.2;
    }
}

/* inner pages use the breadcrumb banner instead of the hero */
@media (max-width: 991px) {
    .breadcrumb-style-1 {
        padding-top: 110px;
    }
}

/* --------------------------------------------------------------------------
   Stat card label wrapping ("STEEL & PIPINGWEBSITES DELIVERED" on mobile)
   -------------------------------------------------------------------------- */

.eme-hero-stat p {
    white-space: normal;
    word-spacing: normal;
}