.pg-about-page {
    min-height: 100vh;
    overflow-x: hidden;
    background: linear-gradient(180deg, #fefffe 0%, #f5f4f7 52%, #fefffe 100%);
}

.pg-about-page .pg-header__logo {
    border-radius: 8px;
    object-fit: cover;
}

.pg-about-page main {
    display: grid;
    gap: clamp(30px, 5vw, 64px);
    padding: clamp(32px, 5vw, 70px) clamp(18px, 4vw, 36px) clamp(76px, 10vw, 128px);
}

.pg-about-mission,
.pg-about-team {
    position: relative;
    width: min(1220px, 100%);
    margin: 0 auto;
    padding: clamp(28px, 4vw, 56px);
    overflow: hidden;
    border: 1px solid rgba(5, 5, 5, .08);
    border-radius: 36px;
    background: rgba(254, 255, 254, .84);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .05);
}

.pg-about-mission__grid,
.pg-about-team__shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(280px, 430px) minmax(0, 1fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: center;
}

.pg-about-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    color: var(--pg-purple);
    font: 600 .8rem/1 "Poppins", sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.pg-about-kicker::before {
    width: 42px;
    height: 1px;
    background: currentColor;
    content: "";
}

.pg-about-mission h1,
.pg-about-team h2,
.pg-about-partner h2 {
    margin: 0 0 18px;
    font: 800 clamp(2.5rem, 5vw, 4.5rem)/.94 "Poppins", sans-serif;
    letter-spacing: -.06em;
    text-transform: uppercase;
}

.pg-about-mission__copy>p:not(.pg-about-kicker),
.pg-about-team__copy>p:not(.pg-about-kicker),
.pg-about-partner__content>div:first-child>p:not(.pg-about-kicker) {
    margin: 0 0 18px;
    color: rgba(5, 5, 5, .63);
    line-height: 1.75;
}

.pg-about-mission__media {
    position: relative;
    aspect-ratio: 1.42 / 1;
    overflow: hidden;
    border-radius: 34px;
    background: #ddd;
    box-shadow: 0 28px 64px rgba(0, 0, 0, .14);
    cursor: crosshair;
}

.pg-about-mission__media>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pg-about-mission__lens {
    position: absolute;
    width: 230px;
    height: 230px;
    border: 2px solid rgba(254, 255, 254, .95);
    border-radius: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .22), 0 0 0 9px rgba(92, 61, 129, .18);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.86);
    transition: opacity .18s ease, transform .18s ease;
}

.pg-about-mission__lens.is-visible {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.pg-about-team h2 {
    max-width: 7ch;
}

.pg-about-team__copy>p:not(.pg-about-kicker) {
    max-width: 32ch;
}

.pg-about-team__pill {
    display: inline-flex;
    margin-top: 10px;
    padding: 12px 16px;
    border: 1px solid rgba(5, 5, 5, .1);
    border-radius: 999px;
    background: var(--pg-white);
    font: 600 .83rem/1 "Poppins", sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pg-about-team__stage {
    position: relative;
    min-width: 0;
    padding: 28px 0 8px;
}

.pg-about-team__track {
    display: flex;
    width: 100%;
    min-width: 0;
    gap: 28px;
    overflow-x: auto;
    padding: 10px 28px 28px 2px;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

.pg-about-team__track::-webkit-scrollbar {
    display: none;
}

.pg-about-team__track.is-dragging {
    cursor: grabbing;
}

.pg-about-team__card {
    flex: 0 0 220px;
    padding-top: 8px;
    text-align: center;
}

.pg-about-team__card:nth-child(even) {
    margin-top: 88px;
}

.pg-about-team__photo {
    width: 185px;
    height: 185px;
    margin: 0 auto 17px;
    overflow: hidden;
    border-radius: 50%;
    background: #eee;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04);
}

.pg-about-team__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.pg-about-team__card h3 {
    margin: 0 0 5px;
    font: 600 1.04rem/1.2 "Poppins", sans-serif;
}

.pg-about-team__card p {
    margin: 0;
    color: rgba(5, 5, 5, .58);
    font-size: .91rem;
}

.pg-about-team__end {
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    margin-top: 42px;
    padding: 30px;
    border: 1px solid rgba(5, 5, 5, .08);
    border-radius: 30px;
    background: radial-gradient(circle at top right, rgba(32, 237, 140, .18), transparent 35%), #fff;
}

.pg-about-team__end h3 {
    margin: 0 0 14px;
    font: 700 1.45rem/1.15 "Poppins", sans-serif;
    letter-spacing: -.04em;
}

.pg-about-team__end p {
    margin: 0;
    color: rgba(5, 5, 5, .6);
    line-height: 1.65;
}

.pg-about-partner {
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
    width: min(1220px, 100%);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(5, 5, 5, .08);
    border-radius: 36px;
    background: linear-gradient(135deg, #fefffe, #f4f1f8);
    box-shadow: 0 28px 64px rgba(0, 0, 0, .1);
}

.pg-about-partner__media {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background: #ddd;
}

.pg-about-partner__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
}

.pg-about-partner__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 36px;
    padding: clamp(32px, 5vw, 64px);
}

.pg-about-partner h2 {
    max-width: 10ch;
    margin-bottom: 22px;
}

.pg-about-partner__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    padding-top: 24px;
    border-top: 1px solid rgba(5, 5, 5, .1);
}

.pg-about-partner__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 22px;
    border-radius: 999px;
    background: var(--pg-purple);
    color: var(--pg-white);
    font: 700 .82rem/1 "Poppins", sans-serif;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .2s ease, background-color .2s ease;
}

.pg-about-partner__action:hover,
.pg-about-partner__action:focus-visible {
    background: var(--pg-green);
    outline: none;
    transform: translateY(-2px);
}

.pg-about-partner__footer span {
    color: rgba(5, 5, 5, .58);
    font: 500 .82rem/1.5 "Poppins", sans-serif;
}

@media (max-width: 900px) {

    .pg-about-mission__grid,
    .pg-about-team__shell,
    .pg-about-partner {
        grid-template-columns: 1fr;
    }

    .pg-about-mission__copy,
    .pg-about-team__copy>p:not(.pg-about-kicker) {
        max-width: none;
    }

    .pg-about-partner__media img {
        min-height: 280px;
        max-height: 360px;
    }
}

@media (max-width: 640px) {
    .pg-about-page main {
        padding-inline: 14px;
    }

    .pg-about-mission,
    .pg-about-team {
        padding: 28px 18px;
        border-radius: 25px;
    }

    .pg-about-mission__media {
        border-radius: 24px;
    }

    .pg-about-mission__lens {
        width: 170px;
        height: 170px;
    }

    .pg-about-team__track {
        gap: 18px;
        padding-right: 14px;
        cursor: auto;
        scroll-behavior: auto;
    }

    .pg-about-team__card {
        flex-basis: 196px;
    }

    .pg-about-team__photo {
        width: 170px;
        height: 170px;
    }

    .pg-about-team__end {
        flex-basis: 260px;
        min-height: 270px;
        padding: 24px;
    }

    .pg-about-partner {
        border-radius: 25px;
    }

    .pg-about-partner__media img {
        min-height: 230px;
        max-height: 280px;
    }

    .pg-about-partner__content {
        gap: 28px;
        padding: 30px 22px;
    }

    .pg-about-partner__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .pg-about-partner h2 {
        max-width: none;
    }
}