.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:1080px){
    .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:768px){
    .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: 50vh;
        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);
    }
    .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;
    }
}