/* Base Styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
    scroll-behavior: smooth;
}

/* Custom Masonry Grid */
.grid {
    margin: 0 auto;
}

.grid-item {
    width: 300px;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.grid-item:hover {
    transform: scale(1.02);
}

/* Lightbox Styles */
#lightbox {
    transition: opacity 0.3s ease;
}

/* Filter Button Active State */
.filter-btn.active {
    background-color: #111827;
    color: white;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .grid-item {
        width: 100%;
    }
}

/* Animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.grid-item {
    animation: fadeIn 0.5s ease forwards;
}