main.entry-content > [class*='block-'][class*='style-']:not(span).block-split-block {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 110vh;
    width: 100vw;
    margin-left: -50vw;
    position: relative;
    left: 50%;
    text-align: left;
    max-width: 100vw;
}

.block-split-block>* {
    display: flex;
    flex-direction: column;
    flex: 1 0 50%;
    padding: calc(var(--block-padding-y) * 2) var(--block-padding-x);
    justify-content: center;
    align-items: flex-start;
    gap: var(--block-gap);
    width: 50%;
    box-sizing: border-box;
}

.block-split-block>*>* {
    flex-grow: 1
}

.block-split-block>* .block-button-row {
    justify-content: flex-start
}

:root {
    --toward-spine-padding: clamp(4rem, calc(var(--block-padding-x) * 0.5), calc(var(--block-padding-x) * 0.5))
}

.block-split-block>:first-child {
    padding-right: var(--toward-spine-padding);
    padding-left: clamp(var(--block-padding-x), calc(((100vw - var(--maxWidthPX)) / 2) + 20px), 50%)
}

.block-split-block>:first-child > .content-col-container {
    align-self: flex-end;
    padding-right: var(--toward-spine-padding);
    padding-left: clamp(var(--block-padding-x), calc(((100vw - var(--maxWidthPX)) / 2) + 20px), 50%);
}

.block-split-block>:last-child > .content-col-container {
    align-self: flex-start
    padding-left: var(--toward-spine-padding);
    padding-right: clamp(var(--block-padding-x), calc(((100vw - var(--maxWidthPX)) / 2) + 20px), 50%)
}
.block-split-block.style-dark {
    background: var(--style-dark-bg)
}

.block-split-block>.content-col p+ul {
    margin-top: calc((var(--block-gap) * -1) + var(--list-gap))
}

.block-split-block>.gallery-col {
    padding-top: 50vh;
    padding-bottom: 50vh;
    overflow: hidden;
    position: sticky;
    top: 0;
    align-self: flex-start;
    max-height: 100vh;
    /* width: 50%; */
}

.block-split-block>.gallery-col.contain .gallery-item {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    top: 50%;
    left: var(--block-padding-x);
    transform: translate(0,-50%) scale(.85);
    width: calc(100% - var(--block-padding-x));
    border-radius: var(--s16-24);
    height: auto;
    opacity: 0
}

.block-split-block>.content-col+.gallery-col.contain .gallery-item {
    left: 0
}

.block-split-block>.gallery-col.contain .gallery-item.is-active {
    transform: translate(0,-50%) scale(1);
    opacity: 1
}

.block-split-block>.gallery-col.contain .gallery-item img {
    object-fit: cover
}

.block-split-block>.content-col {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    mask: var(--fade-out-top-bottom-2x-block-padding-y)
}

.gallery-col-container,.content-col-container {
    display: flex;
    flex-direction: column;
    gap: var(--block-gap);
    padding: calc(var(--block-padding-y) * 2) var(--block-padding-x);
    justify-content: center;
    flex: 1 1 100%;
    width: 100%;
    text-align: left
}

.block-split-block > * .content-col-container {
    padding-left: var(--toward-spine-padding);
    padding-right: clamp(var(--block-padding-x), calc(((100vw - var(--maxWidthPX)) / 2) + 20px), 50%);
    box-sizing: border-box;
    text-align: left;
}

.gallery-col-container {
    max-width: 1920px
}

.content-col-container * {
    justify-content:flex-start;
    align-items:flex-start;
    text-align:left;
}

@media(max-width: 1280px) {
    .block-split-block>.content-col {
        padding:0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        mask: var(--fade-out-top-bottom-2x-block-padding-y)
    }
    .content-col-container * {
        justify-content:flex-start;
        align-items:center;
        text-align:center;
    }
}

@media(max-width: 1280px) {
    main.entry-content > [class*='block-'][class*='style-']:not(span).block-split-block {
        flex-direction:column
    }

    .block-split-block>* {
        padding: var(--block-padding);
        width: 100%
    }

    .block-split-block .gallery-col {
        order: 1;
        aspect-ratio: 16/10;
        position: relative;
        max-height: 66vh;
        padding: 0
    }

    .block-split-block .gallery-col.contain,.block-split-block>.content-col+.gallery-col.contain .gallery-item {
        aspect-ratio: 4/3;
        left: var(--block-padding-x)
    }

    .block-split-block>.gallery-col.contain .gallery-item {
        width: calc(100% - (var(--block-padding-x) * 2));
        aspect-ratio: 4/3
    }

    .block-split-block>.gallery-col.contain .gallery-item.square {
        aspect-ratio: 1/1
    }

    .block-split-block .content-col {
        order: 2;
        align-items: center;
        text-align: center;
        mask: none;
        max-height: none
    }

    .block-split-block .content-col .content-col-container {
        padding: calc(var(--block-padding-x) + 40px);
        padding-top: var(--col-gap);
        padding-bottom: var(
        --block-padding-y);
        max-width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center
    }

    .block-split-block .content-col .content-col-container * {
        text-wrap: balance
    }

    .block-split-block.contain .content-col .content-col-container {
        padding-top: var(--block-gap)
    }

    .block-split-block * .block-button-row {
        justify-content: center
    }

    .block-split-block .content-col-container ul {
        margin: 0 auto;
        text-align: left
    }
}
@media(max-width:768px) {
    .block-split-block .content-col .content-col-container {
        padding-right: var(--block-padding-x);
        padding-left: var(--block-padding-x);
    }
}

  
@media(max-width: 480) {
    .block-split-block .gallery-col.contain {
        aspect-ratio:1/1
    }
}

/* .block-split-block {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: clamp(30vh, calc((566 / var(--maxWidth)) * 100vw), 100vh);
    width: 100vw;
    margin-left: -50vw;
    position: relative;
    left: 50%;
}
.block-split-block > * {
    display: flex;
    flex-direction: column;
    flex: 1 0 50%;
    padding: calc(var(--block-padding-y) * 2) var(--block-padding-x);
    justify-content: center;
    align-items: flex-start;
    gap: var(--block-gap);
    width: 50%;
}
.block-split-block > * > * {
    flex-grow: 1;
}
.block-split-block > * .block-button-row {
    justify-content: flex-start;
}
:root{
    --toward-spine-padding: clamp(2rem, 
        calc(var(--block-padding-x) * 0.5), 
        calc(var(--block-padding-x) * 0.5)) ;
}
.block-split-block > :first-child {
    padding-right: var(--toward-spine-padding);
    
}
.block-split-block > :first-child > * {
    align-self: flex-end;
}

.block-split-block > :last-child {
    padding-left: var(--toward-spine-padding);
}
.block-split-block > :last-child > * {
    align-self: flex-start;
}
.block-split-block.style-dark {
    background:var(--style-dark-bg);
}

.block-split-block > .content-col p + ul {
    margin-top:calc((var(--block-gap) * -1) + var(--list-gap));
}
.block-split-block > .gallery-col {
    padding-top:50vh;
    padding-bottom: 50vh;
    overflow: hidden;
    position: sticky;
    top: 0;
    align-self: flex-start;
    max-height: 100vh;
}
.block-split-block > .gallery-col.contain .gallery-item {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    top: 50%;
    left: var(--block-padding-x);
    transform: translate(0, -50%) scale(0.85);
    width: calc(100% - var(--block-padding-x));
    border-radius: var(--s16-24);
    height: auto;
    opacity: 0;
}
.block-split-block > .content-col + .gallery-col.contain .gallery-item {
    left: 0;
}
.block-split-block > .gallery-col.contain .gallery-item.is-active {
    transform: translate(0, -50%) scale(1);
    opacity: 1;
}
.block-split-block > .gallery-col.contain .gallery-item img {
    object-fit: cover;
}
.block-split-block > .content-col {
    padding:0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    mask: var(--fade-out-top-bottom-2x-block-padding-y);
}

.gallery-col-container, 
.content-col-container {
    display: flex;
    flex-direction: column;
    gap: var(--block-gap);
    padding: calc(var(--block-padding-y) * 2) var(--block-padding-x);
    justify-content: center;
    flex: 1 1 100%;
    width: 100%;
    max-width: calc(var(--maxWidthPX) / 2);
}
.gallery-col-container {
    max-width: 1920px;
}
@media(max-width:1280px){
    .block-split-block > .content-col {
        padding:0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        mask: var(--fade-out-top-bottom-2x-block-padding-y);
    } 
}

@media(max-width:1280px){
    .block-split-block {
        flex-direction: column;
    }
    .block-split-block > * {
        padding: var(--block-padding);
        width:100%;
    }
    .block-split-block .gallery-col {
        order: 1;
        aspect-ratio: 16/10;
        position: relative;
        max-height: 66vh;
        padding:0;
    }
    .block-split-block .gallery-col.contain,
    .block-split-block > .content-col + .gallery-col.contain .gallery-item {
        aspect-ratio: 4/3;
        left:var(--block-padding-x);
    }
    .block-split-block > .gallery-col.contain .gallery-item {
        width:calc(100% - (var(--block-padding-x) * 2));
        aspect-ratio: 4/3;
    }
    .block-split-block > .gallery-col.contain .gallery-item.square {
        aspect-ratio: 1/1;
    }
    .block-split-block .content-col {
        order: 2;
        align-items: center;
        text-align: center;
        mask:none;
        max-height: none;
    }
    .block-split-block .content-col .content-col-container {
        padding-top:var(--block-padding-y);
        padding-bottom:var(--block-padding-y);
        max-width: 100%;
    }
    .block-split-block.contain .content-col .content-col-container {
        padding-top:var(--block-gap);
    }
    .block-split-block * .block-button-row{
        justify-content: center;
    }
    .block-split-block .content-col-container ul {
        margin: 0 auto;
        text-align: left;
    }
}
@media(max-width:480){
    .block-split-block .gallery-col.contain {
        aspect-ratio: 1/1;
    }
} */