/* --- ATELIÊ SPLIT IMAGE ROWS (Fix for locked style.css) --- */
.atelie-split-image-row {
    display: flex;
    width: 100%;
    height: 70vh;
    /* Large height for impact */
    margin: 0;
}

.atelie-image-half {
    flex: 0 0 50%;
    width: 50%;
    height: 100%;
    background-color: #E5E5E5;
    /* Placeholder Gray */
    position: relative;
    /* Future: background-image: url(...); background-size: cover; */
}

/* Mobile: Stack Images */
@media (max-width: 768px) {
    .atelie-split-image-row {
        flex-direction: column;
        height: auto;
    }

    .atelie-image-half {
        flex: 0 0 100%;
        width: 100%;
        height: 50vh;
        /* Half screen height each */
    }
}
/* --- ATELIÊ LAYOUT REFINEMENTS --- */
.atelie-content-section {
    padding: 5rem 5% !important; /* Force 5% side padding and top spacing */
    max-width: 1400px;
    margin: 0 auto;
}

.atelie-service-row.four-cols {
    width: 100%;
    margin: 0 auto;
    /* Ensure grid gap handles internal spacing */
}

/* Adjust spacing between Split Images and Text Content */
.atelie-split-image-row + .atelie-content-section {
    margin-top: 2rem; /* Additional breathing room if needed beyond padding */
}

/* --- ATELIÊ LAYOUT REFINEMENTS (STRETCHED) --- */
.atelie-content-section {
    padding: 5rem 5% !important; /* Force 5% side padding */
    max-width: none !important; /* Allow full stretch */
    width: 100% !important;
    margin: 0;
}

.atelie-service-row.four-cols {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Harmonious equal columns */
    gap: 4rem; /* Generous breathing room */
}