
.lai-team {
    color: #fff;
    background-color: #24568b;
    background-image:
        linear-gradient(to bottom, rgba(31,90,187,0) 35%, rgba(31,90,187,.8) 100%),
        linear-gradient(to bottom, rgba(36,86,139,0) 35%, rgba(36,86,139,.8) 100%),
        var(--team-photo);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 16px;
    overflow: hidden;
    font-family: Overpass, sans-serif;
}
.lai-team *, .lai-team *::before { box-sizing: border-box; }
.lai-team__inner {
    min-height: 756px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 100px;
    align-items: end;
    padding-block: 440px 44px;
}
.lai-team__signature { display: block; width: 100%; height: auto; align-self: end; }
.lai-team__content p { font-size: 16px; line-height: 1.35; margin: 0 0 22px; color: #fff; }
.lai-team__stats { display: grid; grid-template-columns: 1fr 1.12fr 1fr; margin: 0; }
.lai-team__stats > div { padding-inline: 20px; border-left: 1px solid #ffffff20; }
.lai-team__stats > div:first-child { padding-left: 0; border-left: 0; }
.lai-team__stats > div:last-child { padding-right: 0; }
.lai-team__stats dt { font-size: 16px; line-height: 1.3; font-weight: 400; margin: 0 0 5px; }
.lai-team__stats dd { font-size: 42px; line-height: 1.1; font-weight: 600; margin: 0; white-space: nowrap; }
@media (min-width: 1441px) { .lai-team { background-size: cover; } }
@media (max-width: 1100px) { .lai-team__inner { gap: 40px; min-height: 650px; padding-top: 360px; } .lai-team__stats dd { font-size: 34px; } .lai-team__stats > div { padding-inline: 12px; } }
@media (max-width: 900px) {
    .lai-team { background-position: center top; }
    .lai-team__inner { grid-template-columns: 1fr; gap: 28px; padding-block: 380px 32px; min-height: 0; }
    .lai-team__signature { width: min(100%, 520px); }
    .lai-team__content { max-width: 620px; }
    .lai-team__stats dd { font-size: 38px; }
}
@media (max-width: 600px) {
    .lai-team { border-radius: 12px; background-size: auto 400px; background-color: #1f5abb; background-position: center top; }
    .lai-team__inner { padding-top: 300px; }
    .lai-team__content p { font-size: 16px; }
    .lai-team__stats dt { font-size: 13px; }
    .lai-team__stats dd { font-size: clamp(25px, 7vw, 36px); }
    .lai-team__stats > div { padding-inline: 10px; }
}

/* Mobile reference: photo banner, then stacked results on white. */
@media (max-width: 600px) {
    .lai-team {
        --team-mobile-photo-height: clamp(210px, 60.7vw, 364px);
        position: relative;
        background: #fff;
        color: #102543;
        border: 1px solid #e4e7ec;
        border-radius: 8px;
        overflow: hidden;
    }
    .lai-team::before {
        content: '';
        position: absolute;
        inset: 0 0 auto;
        height: var(--team-mobile-photo-height);
        border-radius: 20px;
        background-image:
            linear-gradient(to bottom, rgba(31,90,187,0) 35%, rgba(31,90,187,.8) 100%),
            linear-gradient(to bottom, rgba(36,86,139,0) 35%, rgba(36,86,139,.8) 100%),
            var(--team-photo);
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .lai-team__inner {
        position: relative;
        display: block;
        padding-block: calc(var(--team-mobile-photo-height) + 32px) 64px;
    }
    .lai-team__signature {
        position: absolute;
        top: calc(var(--team-mobile-photo-height) - 105px);
        left: var(--lai-container-gutter);
        width: min(68%, 340px);
        height: 105px;
        object-fit: contain;
        object-position: left bottom;
    }
    .lai-team__content { max-width: none; }
    .lai-team__content > p { display: none; }
    .lai-team__stats { display: block; }
    .lai-team__stats > div,
    .lai-team__stats > div:first-child,
    .lai-team__stats > div:last-child {
        padding: 13px 0 16px;
        border-left: 0;
        border-bottom: 1px solid #e4e7ec;
    }
    .lai-team__stats > div:first-child { padding-top: 0; }
    .lai-team__stats > div:last-child { border-bottom: 0; padding-bottom: 0; }
    .lai-team__stats dt { font-size: 16px; line-height: 1.3; margin-bottom: 7px; }
    .lai-team__stats dd { font-size: 36px; line-height: 1.15; font-weight: 600; }
}

/* Move only the photograph; keep the overlay and content steady. */
@media (min-width: 601px) {
    .lai-team { position: relative; isolation: isolate; background-image: none; }
    .lai-team::after {
        content: ''; position: absolute; inset: -120px 0; z-index: 0;
        background: var(--team-photo) center / cover no-repeat;
        transform: translateY(var(--team-parallax, 0px));
    }
    .lai-team::before {
        content: ''; position: absolute; inset: 0; z-index: 1;
        background: linear-gradient(to bottom, rgba(31,90,187,0) 35%, rgba(31,90,187,.8) 100%),
                    linear-gradient(to bottom, rgba(36,86,139,0) 35%, rgba(36,86,139,.8) 100%);
        pointer-events: none;
    }
    .lai-team__inner { position: relative; z-index: 2; }
}
@media (prefers-reduced-motion: reduce) {
    .lai-team::after { transform: none; }
}
