/* Grid System */
.grid {
    display: grid;
    gap: 2rem;
}

/* Project Grid */
.project-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 2rem;
}

/* Image Grid */
.image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
}

/* Projects Grid */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

/* Features Grid */
.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

/* Value Grid */
.value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

/* Metadata Grid */
.metadata {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

/* Responsive Grid Adjustments */
@media (max-width: 768px) {
    .project-grid,
    .image-grid,
    .projects-grid,
    .features-grid,
    .value-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .metadata {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 480px) {
    .metadata {
        grid-template-columns: 1fr;
    }
}