.module:nth-child(2) {
    margin-top: calc(100vh - (var(--1un) + 1rem * 1.25) + var(--gutter) / 2);
        margin-top: calc(100dvh - (var(--1un) + 1rem * 1.25) + var(--gutter) / 2);
}

.module {
    display: grid;
    padding: calc(var(--gutter) / 2) var(--gutter);
    box-sizing: border-box;
    width: 100%;
    grid-auto-rows: min-content;
    column-gap: var(--gutter);
    row-gap: var(--gutter);
}

.module div {
    display: contents;
}

.module img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left picture:first-of-type {
    order: 9999;
}


/* TYPE 1 *//* TYPE 6 */
.module-two_col_vertical, .module-two_col_images {
    grid-template-columns: repeat(2, 1fr);
}


/* TYPE 2 */
.module-side_details {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.module-side_details picture {
    grid-column: span 3;
    grid-row: span 2;
}

.module-side_details .image-detail picture {
    grid-column: span 1;
    grid-row: span 1;
}

/* TYPE 3 *//* TYPE 7 */
.module-horizontal_vertical, .module-three_col_vertical {
    grid-template-columns: repeat(3, 1fr);
}

.module-horizontal_vertical picture:first-of-type {
    grid-column: span 2;
}


/* TYPE 4 */
.module-vertical_two_col {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.module-vertical_two_col picture {
    grid-row: span 2;
}

.module-vertical_two_col .image-detail picture {
    grid-column: span 1;
    grid-row: span 1;
}


/* TYPE 8 - MODULE TEXT */
.module p {
    max-width: calc(50% - var(--gutter) / 2);
}

.module-text {
    row-gap: 0;
}

/*
.module p + p {
   text-indent: var(--1un);
}
   */


/* TYPE 9 - MODULE TEXT */
.module-video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}




@media only screen and (max-width: 768px) {

.module picture {
    grid-column: 1 / -1;
}

.module-side_details .image-detail picture {
    grid-column: span 2;
}

.module-horizontal_vertical picture:first-of-type {
    grid-column: span 3;
}

body.single-page main {
    --gutter: var(--1un);
}

.module {
padding: calc(var(--1un) / 2) var(--1un);
column-gap: var(--1un);
    row-gap: var(--1un);
}


.module-text {
        padding: var(--gutter) var(--1un);
    }

.module p {
    max-width: none;
}

.module:nth-child(2) {
margin-top: calc(100vh + var(--1un) / 2);
}


.module-vertical_two_col .image-detail picture {
    grid-column: 1 / -1;
}



}