/*=========================================================
MARAMATTA SAFARIS
OUR TEAM LANDING PAGE
=========================================================*/


/*=========================================================
01 · TEAM LANDING
=========================================================*/

.ms-landing.team-landing {

    width: 100%;
    min-height: 100vh;

    background: var(--ms-bg);

    overflow-x: hidden;

}


/*=========================================================
02 · MEET THE TEAM

Purpose:
Introduce the people without making the page feel
like a corporate employee directory.
=========================================================*/

.team-people {

    background: var(--ms-bg);

}


/*---------------------------------------------------------
GRID
---------------------------------------------------------

.team-people__grid {

    display: grid;

    grid-template-columns:
        1fr;

    gap:
        clamp(
            var(--space-xl),
            7vw,
            var(--space-2xl)
        );

}*/
/*---------------------------------------------------------
GRID
---------------------------------------------------------*/

.team-people__grid {

    display: grid;

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

    column-gap:
        clamp(
            2rem,
            4vw,
            4.5rem
        );

    row-gap:
        clamp(
            4rem,
            6vw,
            6rem
        );

}


/*---------------------------------------------------------
TEAM PERSON
---------------------------------------------------------*/

.team-person {

    position: relative;

    min-width: 0;

}


/*---------------------------------------------------------
PORTRAIT
---------------------------------------------------------*/
/*---------------------------------------------------------
PORTRAIT
---------------------------------------------------------*/

.team-person > .team-person__media {

    position: relative;

    width: 100%;

    /*
     * Shorter editorial frame.
     * Keeps the team grid compact while giving
     * enough room for a natural upper-body portrait.
     */
    aspect-ratio: 5 / 4;

    margin: 0;

    overflow: hidden;

    background:
        var(--ms-surface-soft);

}



/*
 * The image fills the portrait deliberately.
 *
 * We don't allow the image itself to determine
 * the card height.
/*---------------------------------------------------------
TEAM IMAGE
---------------------------------------------------------*/

.team-person__media .team-person__image {

    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    /*
     * The image completely fills the frame.
     */
    object-fit: cover !important;

    /*
     * Favor the person's face / upper body.
     * The exact crop can still be adjusted per image
     * with object-position if necessary.
     */
    object-position: center 25% !important;

    transform: scale(1);

    transition:
        transform .8s
        cubic-bezier(.22,.61,.36,1);

}



/*
 * Very restrained interaction.
 *
 * The card remains editorial rather than
 * becoming an interactive product tile.
 */

.team-person:hover
.team-person__image {

    transform:
        scale(1.025);

}


/*---------------------------------------------------------
TEAM INFORMATION
---------------------------------------------------------*/

.team-person__content {

    padding-top:
        var(--space-md);

}


/*---------------------------------------------------------
ROLE
---------------------------------------------------------*/

.team-person__role {

    display: block;

    margin-bottom:
        .45rem;

    color:
        var(--ms-orange);

    font-size:
        .64rem;

    font-weight:
        700;

    letter-spacing:
        .16em;

    line-height:
        1.4;

    text-transform:
        uppercase;

}


/*---------------------------------------------------------
NAME
---------------------------------------------------------*/

.team-person__name {

    margin:
        0 0 .65rem;

    color:
        var(--ms-green);

    font-size:
        clamp(
            1.35rem,
            3vw,
            1.7rem
        );

    font-weight:
        500;

    line-height:
        1.1;

    letter-spacing:
        -.025em;

}


/*---------------------------------------------------------
BIO
---------------------------------------------------------*/

.team-person__bio {

    max-width:
        480px;

    margin:
        0;

    color:
        var(--ms-text);

    font-size:
        .9rem;

    line-height:
        1.7;

}


/*=========================================================
03 · HOW WE WORK TOGETHER

Purpose:
Show the operating rhythm of the company.

This should feel like a sequence,
not four independent cards.
=========================================================*/

.team-approach {

    background:
        var(--ms-surface-soft);

}


/*---------------------------------------------------------
SEQUENCE
---------------------------------------------------------*/

.team-approach__grid {

    display: grid;

    grid-template-columns:
        1fr;

    border-top:
        1px solid
        rgba(39,73,33,.14);

}


/*---------------------------------------------------------
STEP
---------------------------------------------------------*/

.team-approach__item {

    position: relative;

    padding:
        var(--space-xl)
        0;

    border-bottom:
        1px solid
        rgba(39,73,33,.14);

}


/*---------------------------------------------------------
NUMBER
---------------------------------------------------------*/

.team-approach__number {

    display: block;

    margin-bottom:
        var(--space-sm);

    color:
        var(--ms-orange);

    font-size:
        .64rem;

    font-weight:
        700;

    letter-spacing:
        .14em;

}


/*---------------------------------------------------------
LABEL
---------------------------------------------------------*/

.team-approach__label {

    display: block;

    margin-bottom:
        .55rem;

    color:
        var(--ms-orange);

    font-size:
        .62rem;

    font-weight:
        700;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;

}


/*---------------------------------------------------------
TITLE
---------------------------------------------------------*/

.team-approach__title {

    margin:
        0 0 var(--space-sm);

    color:
        var(--ms-green);

    font-size:
        clamp(
            1.45rem,
            4vw,
            1.9rem
        );

    font-weight:
        500;

    line-height:
        1.12;

    letter-spacing:
        -.02em;

}


/*---------------------------------------------------------
TEXT
---------------------------------------------------------*/

.team-approach__text {

    max-width:
        500px;

    margin:
        0;

    color:
        var(--ms-text);

    font-size:
        .9rem;

    line-height:
        1.75;

}


/*=========================================================
04 · THE PEOPLE BEHIND THE SCENES

Purpose:
Show the wider network without creating
another employee directory.
=========================================================*/

.team-support {

    background:
        var(--ms-bg);

}


/*---------------------------------------------------------
LAYOUT
---------------------------------------------------------*/

.team-support__layout {

    display: grid;

    grid-template-columns:
        1fr;

    gap:
        var(--space-2xl);

    align-items:
        center;

}


/*---------------------------------------------------------
IMAGE
---------------------------------------------------------*/

.team-support__media {

    width: 100%;

    aspect-ratio:
        5 / 4;

    margin: 0;

    overflow: hidden;

    background:
        var(--ms-surface-soft);

}


.team-support__media .team-support__image {

    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;

    object-position: center;

transform: scale(1.01);

    transition:
        transform 1.8s
        cubic-bezier(.22,.61,.36,1);
}


.team-support__media:hover
.team-support__image {
    transform: scale(1.035);
}


/*---------------------------------------------------------
EDITORIAL
---------------------------------------------------------*/

.team-support__content {

    max-width:
        620px;

}


/*---------------------------------------------------------
LABEL
---------------------------------------------------------*/

.team-support__label {

    display: block;

    margin-bottom:
        var(--space-sm);

    color:
        var(--ms-orange);

    font-size:
        .64rem;

    font-weight:
        700;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;

}


/*---------------------------------------------------------
TITLE
---------------------------------------------------------*/

.team-support__title {

    max-width:
        650px;

    margin:
        0 0 var(--space-md);

    color:
        var(--ms-green);

    font-size:
        clamp(
            2rem,
            5vw,
            3.6rem
        );

    font-weight:
        500;

    line-height:
        1.02;

    letter-spacing:
        -.035em;

}


/*---------------------------------------------------------
TEXT
---------------------------------------------------------*/

.team-support__text {

    max-width:
        580px;

    margin:
        0 0 var(--space-md);

    color:
        var(--ms-text);

    font-size:
        .95rem;

    line-height:
        1.8;

}


.team-support__text:last-of-type {

    margin-bottom:
        var(--space-xl);

}

/*=========================================================
05 · A TEAM THAT STAYS INVOLVED
=========================================================*/

/*
 * Quiet editorial section.
 * This is a proof-of-process section, not a hero.
 */

.team-connection {

    background: var(--ms-surface-soft);

}


/*---------------------------------------------------------
SECTION HEADER
---------------------------------------------------------*/

.team-connection .section-header {

    max-width: 850px;

    margin-inline: auto;

    text-align: center;

}


/*
 * Keep the heading visually restrained.
 */

.team-connection .showcase-header {

    padding-bottom: var(--space-xl);

}


/*---------------------------------------------------------
JOURNEY
---------------------------------------------------------*/

.team-connection__journey {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        90px
        minmax(0, 1fr)
        90px
        minmax(0, 1fr);

    align-items: center;

    max-width: 1200px;

    margin-inline: auto;
}


/*---------------------------------------------------------
STEP
---------------------------------------------------------*/

.team-connection__step {

    position: relative;

    padding: var(--space-md) 0;

}


/*---------------------------------------------------------
NUMBER
---------------------------------------------------------*/

.team-connection__number {

    display: block;

    margin-bottom: var(--space-md);

    color: var(--ms-orange);

    font-size: .68rem;

    font-weight: 700;

    letter-spacing: .16em;

    line-height: 1;

}


/*---------------------------------------------------------
STEP TITLE
---------------------------------------------------------*/

.team-connection__step h3 {

    margin: 0 0 var(--space-sm);

    color: var(--ms-green);

    font-size: clamp(
        1.15rem,
        1.5vw,
        1.45rem
    );

    font-weight: 600;

    line-height: 1.2;

    letter-spacing: -.02em;

}


/*---------------------------------------------------------
STEP TEXT
---------------------------------------------------------*/

.team-connection__step p {

    max-width: 320px;

    margin: 0;

    color: var(--ms-text);

    font-size: .88rem;

    line-height: 1.75;

}


/*---------------------------------------------------------
CONNECTING LINE
---------------------------------------------------------*/
.team-connection__journey .team-connection__line {
    width: 100%;
    height: 1px;

    background: rgba(39, 73, 33, .14);

    align-self: center;
}

/*---------------------------------------------------------
SUBTLE STEP SEPARATION
---------------------------------------------------------*/

.team-connection__step + .team-connection__line {

    align-self: center;

}


/*---------------------------------------------------------
TABLET
---------------------------------------------------------*/

@media (max-width: 900px) {

    .team-connection__journey {

        grid-template-columns:
            minmax(0, 1fr)
            45px
            minmax(0, 1fr)
            45px
            minmax(0, 1fr);

    }

}


/*---------------------------------------------------------
MOBILE
---------------------------------------------------------*/

@media (max-width: 700px) {

    .team-connection .showcase-header {

        padding-bottom: var(--space-xl);

    }


    .team-connection__journey {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

    }


    .team-connection__step {

        padding:
            var(--space-lg)
            0;

    }


    .team-connection__step p {

        max-width: 100%;

    }


    /*
     * Vertical connection between stages.
     */

    .team-connection__line {

        width: 1px;

        height: 36px;

        margin-left: 4px;

    }

}















/*=========================================================
06 · EDITORIAL LINK
=========================================================*/

.team-link {

    display: inline-flex;

    align-items: center;

    gap:
        .6rem;

    width:
        fit-content;

    padding-bottom:
        .35rem;

    border-bottom:
        1px solid currentColor;

    color:
        var(--ms-green);

    font-size:
        .7rem;

    font-weight:
        700;

    letter-spacing:
        .12em;

    text-decoration:
        none;

    text-transform:
        uppercase;

    transition:
        gap .25s ease,
        opacity .25s ease;

}


.team-link:hover {

    gap:
        .9rem;

    opacity:
        .72;

}


/*=========================================================
07 · TEAM CTA

Quiet editorial ending before the global footer.
=========================================================*/

/*=========================================================
06 · TEAM FINAL CTA

Editorial closing statement before the global footer.

The image provides emotion.
The overlay protects readability.
The content provides the conversion.
=========================================================*/

.team-final-cta {

    background:
        var(--ms-bg);

}


/*---------------------------------------------------------
STAGE
---------------------------------------------------------*/

.team-final-cta__stage {

    position: relative;

    max-width:
        1200px;

    min-height:
        560px;

    margin-inline:
        auto;

    overflow: hidden;

}


/*---------------------------------------------------------
MEDIA
---------------------------------------------------------*/

.team-final-cta__media {

    position: absolute;

    inset: 0;

    margin: 0;

    z-index: 0;

}


.team-final-cta__image {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}


/*---------------------------------------------------------
OVERLAY
---------------------------------------------------------*/

.team-final-cta__overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(20, 30, 17, .78) 0%,
            rgba(20, 30, 17, .58) 45%,
            rgba(20, 30, 17, .18) 100%
        );

    pointer-events:
        none;

}


/*---------------------------------------------------------
CONTENT
---------------------------------------------------------*/

.team-final-cta__content {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    min-height: 560px;

    max-width: 720px;

    padding:
        var(--space-2xl);

}


/*---------------------------------------------------------
EYEBROW
---------------------------------------------------------*/

.team-final-cta__eyebrow {

    display: block;

    margin-bottom:
        var(--space-md);

    color:
        var(--ms-orange);

    font-size:
        .64rem;

    font-weight:
        700;

    letter-spacing:
        .18em;

    line-height:
        1.2;

    text-transform:
        uppercase;

}


/*---------------------------------------------------------
TITLE
---------------------------------------------------------*/

.team-final-cta__title {

    max-width:
        680px;

    margin:
        0 0 var(--space-lg);

    color:
        var(--ms-white);

    font-size:
        clamp(
            2.3rem,
            5vw,
            4.5rem
        );

    font-weight:
        500;

    line-height:
        1.03;

    letter-spacing:
        -.04em;

}


/*---------------------------------------------------------
TEXT
---------------------------------------------------------*/

.team-final-cta__text {

    max-width:
        560px;

    margin:
        0 0 var(--space-xl);

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

    font-size:
        .95rem;

    line-height:
        1.8;

}


/*---------------------------------------------------------
ACTIONS
---------------------------------------------------------*/

.team-final-cta__actions {

    display:
        flex;

    align-items:
        center;

    gap:
        var(--space-lg);

    flex-wrap:
        wrap;

}


/*---------------------------------------------------------
PRIMARY CTA

The global .btn / .btn-primary system should still
control the fundamental button styling.
This selector only handles CTA-specific positioning.
---------------------------------------------------------*/

.team-final-cta__button {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        .65rem;

    text-decoration:
        none;

}


/*---------------------------------------------------------
CTA ARROW
---------------------------------------------------------*/

.team-final-cta__button span {

    transition:
        transform .25s ease;

}


.team-final-cta__button:hover span {

    transform:
        translateX(4px);

}


/*---------------------------------------------------------
SECONDARY LINK
---------------------------------------------------------*/

.team-final-cta__link {

    display:
        inline-flex;

    align-items:
        center;

    width:
        fit-content;

    padding-bottom:
        .3rem;

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

    color:
        var(--ms-white);

    font-size:
        .7rem;

    font-weight:
        700;

    letter-spacing:
        .12em;

    text-decoration:
        none;

    text-transform:
        uppercase;

    transition:
        opacity .25s ease,
        border-color .25s ease;

}


.team-final-cta__link:hover {

    opacity:
        .72;

    border-color:
        transparent;

}


/*---------------------------------------------------------
TABLET
---------------------------------------------------------*/

@media (max-width: 900px) {

    .team-final-cta__stage {

        min-height:
            520px;

    }


    .team-final-cta__content {

        min-height:
            520px;

        padding:
            var(--space-xl);

    }


    .team-final-cta__overlay {

        background:
            linear-gradient(
                90deg,
                rgba(20, 30, 17, .82),
                rgba(20, 30, 17, .35)
            );

    }

}


/*---------------------------------------------------------
MOBILE
---------------------------------------------------------*/

@media (max-width: 600px) {

    .team-final-cta__stage {

        min-height:
            600px;

    }


    .team-final-cta__content {

        min-height:
            600px;

        padding:
            var(--space-xl)
            var(--space-lg);

    }


    .team-final-cta__title {

        font-size:
            clamp(
                2rem,
                9vw,
                3rem
            );

    }


    .team-final-cta__text {

        font-size:
            .9rem;

    }


    .team-final-cta__actions {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            var(--space-md);

    }

}


/*=========================================================
08 · TABLET

700px+

Tablet is deliberately different from desktop.

We give the page enough breathing room without
prematurely creating dense desktop layouts.
=========================================================*/


@media (min-width: 700px) {


    /*-----------------------------------------------------
    TEAM GRID
    -----------------------------------------------------*/

    .team-people__grid {

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

        column-gap:
            clamp(
                var(--space-xl),
                5vw,
                var(--space-2xl)
            );

        row-gap:
            var(--space-3xl);

    }


    /*
     * Do NOT stagger individual cards on tablet.
     *
     * Two-column rhythm should remain stable.
     */


    .team-person__media {

        aspect-ratio:
            4 / 5;

    }


    .team-person__editorial {

        padding-top:
            var(--space-md);

    }


    /*-----------------------------------------------------
    APPROACH
    -----------------------------------------------------*/

    .team-approach__grid {

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

    }


    .team-approach__item {

        padding:
            var(--space-xl)
            var(--space-lg);

    }


    .team-approach__item:nth-child(2),
    .team-approach__item:nth-child(4) {

        border-left:
            1px solid
            rgba(39,73,33,.14);

    }


    .team-approach__item:nth-child(3),
    .team-approach__item:nth-child(4) {

        border-top:
            1px solid
            rgba(39,73,33,.14);

    }


    /*-----------------------------------------------------
    SUPPORT
    -----------------------------------------------------*/

    .team-support__layout {

        grid-template-columns:
            minmax(0,1.05fr)
            minmax(0,.95fr);

        gap:
            var(--space-3xl);

    }


    .team-support__media {

        aspect-ratio:
            5 / 4;

    }


    /*-----------------------------------------------------
    INVOLVEMENT
    -----------------------------------------------------*/

    .team-involvement__stage {

        max-width:
            100%;

    }


    .team-involvement__content {

        margin-top:
            -6rem;

        margin-inline:
            var(--space-xl);

        padding:
            var(--space-2xl);

    }


    /*-----------------------------------------------------
    CTA
    -----------------------------------------------------*/

    .team-cta__actions {

        flex-direction:
            row;

        justify-content:
            center;

    }

}


/*=========================================================
09 · DESKTOP

1100px+

Desktop introduces the full editorial composition.
=========================================================*/

@media (min-width: 1100px) {


    /*-----------------------------------------------------
    TEAM GRID

    The key change:

    No nth-child staggering.

    This allows 3, 6, 9 or 12 team members to
    naturally form a coherent editorial grid.
    -----------------------------------------------------*/

    .team-people__grid {

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

        column-gap:
            clamp(
                var(--space-xl),
                3vw,
                var(--space-2xl)
            );

        row-gap:
            clamp(
                var(--space-2xl),
                5vw,
                5rem
            );

    }


    .team-person__media {

        aspect-ratio:
            4 / 5;

    }


    .team-person__name {

        font-size:
            1.6rem;

    }


    .team-person__bio {

        font-size:
            .88rem;

    }


    /*-----------------------------------------------------
    APPROACH

    Four responsibilities become one horizontal
    editorial sequence.
    -----------------------------------------------------*/

    .team-approach__grid {

        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            );

    }


    .team-approach__item {

        min-width:
            0;

        padding:
            var(--space-xl)
            var(--space-lg);

        border-top:
            1px solid
            rgba(39,73,33,.14);

        border-bottom:
            0;

    }


    .team-approach__item + .team-approach__item {

        border-left:
            1px solid
            rgba(39,73,33,.14);

    }


    .team-approach__item:first-child {

        border-top:
            1px solid
            rgba(39,73,33,.14);

    }


    /*-----------------------------------------------------
    SUPPORT

    Deliberately restrained image.
    -----------------------------------------------------*/

    .team-support__layout {

        grid-template-columns:
            minmax(0,1.1fr)
            minmax(360px,.9fr);

        gap:
            clamp(
                var(--space-3xl),
                7vw,
                8rem
            );

    }


    .team-support__media {

        aspect-ratio:
            5 / 4;

    }


    .team-support__content {

        padding-right:
            var(--space-xl);

    }


    /*-----------------------------------------------------
    INVOLVEMENT

    Controlled visual + editorial card.
    -----------------------------------------------------*/

    .team-involvement__stage {

        max-width:
            1180px;

    }


    .team-involvement__media {

        aspect-ratio:
            16 / 7;

    }


    .team-involvement__content {

        max-width:
            760px;

        margin-top:
            -7rem;

        margin-left:
            var(--space-2xl);

        padding:
            var(--space-2xl)
            var(--space-3xl);

    }


    /*-----------------------------------------------------
    CTA
    -----------------------------------------------------*/

    .team-cta__content {

        max-width:
            900px;

    }

}


/*=========================================================
10 · LARGE DESKTOP

1500px+

Increase breathing room, not component size.
=========================================================*/

@media (min-width: 1500px) {


    /*-----------------------------------------------------
    TEAM
    -----------------------------------------------------*/

    .team-people__grid {

        column-gap:
            3.5rem;

        row-gap:
            5rem;

    }


    .team-person__media {

        aspect-ratio:
            4 / 5;

    }


    /*-----------------------------------------------------
    SUPPORT
    -----------------------------------------------------*/

    .team-support__layout {

        grid-template-columns:
            minmax(550px,1.1fr)
            minmax(430px,.9fr);

        gap:
            8rem;

    }


    .team-support__content {

        padding-right:
            3rem;

    }


    /*-----------------------------------------------------
    INVOLVEMENT
    -----------------------------------------------------*/

    .team-involvement__content {

        margin-left:
            6rem;

        padding:
            3.5rem 4rem;

    }


}


/*=========================================================
11 · MOBILE

Mobile is the primary experience.

No oversized photography.
No cramped grids.
No horizontal overflow.
No desktop composition forced onto the phone.
=========================================================*/

@media (max-width: 699px) {

    /*-----------------------------------------------------
    TEAM PEOPLE
    -----------------------------------------------------*/

    .team-people__grid {

        grid-template-columns:
            1fr;

        gap:
            var(--space-2xl);

    }


    .team-person__media {

        aspect-ratio:
            4 / 5;

    }


    .team-person__editorial {

        padding-top:
            var(--space-md);

    }


    .team-person__name {

        font-size:
            1.45rem;

    }


    .team-person__bio {

        font-size:
            .9rem;

        line-height:
            1.7;

    }


    /*-----------------------------------------------------
    APPROACH
    -----------------------------------------------------*/

    .team-approach__grid {

        grid-template-columns:
            1fr;

    }


    .team-approach__item {

        padding:
            var(--space-lg)
            0;

        border-left:
            0 !important;

    }


    .team-approach__item:first-child {

        border-top:
            1px solid
            rgba(39,73,33,.14);

    }


    /*-----------------------------------------------------
    SUPPORT
    -----------------------------------------------------*/

    .team-support__layout {

        gap:
            var(--space-xl);

    }


    .team-support__media {

        aspect-ratio:
            4 / 3;

    }


    .team-support__content {

        padding:
            0;

    }


    .team-support__title {

        font-size:
            clamp(
                2rem,
                9vw,
                2.8rem
            );

    }


    .team-support__text {

        font-size:
            .92rem;

        line-height:
            1.75;

    }


    /*-----------------------------------------------------
    INVOLVEMENT

    Remove desktop overlap on mobile.
    Image first, editorial card immediately below.
    -----------------------------------------------------*/

    .team-involvement__media {

        aspect-ratio:
            4 / 3;

    }


    .team-involvement__content {

        margin-top:
            0;

        margin-inline:
            0;

        padding:
            var(--space-xl)
            var(--space-md);

    }


    .team-involvement__title {

        font-size:
            clamp(
                2rem,
                9vw,
                3rem
            );

    }


    .team-involvement__text {

        font-size:
            .92rem;

        line-height:
            1.75;

    }


    /*-----------------------------------------------------
    CTA
    -----------------------------------------------------*/

    .team-cta__statement {

        font-size:
            clamp(
                2rem,
                10vw,
                3rem
            );

    }


    .team-cta__text {

        font-size:
            .92rem;

    }


    .team-cta__actions {

        width:
            100%;

    }

}


/*=========================================================
12 · IMAGE SAFETY
=========================================================*/

.team-people img,
.team-support img,
.team-involvement img {

    max-width:
        100%;

}


/*=========================================================
13 · MOTION SAFETY
=========================================================*/

@media (prefers-reduced-motion: reduce) {

    .team-person__image,
    .team-link {

        transition:
            none;

    }

}