.project-card{
border-radius:12px;
overflow:hidden;
border:2px solid #e5e5e5;
transition:all .3s;
background:#fff;
}

.project-card:hover{
border-color:#ffc03d;
box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

.project-card .image{
position:relative;
height:200px;
overflow:hidden;
}

.project-card img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .5s;
}

.project-card:hover img{
transform:scale(1.1);
}

.overlay{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.6),transparent);
}

.project-category{
position:absolute;
bottom:15px;
left:15px;
background:#ffc03d;
padding:5px 10px;
border-radius:20px;
font-size:12px;
font-weight:600;
color:#536103;
}

.header{
background:linear-gradient(135deg,#536103,#6a7a04);
padding:20px;
color:#fff;
}

.header h3{
margin:0 0 8px;
font-size:20px;
}

.location{
font-size:14px;
opacity:.9;
}

.content{
padding:20px;
}

.meta{
margin-top:15px;
font-size:14px;
}

.scope{
border-top:1px solid #e5e5e5;
padding-top:10px;
margin-top:10px;
}

.swiper-button-prev,
.swiper-button-next{
transition: opacity .3s ease;
}