/* =========================================================
   JNK PARTNERSHIPS & REFERENCES
========================================================= */


/* =========================================================
   ROOT / VARIABLES
========================================================= */

.jnk-partnership-page {

    --jnk-navy: #0d274a;
    --jnk-navy-dark: #081d36;
    --jnk-blue: #173c68;

    --jnk-teal: #55c8c2;
    --jnk-teal-dark: #35aaa5;

    --jnk-text: #15263d;
    --jnk-text-light: #6d7c8f;

    --jnk-bg: #f6f8fb;
    --jnk-white: #ffffff;

    --jnk-border: #e3e9f0;

    color: var(--jnk-text);

}


/* =========================================================
   GENERAL
========================================================= */

.jnk-partnership-page section {

    position: relative;

}


.jnk-partnership-page .container {

    position: relative;
    z-index: 2;

}


.jnk-partnership-eyebrow {

    display: inline-block;

    margin-bottom: 18px;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 3px;

    line-height: 1.4;

    color: var(--jnk-teal);

}


/* =========================================================
   HERO
========================================================= */

.jnk-partnership-hero {

    min-height: 590px;

    display: flex;

    align-items: center;

    background:

        linear-gradient(
            90deg,
            rgba(8, 29, 54, .96) 0%,
            rgba(13, 39, 74, .90) 48%,
            rgba(13, 39, 74, .68) 100%
        ),

        url("../img/partnership/partnership-hero.jpg")
        center center / cover no-repeat;

    overflow: hidden;

}


.jnk-partnership-hero__overlay {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            135deg,
            rgba(85, 200, 194, .08),
            transparent 45%
        );

    pointer-events: none;

}


/* =========================================================
   HERO CONTENT
========================================================= */

.jnk-partnership-hero__content {

    max-width: 850px;

    padding: 90px 0;

}


.jnk-partnership-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
    top: 50px;
    margin-bottom: 55px;
    font-size: 14px;
    color: rgba(255,255,255,.65);
}
.jnk-partnership-breadcrumb a {
    color: rgba(255, 255, 255, .7);
    transition: .3s ease;
}

.jnk-partnership-breadcrumb a:hover {

    color: #fff;

}


.jnk-partnership-breadcrumb span {

    color: rgba(255,255,255,.35);

}


.jnk-partnership-breadcrumb span:last-child {

    color: rgba(255,255,255,.8);

}


.jnk-partnership-hero h1 {

    max-width: 850px;

    margin: 0 0 25px;

    color: #fff;

    font-size: clamp(46px, 5vw, 76px);

    font-weight: 500;

    line-height: 1.08;

    letter-spacing: -2px;

}


.jnk-partnership-hero p {

    max-width: 680px;

    margin: 0;

    color: rgba(255,255,255,.72);

    font-size: 17px;

    line-height: 1.85;

}


/* =========================================================
   INTRO
========================================================= */

.jnk-partnership-intro {

    padding: 125px 0 110px;

    background: #fff;

}


.jnk-partnership-intro__heading h2 {

    margin: 0;

    color: var(--jnk-navy);

    font-size: clamp(38px, 4vw, 58px);

    font-weight: 500;

    line-height: 1.12;

    letter-spacing: -1.5px;

}


.jnk-partnership-intro__content {

    max-width: 620px;

}


.jnk-partnership-intro__content p {

    margin: 0 0 22px;

    color: var(--jnk-text-light);

    font-size: 16px;

    line-height: 1.9;

}


.jnk-partnership-intro__content p:last-child {

    margin-bottom: 0;

}


/* =========================================================
   STATS
========================================================= */

.jnk-partnership-stats {

    display: grid;

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

    margin-top: 100px;

    border-top: 1px solid var(--jnk-border);

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

}


.jnk-partnership-stat {

    min-height: 180px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 35px 45px;

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

}


.jnk-partnership-stat:last-child {

    border-right: 0;

}


.jnk-partnership-stat strong {

    display: block;

    margin-bottom: 8px;

    color: var(--jnk-navy);

    font-size: 46px;

    font-weight: 600;

    line-height: 1;

}


.jnk-partnership-stat span {

    color: var(--jnk-text-light);

    font-size: 13px;

    font-weight: 600;

    letter-spacing: .5px;

}


/* =========================================================
   SECTION HEADING
========================================================= */

.jnk-partnership-section-heading {

    max-width: 760px;

    margin-bottom: 65px;

}


.jnk-partnership-section-heading h2 {

    margin: 0 0 18px;

    color: var(--jnk-navy);

    font-size: clamp(38px, 4vw, 58px);

    font-weight: 500;

    line-height: 1.12;

    letter-spacing: -1.5px;

}


.jnk-partnership-section-heading p {

    max-width: 650px;

    margin: 0;

    color: var(--jnk-text-light);

    font-size: 16px;

    line-height: 1.8;

}


/* =========================================================
   OUR PARTNERS
========================================================= */

.jnk-partnership-partners {

    padding: 125px 0;

    background: var(--jnk-bg);

}


.jnk-partner-grid {

    margin-top: 5px;

}


.jnk-partner-card {

    position: relative;

    height: 100%;

    min-height: 245px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 35px;

    background: #fff;

    border: 1px solid var(--jnk-border);

    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}


.jnk-partner-card:hover {

    transform: translateY(-7px);

    border-color: rgba(85, 200, 194, .45);

    box-shadow:

        0 20px 45px rgba(13,39,74,.08);

}


.jnk-partner-card__number {

    position: absolute;

    top: 28px;

    right: 30px;

    color: #b6c0cc;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


.jnk-partner-card__logo {

    min-height: 80px;

    display: flex;

    align-items: center;

    color: var(--jnk-navy);

    font-size: 27px;

    font-weight: 700;

    letter-spacing: -1px;

}


.jnk-partner-card__content {

    padding-top: 25px;

    border-top: 1px solid var(--jnk-border);

}


.jnk-partner-card__content h3 {

    margin: 0 0 8px;

    color: var(--jnk-navy);

    font-size: 17px;

    font-weight: 600;

}


.jnk-partner-card__content p {

    margin: 0;

    color: var(--jnk-text-light);

    font-size: 13px;

    line-height: 1.6;

}


/* =========================================================
   PARTNERSHIP APPROACH
========================================================= */

.jnk-partnership-approach {

    padding: 125px 0;

    background: #fff;

}


.jnk-partnership-step {

    position: relative;

    height: 100%;

    padding: 40px;

    background: var(--jnk-bg);

    border: 1px solid var(--jnk-border);

    transition: .35s ease;

}


.jnk-partnership-step:hover {

    transform: translateY(-5px);

    box-shadow:
        0 18px 40px rgba(13,39,74,.07);

}


.jnk-partnership-step__number {

    display: block;

    margin-bottom: 45px;

    color: var(--jnk-teal);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2px;

}


.jnk-partnership-step h3 {

    margin: 0 0 15px;

    color: var(--jnk-navy);

    font-size: 28px;

    font-weight: 500;

}


.jnk-partnership-step p {

    margin: 0;

    color: var(--jnk-text-light);

    font-size: 14px;

    line-height: 1.8;

}


/* =========================================================
   REFERENCES
========================================================= */

.jnk-partnership-references {

    padding: 125px 0;

    background: var(--jnk-navy);

}


.jnk-partnership-references
.jnk-partnership-eyebrow {

    color: var(--jnk-teal);

}


.jnk-partnership-references
.jnk-partnership-section-heading h2 {

    color: #fff;

}


.jnk-partnership-references
.jnk-partnership-section-heading p {

    color: rgba(255,255,255,.62);

}


/* =========================================================
   REFERENCE LIST
========================================================= */

.jnk-reference-list {

    display: grid;

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

    border-top: 1px solid rgba(255,255,255,.14);

}


.jnk-reference-item {

    min-height: 95px;

    display: flex;

    align-items: center;

    gap: 28px;

    padding: 25px 30px;

    border-bottom: 1px solid rgba(255,255,255,.14);

    transition: .3s ease;

}


.jnk-reference-item:nth-child(odd) {

    border-right: 1px solid rgba(255,255,255,.14);

}


.jnk-reference-item:hover {

    background: rgba(255,255,255,.045);

}


.jnk-reference-item__number {

    flex: 0 0 30px;

    color: var(--jnk-teal);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

}


.jnk-reference-item__name {

    color: rgba(255,255,255,.9);

    font-size: 16px;

    font-weight: 500;

    line-height: 1.5;

}


/* =========================================================
   CTA
========================================================= */

.jnk-partnership-cta {

    padding: 110px 0;

    background: var(--jnk-bg);

}


.jnk-partnership-cta__inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 60px;

    padding: 75px;

    background:

        linear-gradient(
            120deg,
            var(--jnk-navy),
            var(--jnk-blue)
        );

    overflow: hidden;

    position: relative;

}


.jnk-partnership-cta__inner::after {

    content: "";

    position: absolute;

    width: 400px;

    height: 400px;

    right: -170px;

    top: -180px;

    border-radius: 50%;

    border: 1px solid rgba(85,200,194,.18);

}


.jnk-partnership-cta__content {

    position: relative;

    z-index: 2;

    max-width: 720px;

}


.jnk-partnership-cta__content h2 {

    margin: 0 0 20px;

    color: #fff;

    font-size: clamp(38px, 4vw, 58px);

    font-weight: 500;

    line-height: 1.1;

    letter-spacing: -1.5px;

}


.jnk-partnership-cta__content p {

    max-width: 650px;

    margin: 0;

    color: rgba(255,255,255,.68);

    font-size: 15px;

    line-height: 1.8;

}


.jnk-partnership-cta__action {

    position: relative;

    z-index: 2;

    flex: 0 0 auto;

}


.jnk-partnership-button {

    min-width: 220px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 25px;

    padding: 17px 25px;

    color: var(--jnk-navy);

    background: #fff;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

    transition: .3s ease;

}


.jnk-partnership-button span {

    font-size: 20px;

    line-height: 1;

    transition: transform .3s ease;

}


.jnk-partnership-button:hover {

    color: var(--jnk-navy);

    transform: translateY(-3px);

    box-shadow:

        0 12px 30px rgba(0,0,0,.18);

}


.jnk-partnership-button:hover span {

    transform: translateX(5px);

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .jnk-partnership-hero {

        min-height: 540px;

    }


    .jnk-partnership-intro,
    .jnk-partnership-partners,
    .jnk-partnership-approach,
    .jnk-partnership-references {

        padding: 100px 0;

    }


    .jnk-partner-card {

        min-height: 225px;

    }


    .jnk-partnership-cta__inner {

        padding: 60px;

    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .jnk-partnership-hero {

        min-height: 500px;

    }


    .jnk-partnership-hero__content {

        padding: 75px 0;

    }


    .jnk-partnership-breadcrumb {

        margin-bottom: 40px;

    }


    .jnk-partnership-intro__heading {

        margin-bottom: 40px;

    }


    .jnk-partnership-stats {

        margin-top: 70px;

    }


    .jnk-partnership-stat {

        padding: 30px;

    }


    .jnk-partnership-stat strong {

        font-size: 38px;

    }


    .jnk-partnership-cta__inner {

        align-items: flex-start;

        flex-direction: column;

        gap: 40px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .jnk-partnership-hero {

        min-height: 520px;

    }


    .jnk-partnership-hero__content {

        padding: 70px 0;

    }


    .jnk-partnership-breadcrumb {

        margin-bottom: 35px;

        font-size: 12px;

    }


    .jnk-partnership-hero h1 {

        font-size: 42px;

        letter-spacing: -1px;

    }


    .jnk-partnership-hero p {

        font-size: 15px;

        line-height: 1.7;

    }


    .jnk-partnership-intro,
    .jnk-partnership-partners,
    .jnk-partnership-approach,
    .jnk-partnership-references {

        padding: 80px 0;

    }


    .jnk-partnership-intro__heading h2,
    .jnk-partnership-section-heading h2 {

        font-size: 38px;

        letter-spacing: -1px;

    }


    .jnk-partnership-stats {

        grid-template-columns: 1fr;

        margin-top: 60px;

    }


    .jnk-partnership-stat {

        min-height: 140px;

        border-right: 0;

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

    }


    .jnk-partnership-stat:last-child {

        border-bottom: 0;

    }


    .jnk-partner-card {

        min-height: 210px;

        padding: 30px;

    }


    .jnk-partnership-step {

        padding: 32px;

    }


    .jnk-reference-list {

        grid-template-columns: 1fr;

    }


    .jnk-reference-item:nth-child(odd) {

        border-right: 0;

    }


    .jnk-reference-item {

        min-height: 80px;

        padding: 22px 20px;

    }


    .jnk-reference-item__name {

        font-size: 14px;

    }


    .jnk-partnership-cta {

        padding: 70px 0;

    }


    .jnk-partnership-cta__inner {

        padding: 45px 30px;

    }


    .jnk-partnership-cta__content h2 {

        font-size: 38px;

    }


    .jnk-partnership-button {

        width: 100%;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .jnk-partnership-hero h1 {

        font-size: 36px;

    }


    .jnk-partnership-eyebrow {

        font-size: 10px;

        letter-spacing: 2.3px;

    }


    .jnk-partnership-section-heading {

        margin-bottom: 45px;

    }


    .jnk-partner-card__logo {

        font-size: 23px;

    }


    .jnk-partnership-stat strong {

        font-size: 34px;

    }


    .jnk-partnership-cta__inner {

        padding: 40px 25px;

    }

}
/* =========================================================
   PARTNERSHIP SCROLL REVEAL
========================================================= */

.jnk-partnership-reveal {

    opacity: 0;

    transform:
        translateY(30px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}


.jnk-partnership-reveal.is-visible {

    opacity: 1;

    transform:
        translateY(0);

}


/* =========================================================
   PARTNERSHIP PAGE READY
========================================================= */

.jnk-partnership-page {

    overflow: hidden;

}


.jnk-partnership-page.is-ready {

    opacity: 1;

}


/* =========================================================
   HOVER STATE
========================================================= */

.jnk-partner-card.is-hovered {

    transform:
        translateY(-7px);

}


.jnk-reference-item.is-hovered {

    padding-left: 38px;

}


@media (max-width: 767px) {

    .jnk-reference-item.is-hovered {

        padding-left: 20px;

    }

}