.gallery-section {
background-color: #faf9f6; 
width: 100%;
overflow: hidden; 
display: flex;
flex-direction: column;
}
.gallery-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 500;
font-size: 72px;
color: #000;
margin: 0 0 20px 0;
text-transform: uppercase;
}
.gallery-desc {
font-family: 'General Sans', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: #333;
max-width: 400px;
margin: 0 0 40px 0;
}
.btn-gallery-view {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 0 35px;
height: 56px;
border: 1px solid #000;
border-radius: 50px;
text-decoration: none;
font-family: 'Cormorant Garamond', serif;
font-weight: 600; 
font-size: 24px;
color: #000;
transition: background-color 0.3s, color 0.3s;
}
.btn-gallery-view:hover {
background-color: #000;
color: #fff;
} .marquee-track {
display: flex;
width: max-content; 
animation: scrollGallery 40s linear infinite; 
}
.marquee-img {
width: auto; max-width: none; 
flex-shrink: 0;  }
@keyframes scrollGallery {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
} @media (min-width: 1024px) {
.gallery-section {
flex-direction: row;
align-items: center;
padding: 100px 0 100px 5%; 
gap: 5%;
}
.gallery-content-col {
width: 30%;
flex-shrink: 0;
}
.gallery-carousel-col {
width: 65%; 
overflow: hidden;
height: 600px;
display: flex;
align-items: center;
}
.marquee-img {
height: 600px; }
} @media (max-width: 1023px) {
.gallery-section { padding: 60px 0; 
gap: 30px;
} .gallery-carousel-col {
order: 1; width: 100%;
overflow: hidden;
}
.gallery-content-col {
order: 2; padding: 0 20px; } .gallery-title {
font-size: 48px; 
}
.gallery-desc {
font-size: 16px; }
.btn-gallery-view {
font-size: 20px; height: 50px; padding: 0 25px;
} .marquee-img {
height: 359px; }
}