/*==================================

Great Thinkers

==================================*/

.thinkers{

    padding:8rem 0;

    background:#faf8f4;

}

.section-heading{

    max-width:760px;

    margin:0 auto 5rem;

    text-align:center;

}

.section-heading h2{

    margin:1rem 0;

}

.section-heading p{

    color:var(--text-light);

    line-height:1.8;

}

.featured-thinker{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:4rem;

    align-items:center;

    margin-bottom:4rem;

}

.thinker-image{

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.thinker-image img{

    width:100%;

    display:block;

}

/*==================================

Thinker Selector

==================================*/

.thinker-selector{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    gap:2rem;

    flex-wrap:wrap;

}

.thinker-thumb{

    background:none;

    border:none;

    cursor:pointer;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:.8rem;

    transition:.35s;

}

.thinker-thumb img{

    width:90px;

    height:90px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid transparent;

    transition:.35s;

    filter:grayscale(100%);

}

.thinker-thumb span{

    font-size:.95rem;

    color:var(--text-light);

    transition:.3s;

}

.thinker-thumb:hover img{

    transform:translateY(-6px);

    filter:grayscale(0);

}

.thinker-thumb:hover span{

    color:var(--primary);

}

.thinker-thumb.active img{

    border-color:var(--gold);

    filter:grayscale(0);

    transform:scale(1.08);

}

.thinker-thumb.active span{

    color:var(--primary);

    font-weight:600;

}

@media (max-width:768px){

    .featured-thinker{

        grid-template-columns:1fr;

        gap:2rem;

        text-align:center;

    }

    .thinker-selector{

        gap:1.25rem;

    }

    .thinker-thumb img{

        width:70px;

        height:70px;

    }

}