.mv-human-promise {
    --mv-human-bg: #343431;
    --mv-human-accent: #53d4cf;
    position: relative;
    overflow: hidden;
    background-color: var(--mv-human-bg);
    background-image:
        linear-gradient(90deg,
            rgba(52, 52, 49, 1) 0%,
            rgba(52, 52, 49, 1) 49%,
            rgba(52, 52, 49, .98) 56%,
            rgba(52, 52, 49, .88) 64%,
            rgba(52, 52, 49, .42) 75%,
            rgba(52, 52, 49, 0) 86%),
        var(--mv-human-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    color: #fff;
}

.mv-human-promise::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08));
}

.mv-human-promise__inner {
    position: relative;
    z-index: 1;
    min-height: 360px;
    display: grid;
    grid-template-columns: minmax(0, 72%) minmax(250px, 28%);
    align-items: center;
    gap: clamp(18px, 2vw, 34px);
}

.mv-human-promise__content {
    padding: 54px 0;
}

.mv-human-promise__item {
    height: 100%;
    padding: 4px clamp(20px, 2.2vw, 34px) 8px 0;
}

.mv-human-promise__item--divided {
    border-left: 1px solid rgba(255,255,255,.24);
    padding-left: clamp(20px, 2.2vw, 34px);
}

.mv-human-promise__icon {
    width: 64px;
    height: 64px;
    display: inline-grid;
    place-items: center;
    margin-bottom: 16px;
    color: rgba(255,255,255,.94);
    font-size: 2.2rem;
}

.mv-human-promise__title {
    margin: 0 0 10px;
    color: var(--mv-human-accent);
    font-family: "Oswald", Arial, sans-serif;
    font-size: clamp(1.05rem, 1.35vw, 1.25rem);
    line-height: 1.15;
    font-weight: 500;
    text-transform: uppercase;}

.mv-human-promise__text {
    max-width: 18rem;
    margin: 0;
    color: rgba(255,255,255,.92);
    font-size: clamp(.80rem, 1.05vw, 0.80rem);
    line-height: 1.22;
}

.mv-human-promise__message {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px 0 36px;
    transform: translateX(2%);
    color: rgba(255,255,255,.95);
    text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

.mv-human-promise__message span {
    font-family: "Oooh Baby", cursive;
    font-size: clamp(1.8rem, 2.55vw, 2.9rem);
    line-height: 1.06;
    font-weight: 300;
    letter-spacing: .01em;
    opacity: .9;
    transform: rotate(-2deg);
    white-space: nowrap;
}

.mv-human-promise__message svg {
    width: clamp(110px, 12vw, 170px);
    margin-top: 5px;
    margin-left: 42px;
    overflow: visible;
}

.mv-human-promise__message path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 1199.98px) {
    .mv-human-promise {
        background-image:
            linear-gradient(90deg,
                rgba(52,52,49,1) 0%,
                rgba(52,52,49,.98) 58%,
                rgba(52,52,49,.58) 78%,
                rgba(52,52,49,.15) 100%),
            var(--mv-human-image);
        background-position: 68% center;
    }

    .mv-human-promise__inner {
        grid-template-columns: minmax(0, 74%) minmax(200px, 26%);
    }

    .mv-human-promise__message {
        padding-right: 0;
        transform: translateX(1%);
    }
}

@media (max-width: 991.98px) {
    .mv-human-promise {
        background-image:
            linear-gradient(180deg,
                rgba(52,52,49,1) 0%,
                rgba(52,52,49,.98) 62%,
                rgba(52,52,49,.42) 82%,
                rgba(52,52,49,.14) 100%),
            var(--mv-human-image);
        background-size: auto 100%, auto 52%;
        background-position: center, right bottom;
    }

    .mv-human-promise__inner {
        min-height: 640px;
        display: block;
    }

    .mv-human-promise__content {
        padding: 42px 28px 220px;
    }

    .mv-human-promise__item {
        padding: 0 22px 28px 0;
    }

    .mv-human-promise__item--divided {
        border-left: 0;
        padding-left: 0;
    }

    .mv-human-promise__message {
        position: absolute;
        right: 28px;
        bottom: 76px;
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    .mv-human-promise {
        background-image: none;
    }

    .mv-human-promise__inner {
        min-height: 0;
    }

    .mv-human-promise__content {
        padding: 34px 22px;
    }

    .mv-human-promise__item {
        padding: 0 0 28px;
        border-bottom: 1px solid rgba(255,255,255,.16);
        margin-bottom: 28px;
    }

    .mv-human-promise__item--divided {
        border-left: 0;
        padding-left: 0;
    }

    .mv-human-promise__message {
        position: static;
        padding: 0 22px 34px;
        align-items: flex-start;
    }

    .mv-human-promise__message span {
        white-space: normal;
    }
}


/* Inline SVG icons */
.mv-human-promise__icon .mv-icon { width: 2.25rem; height: 2.25rem; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
