#projects-archive-root,
#service-area-archive-root {
width: 100%;
padding: 60px 0;
} #projects-archive-root .projects-grid,
#service-area-archive-root .projects-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} #projects-archive-root .project-card,
#service-area-archive-root .project-card {
background: #ffffff;
border-radius: 14px;
overflow: hidden;
transition: all 0.25s ease;
} #projects-archive-root .project-card:hover,
#service-area-archive-root .project-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.10);
} #projects-archive-root .project-card img,
#service-area-archive-root .project-card img {
width: 100%;
height: auto;
display: block;
} #projects-archive-root .project-title,
#service-area-archive-root .project-title {
font-size: 18px;
margin: 10px 0 0;
line-height: 1.3;
padding: 12px 14px;
} #projects-archive-root .project-card a,
#service-area-archive-root .project-card a {
display: block;
text-decoration: none;
color: inherit;
}  @media (max-width: 1000px) {
#projects-archive-root .projects-grid,
#service-area-archive-root .projects-grid {
grid-template-columns: repeat(2, 1fr);
gap: 18px;
}
} @media (max-width: 600px) {
#projects-archive-root .projects-grid,
#service-area-archive-root .projects-grid {
grid-template-columns: 1fr;
gap: 16px;
}
#projects-archive-root .project-title,
#service-area-archive-root .project-title {
font-size: 16px;
line-height: 1.3;
padding: 10px 12px;
}
}