/* JUMCOURVIC NIGERIA LIMITED — responsive extensions
   Existing tablet/mobile breakpoints remain in style.css so no layout rules are lost.
   Add new responsive-only overrides here when needed.
*/

img, video { max-width: 100%; }


/* HERO FIT FIX — keep the headline and content inside laptop/tablet viewports. */
.hero-content {
    min-width: 0;
}

.hero-title {
    width: 100%;
    overflow-wrap: normal;
}

@media (min-width: 721px) and (max-width: 1100px) {
    .hero-title {
        font-size: clamp(48px, 7.2vw, 78px);
        max-width: 100%;
    }

    .hero-title > span:nth-child(2) {
        padding-left: 0;
    }
}


/* Capability cards: responsive layout safeguards */
@media (max-width: 1050px) { .capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .capability-grid { grid-template-columns: 1fr; } .capability-card { min-height: 205px; } }

/* FINAL HERO AND CAPABILITY SAFEGUARDS */
html, body {
    max-width: 100%;
    overflow-x: clip;
}

.hero {
    width: 100%;
}

.hero-content {
    box-sizing: border-box;
}

.hero-title {
    max-width: 100%;
    font-size: clamp(42px, 6.2vw, 94px);
    line-height: 0.92;
    letter-spacing: -0.055em;
}

.hero-title > span {
    white-space: normal;
}

.capability-grid {
    width: 100%;
}

.capability-card {
    min-width: 0;
}

.capability-card > img {
    display: block;
}

@media (max-width: 1100px) {
    .hero-title {
        font-size: clamp(44px, 7.2vw, 76px);
    }
}

@media (max-width: 720px) {
    .hero {
        min-height: 690px;
    }

    .hero-content {
        width: calc(100% - 40px);
        padding-top: 55px;
    }

    .hero-title {
        width: 100%;
        font-size: clamp(39px, 10.5vw, 64px);
        line-height: 0.94;
        letter-spacing: -0.06em;
    }

    .hero-title > span:nth-child(2) {
        padding-left: 0;
    }
}