/* ==========================================================================
   EXPERIENCE PAGE STYLES
   Page: experience.html - Immersive dining gallery and testimonials
   ========================================================================== */

/* --- Masonry photo gallery layout --- */
.masonry {
    column-count: 2;
    column-gap: 1rem;
}

@media (min-width: 768px) {
    .masonry {
        column-count: 3;
    }
}

@media (min-width: 1024px) {
    .masonry {
        column-count: 4;
    }
}

.masonry-item {
    break-inside: avoid;
    margin-bottom: 1rem;
}

/* --- Testimonial horizontal slider track --- */
.testimonial-track {
    display: flex;
    transition: transform 0.5s ease;
}