.public-team-section {
    width: min(1500px, calc(100% - 64px));
    margin: 0 0 0 32px;
    padding: 0 0 120px;
}

.public-team-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 30px;
    padding: 90px 0 32px;
    border-top: 1px solid var(--line);
}

.public-team-heading h2 {
    margin: 0;
    font-size: clamp(2.8rem, 5vw, 5.2rem);
}

.public-team-message {
    max-width: 360px;
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
}

.public-team-message.is-error {
    color: #c86a62;
}

.public-team-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 14px;
}

.public-team-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 110px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
}

.public-team-avatar {
    display: grid;
    flex: 0 0 50px;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--accent);
    color: #11100f;
    font-size: .82rem;
    font-weight: 700;
}

.public-team-card h3 {
    margin: 0 0 6px;
    font-size: 1.35rem;
}

.public-team-card p {
    margin: 0;
    color: var(--muted);
    font-size: .76rem;
}

@media (max-width: 680px) {
    .public-team-section {
        width: min(100% - 36px, 1500px);
        margin-left: 18px;
    }

    .public-team-heading {
        display: block;
        padding-top: 60px;
    }

    .public-team-message {
        margin-top: 20px;
    }
}
