/* =========================================
   Global Spacing System – Matmoe Modern
   ========================================= */

/* Section Base */
.section {
    padding: 120px 20px;
}

/* Varianten */
.section-tight {
    padding: 80px 20px;
}

.section-large {
    padding: 160px 20px;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.container-wide {
    max-width: 1400px;
}

.container-narrow {
    max-width: 900px;
}

/* Vertical Rhythm */
.stack > * + * {
    margin-top: 24px;
}

.stack-lg > * + * {
    margin-top: 40px;
}

.stack-xl > * + * {
    margin-top: 64px;
}

/* Grid Gap Helpers */
.grid-gap {
    gap: 32px;
}

.grid-gap-lg {
    gap: 48px;
}

/* =========================================
   Responsive
   ========================================= */

@media (max-width: 1024px) {
    .section {
        padding: 100px 20px;
    }

    .section-large {
        padding: 120px 20px;
    }
}

@media (max-width: 768px) {
    .section {
        padding: 80px 16px;
    }

    .section-tight {
        padding: 60px 16px;
    }

    .section-large {
        padding: 100px 16px;
    }

    .stack-lg > * + *,
    .stack-xl > * + * {
        margin-top: 32px;
    }
}