@import url(style.css);

/* ---- Who We Are ---- */
.members-header {
    background: var(--gradient-cool); 
}

.members-list {
    margin-top: 60px;
    display: flex;
    gap: 4rem;
    flex-direction: column;
}

.member {
    display: flex;
    gap: 2rem;
}

.member-photo {
    width: 25rem;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    border-radius: 0.75rem;
    border: 1px solid var(--border-primary);

    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
    align-self: flex-start;
}

.member-info {
    padding: 1rem;
    background: linear-gradient(180deg, var(--clear) 0%, #000 65.96%);
}

.member-info h4 {
    margin: auto auto 0.5rem auto;
}

@media screen and (max-width: 950px) {
    .member {
        flex-direction: column;
    }
}

@media screen and (max-width: 30rem) {
    .member-photo {
        width: 100%;
    }
}