.project-case1{width:100%;box-sizing:border-box;padding:40px 0px}
.project-case1 .project-case1-container{margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;box-sizing:border-box}
.project-case1 .project-case1-card{background-color:#fff;display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:all 0.3s ease;cursor:pointer}
.project-case1 .project-case1-card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.15)}
.project-case1 .project-case1-card:hover .project-case1-img-wrap img{transform:scale(1.04)}
.project-case1 .project-case1-card:hover .project-case1-date{background-color:var(--color)}
.project-case1 .project-case1-card:hover .project-case1-more{color:var(--color)}
.project-case1 .project-case1-img-wrap{width:100%;aspect-ratio:1;overflow:hidden;position:relative}
.project-case1 .project-case1-img-wrap img{object-fit:cover;transition:transform 0.3s ease;display:block}
.project-case1 .project-case1-date{position:absolute;bottom:0;left:0;background-color:#1a1a1a;color:#fff;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color 0.3s ease}
.project-case1 .project-case1-day{font-size:18px;font-weight:bold;line-height:1.1}
.project-case1 .project-case1-month{font-size:13px;line-height:1.1;margin-top:2px}
.project-case1 .project-case1-info{padding:25px 20px;display:flex;flex-direction:column;flex-grow:1}
.project-case1 .project-case1-title{font-size:16px;color:#1a1a1a;font-weight:bold;margin:0 0 12px 0;line-height:1.4}
.project-case1 .project-case1-desc{font-size:14px;color:#666;margin:0 0 20px 0;line-height:1.6;flex-grow:1}
.project-case1 .project-case1-more{font-size:14px;color:#333;text-decoration:none;transition:color 0.3s ease;align-self:flex-start}
@media (max-width:1024px){.project-case1 .project-case1-container{grid-template-columns:repeat(2,1fr)}
}@media (max-width:768px){.project-case1 .project-case1-container{grid-template-columns:1fr}}
 .project-case1 .project-case1-img-wrap{aspect-ratio:378/283}
.project-case1 .project-case1-img-wrap p{width:100%;height:100%}
.project-case1 .project-case1-img-wrap img{width:100%;height:100%;object-fit:cover}