.eyebrow{
    font-size:.75rem;
    letter-spacing:4px;
    color:#7A5A38;
    margin-bottom:25px;
    text-transform:uppercase;
}


.intro{

    margin:30px 0 90px;
    max-width:650px;

}


/* LIST */

.research-list{
    display:flex;
    flex-direction:column-reverse;
    gap:70px;
}



.research-item{

    display:grid;

    grid-template-columns:220px 1fr;

    gap:55px;

    padding-bottom:60px;

    border-bottom:1px solid #ded6c8;

}



/* LEFT SIDE */

.research-meta{

    display:flex;

    flex-direction:column;

    gap:25px;

}



.research-number{

    font-size:.75rem;

    letter-spacing:3px;

    color:#777;

}



.research-cover{

    width:220px;

    height:150px;

    object-fit:cover;

    border:1px solid #e5ddd0;

}



/* CONTENT */


.research-content h2{
    margin-bottom: 10px;
    FONT-SIZE: 1.5REM;
    DIRECTION: rtl;
}



.research-content h3{
    font-family:Inter,sans-serif;
    font-size:1rem;
    font-weight:400;
    color:#777;
    margin-bottom:20px;
    direction: rtl;
}



.research-content p{
    direction: rtl;
    max-width: 100%;
}



/* BUTTON */


.research-footer{
    margin-top: 40px;
    direction: rtl;
}



.download-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border: 1px solid #1B1B1B;
    font-size: .9rem;
    transition: .3s;
    text-align: center;
    width: 100%;
    max-width: 25rem;
    border-radius: 7px;
    height: 3rem;
}



.download-btn:hover{

    background:#1B1B1B;

    color:white;

}



/* EMPTY */


.empty-state{

    text-align:center;

    padding:120px 0;

}



@media(max-width:768px){


    .research-item{

        grid-template-columns:1fr;

        gap:30px;

    }


    .research-cover{

        width:100%;

        height:auto;

    }


}