.gallery-projects-section {
width: 100%;
background-color: #FAF9F6;
padding: 60px 0 120px 0; }
.gp-container {
max-width: 1440px;
margin: 0 auto;
padding: 0 40px;
} .gp-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 80px 20px; } .gp-card {
display: flex;
flex-direction: column;
text-decoration: none; color: inherit;
}
.gp-card:hover .gp-img {
opacity: 0.9; } .gp-image-wrapper {
width: 100%;
aspect-ratio: 443 / 600; 
overflow: hidden;
background-color: #EAEAEA; border-radius: 0px;
transition: border-radius 0.5s ease-in-out; 
} .gp-card:hover .gp-image-wrapper {
border-radius: 200px;
}
.gp-img, .gp-img-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: opacity 0.3s ease;
} .gp-info {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.gp-category {
margin-top: 46px; font-family: 'General Sans', sans-serif;
font-weight: 500; font-size: 14px;
color: #666666; 
}
.gp-divider {
width: 100%;
height: 1px;
background-color: #D6D6D6; border: none;
margin: 15px 0 20px 0; }
.gp-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 500; font-size: 32px;
color: #000000;
margin: 0;
line-height: 1.2;
text-transform: uppercase;
} @media (max-width: 1023px) {
.gp-container {
padding: 0 20px;
}
.gp-grid {
grid-template-columns: 1fr; gap: 60px; }
.gp-category {
margin-top: 30px; }
.gp-title {
font-size: 28px;
}
}