.project{
    display:grid;
    grid-template-columns:40% 60%;
    min-height:auto;
    margin: 0 auto;
    padding: 0 70px;
    gap: 20px;
    max-width: 1300px;
}
.project.horseman{
   min-height:auto;
}

.project_info{
    position:sticky;
    top:0;
     height:fit-content;
padding-right: 20px;
    display:flex;
    flex-direction:column;
}
.project_info.horseman{
    height:auto;
}
.project_preview img{
    width:100%;
    display:block;
}
.project_hero{
    font-size: 75px;
    margin-bottom: 20px;
}

.project_des, .project_year, .project_role, .project_customers{
    margin-bottom: 40px;
    line-height: 30px;
}
.item_inter{
font-family:'Iosevka_Charon';
}
.project_des{
   font-family:'Iosevka_Charon'; 
}
.barber{
    background-color: #dadada;
}
.soma{
     background-color: #ffffff;
     color: #83460c;
}
.hero_project.soma{
    background-color: #83460c;
    color: white;
}
.hero_project.horseman{
    background-color: #83460c;
    color: white;
}
.soma .header_link{
    color: #83460c;
}
.soma .footer{
    border-color: #83460c;
}
.horseman .footer{
    border-color: #83460c;
}
.horseman .header_link{
    color: #83460c;
}
.horseman{
    background-color: #e8d7c4;
    color: #83460c;
}
.sevil{
    background-color: #cdd9e7;
}
.trans{
    background-color: #e5ccb8;
}
.banner_trans{
    border: 1px solid;
}
.logo{
    max-width: 112px;
}
.naish{
    background-color: #060606;
    color: #f5e1d6;
}
.header.table .header_link{
    color:#f5e1d6 ;
}
.hero_project.naish{
    background-color:#f5e1d6 ;
    color: #060606;
}
.footer.soma a{
    color: #83460c;
}
.footer.naish{
    border-color: #f5e1d6;
}
.footer.naish a{
    color: #f5e1d6;
}
.footer.horseman a{
    color: #83460c;
}
@media (max-width: 1250px) {
.project_hero{
    font-size: 55px;
}
}
@media (max-width: 1050px) {
.project{
    padding: 0 60px;
}
}
@media (max-width: 900px) {
    .project {
        grid-template-columns: 1fr;
        min-height: auto;
        
        gap: 30px;
    }

    .project_info {
        position: static;
        height: auto;
        padding-right: 0;
    }

    .project_preview img {
        width: 100%;
        height: auto;
        display: block;
    }

    .project_hero {
        font-size: 48px;
        margin-bottom: 15px;
    }

    .project_des,
    .project_year,
    .project_role,
    .project_customers {
        margin-bottom: 20px;
        line-height: 26px;
    }

    .hero_project {
        margin-top: 10px;
    }
    .project_customers{
        margin-bottom: 0;
    }
}
@media (max-width: 515px) {
.project{
    padding: 0 50px;
}
}