/* =========================================================
   5M CAREERS CONTENT V2
   ========================================================= */

.m5career-page {
    --navy:#072f3d;
    --muted:#687f87;
    --green:#08715c;
    --line:#d7e4e0;
    --soft:#f6faf8;

    background:#fff;
}


.m5career-shell {
    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:0 auto;
}


.m5career-page h1,
.m5career-page h2,
.m5career-page h3 {
    color:var(--navy);
}


.m5career-eyebrow {
    margin:0 0 16px;

    color:#5d777f;

    font-size:11px;

    font-weight:850;

    letter-spacing:.15em;
}


/* HERO */

.m5career-hero {
    padding:
        88px 0 81px;

    background:
        linear-gradient(
            135deg,
            #fbfdfc,
            #eef6f3
        );
}


.m5career-hero h1 {
    max-width:850px;

    margin:0;

    font-size:
        clamp(49px,5.3vw,72px);

    line-height:1;

    letter-spacing:-.045em;
}



/* BODY SECTIONS */

.m5career-section {
    padding:
        67px 0;
}


.m5career-soft {
    background:var(--soft);
}


.m5career-text-layout {
    display:grid;

    grid-template-columns:
        .75fr
        1.25fr;

    gap:88px;
}


.m5career-number {
    margin:0 0 18px;

    color:#99adb0;

    font-size:12px;
}


.m5career-text-layout h2,
.m5career-culture-heading h2,
.m5career-open-heading h2,
.m5career-final h2 {
    margin:0;

    font-size:
        clamp(36px,3.9vw,53px);

    line-height:1.06;

    letter-spacing:-.04em;
}


.m5career-body p {
    margin:
        0 0 17px;

    color:var(--muted);

    font-size:15px;

    line-height:1.75;
}


.m5career-body ul {
    margin:
        19px 0 23px;

    padding:0;

    list-style:none;
}


.m5career-body li {
    position:relative;

    padding:
        10px 0 10px 24px;

    border-bottom:
        1px solid
        var(--line);

    color:#526e77;

    font-size:13px;
}


.m5career-body li::before {
    content:"";

    position:absolute;

    left:2px;
    top:18px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--green);
}



/* OPEN POSITIONS */

.m5career-open {
    padding:
        68px 0 72px;
}


.m5career-open-heading {
    margin-bottom:34px;
}


.m5career-existing-form {
    border-top:
        1px solid
        #a7c8c0;

    padding-top:30px;
}



/* CULTURE */

.m5career-culture {
    padding:
        69px 0 72px;

    background:#f6f9f8;
}


.m5career-culture-heading {
    max-width:830px;
}


.m5career-culture-heading > p:last-child {
    max-width:680px;

    margin:
        19px 0 0;

    color:var(--muted);

    font-size:14px;

    line-height:1.72;
}


.m5career-benefits {
    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    margin-top:40px;

    border-top:
        1px solid
        #a6c6be;
}


.m5career-benefits article {
    min-height:205px;

    padding:
        25px 28px;

    border-right:
        1px solid
        var(--line);

    border-bottom:
        1px solid
        var(--line);
}


.m5career-benefits article:nth-child(even) {
    border-right:0;
}


.m5career-benefits span {
    display:block;

    margin-bottom:20px;

    color:#98aaae;

    font-size:9px;
}


.m5career-benefits h3 {
    margin:
        0 0 11px;

    font-size:18px;
}


.m5career-benefits p {
    max-width:470px;

    margin:0;

    color:var(--muted);

    font-size:11px;

    line-height:1.65;
}



/* FINAL */

.m5career-final {
    padding:
        74px 0 84px;

    background:var(--navy);
}


.m5career-final-grid {
    display:grid;

    grid-template-columns:
        1fr
        .9fr;

    gap:85px;

    align-items:center;
}


.m5career-final
.m5career-eyebrow {
    color:#77a99d;
}


.m5career-final h2 {
    color:#fff;
}


.m5career-final-grid > p {
    margin:0;

    color:#b9cbce;

    font-size:15px;

    line-height:1.7;
}



/* RESPONSIVE */

@media (max-width:850px) {

    .m5career-text-layout,
    .m5career-final-grid {
        grid-template-columns:1fr;

        gap:25px;
    }

}


@media (max-width:650px) {

    .m5career-shell {
        width:min(
            100% - 32px,
            1180px
        );
    }


    .m5career-hero {
        padding:
            58px 0 55px;
    }


    .m5career-hero h1 {
        font-size:43px;
    }


    .m5career-section,
    .m5career-open,
    .m5career-culture {
        padding:
            51px 0;
    }


    .m5career-benefits {
        grid-template-columns:1fr;
    }


    .m5career-benefits article {
        border-right:0;
    }


    .m5career-final {
        padding:
            55px 0 63px;
    }

}