/*
 * SHRM partnership block (sections/home-partner.php) - the core trust
 * signal for the whole business, not a generic "our partners" logo strip.
 */

.partner {
    padding: 4.5vw 0;
    background: var(--color-primary);
    color: #fff;
}

.partner__grid {
    --bs-gutter-x: 3.33vw;
    --bs-gutter-y: 3.33vw;
}

.partner__media {
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
}

.partner__photo,
.partner__shot {
    width: 100%;
    height: auto;
    border-radius: var(--radius);
    box-shadow: 0 0.83vw 2.08vw rgba(0, 0, 0, 0.25);
}

.partner__gallery {
    --bs-gutter-x: 1.25vw;
    --bs-gutter-y: 0;
    margin: 0;
}

.partner__title {
    font-size: 1.88vw;
    font-weight: 700;
    margin: 0 0 1.04vw;
}

.partner__text {
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 1.25vw;
}

.partner__benefits {
    display: flex;
    flex-direction: column;
    gap: 0.63vw;
    margin: 0 0 1.46vw;
}

.partner__benefits li {
    position: relative;
    padding-left: 1.46vw;
}

.partner__benefits li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #fff;
    font-weight: 700;
}

.partner__link {
    display: inline-block;
    padding: 0.83vw 1.88vw;
    font-weight: 700;
    color: var(--color-primary);
    background: #fff;
    border-radius: var(--radius);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.partner__link:hover,
.partner__link:focus-visible {
    background: var(--color-surface-muted);
    color: var(--color-primary);
}

@media only screen and (max-width: 767.98px) {
    .partner {
        padding: 9vw 0;
    }

    .partner__grid {
        --bs-gutter-x: 6.4vw;
        --bs-gutter-y: 6.4vw;
    }

    .partner__media {
        gap: 4.27vw;
    }

    .partner__gallery {
        --bs-gutter-x: 4.27vw;
    }

    .partner__title {
        font-size: 6.4vw;
        text-align: center;
        margin: 0 0 4vw;
    }

    .partner__text {
        text-align: center;
        margin: 0 0 5.33vw;
    }

    .partner__benefits {
        gap: 3.2vw;
        margin: 0 0 6.4vw;
    }

    .partner__benefits li {
        padding-left: 7.47vw;
        font-size: 3.73vw;
    }

    .partner__link {
        display: block;
        text-align: center;
        padding: 4vw 0;
    }
}