.grid,
.grid2,
.grid3 {

    display: flex;

    justify-content: center;
    flex-wrap: wrap;

    gap: var(--space-lg);
}


.grid {
    margin-top: var(--space-xl);
}


.grid2 {
    margin-top: var(--space-md);
}

.grid3 {
    gap: var(--space-xs);
}


.hero {

    width: 100%;
    max-width: 1200px;

    display: flex;

    gap: var(--space-lg);

    align-items: flex-start;

    margin-top: var(--space-2xl);
}