.team-section{padding:100px 0}.team-section .cards{grid-template-columns:repeat(4,1fr)}.person{border:1px solid #dfe5e7;padding:25px}.avatar{height:220px;background:linear-gradient(145deg,#dfe3e2,#aeb8b7);display:flex;align-items:end;justify-content:flex-end;padding:15px;color:#fff;font:800 36px Oswald;margin-bottom:24px}.person h3{font:700 20px Oswald;margin:8px 0}.person p{font-size:13px;color:#69767b}.team-cta{padding:90px 0;background:#172026;color:#fff}.team-cta h2{font:800 clamp(38px,5vw,62px)/1.05 Oswald;margin:15px 0 30px;max-width:700px}@media(max-width:950px){.team-section .cards{grid-template-columns:1fr 1fr}}@media(max-width:550px){.team-section{padding:70px 0}.team-section .cards{grid-template-columns:1fr}}


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

.team-hero {
    position: relative;

    min-height: 620px;
    height: 70vh;
    max-height: 760px;

    display: flex;
    align-items: center;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    overflow: hidden;
}

.team-hero .page-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .82) 0%,
            rgba(0, 0, 0, .58) 45%,
            rgba(0, 0, 0, .22) 100%
        );
}

.team-hero .page-hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
    padding: 40px 55px 0;

    box-sizing: border-box;
}

.team-hero .page-hero-content h1 {
    max-width: 800px;

    margin: 16px 0 24px;

    color: #fff;

    font-size: clamp(52px, 5.4vw, 78px);
    line-height: .98;
    letter-spacing: -0.045em;
}

.team-hero .page-hero-content p {
    max-width: 650px;

    margin: 0;

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

    font-size: 18px;
    line-height: 1.7;
}


/* =================================
   TEAM SECTION
================================= */

.team-section {
    padding: 120px 0;
}

.team-section .cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1px;

    background: #ddd;

    border: 1px solid #ddd;
}

.team-section .person {
    padding: 55px;

    background: #fff;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.team-section .person:hover {
    position: relative;
    z-index: 2;

    transform: translateY(-4px);

    box-shadow: 0 20px 45px rgba(0, 0, 0, .10);
}

.team-section .avatar {
    width: 68px;
    height: 68px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 35px;

    background: #111;
    color: #fff;

    font-size: 25px;
    font-weight: 700;
    letter-spacing: .08em;
}

.team-section .person h3 {
    margin: 12px 0 16px;

    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.team-section .person p {
    max-width: 500px;

    margin: 0;

    color: #666;

    font-size: 16px;
    line-height: 1.7;
}


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

.team-cta {
    padding: 120px 0;

    background: #111;
    color: #fff;
}

.team-cta .container {
    max-width: 1000px;
}

.team-cta .eyebrow {
    color: rgba(255, 255, 255, .6);
}

.team-cta h2 {
    max-width: 800px;

    margin: 18px 0 35px;

    font-size: clamp(40px, 5vw, 64px);
    line-height: 1.05;
    letter-spacing: -.04em;
}


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

@media (max-width: 900px) {

    .team-hero .page-hero-content {
        padding: 40px 35px 0;
    }

    .team-section .cards {
        grid-template-columns: 1fr;
    }

    .team-section .person {
        padding: 45px;
    }
}


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

@media (max-width: 600px) {

    .team-hero {
        min-height: 560px;
        height: 72vh;
    }

    .team-hero .page-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, .86) 0%,
                rgba(0, 0, 0, .68) 100%
            );
    }

    .team-hero .page-hero-content {
        padding: 40px 24px 0;
    }

    .team-hero .page-hero-content h1 {
        font-size: 44px;
    }

    .team-hero .page-hero-content p {
        font-size: 16px;
        line-height: 1.6;
    }

    .team-section {
        padding: 70px 0;
    }

    .team-section .person {
        padding: 35px 28px;
    }

    .team-section .person h3 {
        font-size: 25px;
    }

    .team-cta {
        padding: 80px 0;
    }

    .team-cta h2 {
        font-size: 40px;
    }
}

/* Button Base & Icon Alignment */
.btn i {
    display: inline-block;
    margin-left: 8px;
    font-size: 0.85em;
    color: #c6a15b;
    
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover Animation: Up and Right Diagonal Movement */
.btn:hover i {
    transform: translate(3px, -3px);
}