.block-column {
    display:flex;
    flex-direction:column;
    gap: var(--col-gap);
    justify-content: flex-start;
    border-radius: var(--s16-24);
    overflow: hidden;
    background: var(--white);
    filter: drop-shadow(var(--standard-shadow));
}
.block-column > .wrapper {
    display:flex;
    flex-direction:column;
    gap: 0;
    justify-content: flex-start;
    border-radius: var(--s16-24);
    flex:1 1 100%;
    width:100%;
    mask: linear-gradient(to bottom, black 0%, black calc(100% - var(--s16-32)), transparent 100%);
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(0) translateY(0) translateZ(0);
}
.block-column.layout-alt > .wrapper {
    flex-direction: row;
    max-width: 100%;
    flex-wrap: nowrap;
    gap: 0;
    mask:none;
    align-content: flex-start;
    height: 100%;
    overflow-y: hidden;
}
.block-column.layout-alt.flip > .wrapper {
    flex-direction: row-reverse;
}
.block-column.layout-alt > .wrapper > .block-gallery {
    width: 0;
    flex: 1 1 45%;
}
.block-column.layout-alt > .wrapper > .block-inner-content {
    flex: 1 1 55%;
    box-sizing: border-box;
    overflow-y: auto;
    justify-content: flex-start;
    padding: var(--s16-32);
    mask: linear-gradient(to bottom, black 0%, black calc(100% - var(--s16-32)), transparent 100%);
    max-height: 100%;
    height: 100%;
    /* min-width: 300px; */
}
.block-column.layout-alt > .wrapper > .block-inner-content .block-title:first-of-type,
.block-column > .wrapper > .block-inner-content .block-title:first-of-type {
    font-weight: var(--font-medium-weight);
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0 0 calc(var(--col-gap) * 0.5) 0;
    margin: 0 0 calc(var(--col-gap) * -0.5) 0;
}
.block-column.layout-alt > .wrapper > .block-inner-content .block-title:first-of-type:before,
.block-column > .wrapper > .block-inner-content .block-title:first-of-type:before {
    position:absolute;
    inset:0;
    content:"";
    background:var(--white);
    z-index: -1;
    mask: linear-gradient(to bottom, black 0%, black calc((100% - var(--s16-32) * 0.66)), transparent 100%)
} 
.block-column > .wrapper > .block-inner-content .block-title:first-of-type {
    font-weight:var(--font-light-weight);
    width:100%;
    padding:var(--s16-32);
    margin:calc(var(--s16-32) * -1) 0;
}
.block-column.jump-link {
    transition:transform var(--anim-duration) var(--anim-easing);
}
.block-column.jump-link:has(.block-button-row) .block-inner-content{
    /* padding-bottom:100px; */
}
.block-column.jump-link:hover {
    transform: scale(1.025);
}
.block-column.jump-link .block-button-row:last-of-type,
.is-visible .block-column.jump-link .block-button-row:last-of-type{
    /*position: absolute;*/
    /* bottom: 0; */
    /* transition:transform var(--anim-duration) var(--anim-easing); */
    /* transition-delay:0s; */
    /* transform: translate(0, calc((100% + var(--s16-32)) + 1px)); */
    /* top: auto; */
}
.block-column.jump-link:hover .block-button-row:last-of-type{
    transform: translate(0, 0);
    transition-delay:1.2s;
}
.block-column.jump-link .block-button-row:last-of-type:before {
    position:absolute;
    width:100%;
    height: calc(300% + (var(--s16-32) * 2));
    content:"";
    background:var(--white);
    bottom: 0%;
    left:50%;
    transition:transform var(--anim-duration) var(--anim-easing);
    transform: translate(-50%, 100%);
    transition-delay:0s;
    z-index: 0;
    mask: linear-gradient(to top, black 0%, transparent 100%);
    pointer-events: none;
    display:none;
}
.block-column.jump-link:hover .block-button-row:last-of-type:before {
    transform: translate(-50%, calc((var(--s16-32) * 1) + 1px));
    transition-delay:1.2s;
}

.sticky-right > .block-column:nth-of-type(2) {
    position:sticky;
    top:0;
    max-height:100vh;
}


.block-column > .block-title + .block-list {
    margin-top:max(-1rem, calc(var(--col-gap) * -0.5));
    position:relative;
}
.block-column .block-gallery {
    aspect-ratio: 456 / 300;
}
.block-column > .wrapper > :first-child.block-gallery:not(.scroller .block-gallery) {
    height:100%;
    filter: drop-shadow(var(--engagement-shadow));
}
.block-column p.block-intro-paragraph {
    font-size: var(--s18-28);
    line-height: calc(32/28 * var(--s18-28));
    text-wrap:balance;
    font-weight:var(--font-light-weight);
}


.block-column .block-inner-content {
    padding:0 var(--s16-32);
}
.block-column .wrapper > :last-child.block-inner-content {
    padding-bottom:var(--s16-32);
}
.block-column.jump-link .wrapper > :last-child.block-inner-content {
    /* padding-bottom:calc((var(--s16-32) * 2) + (var(--button-padding-y) * 2)); */
}

@media(max-width:768px){
    .block-column.align-left, 
    .block-column.align-left > * {
        justify-content:center;
        text-align:center;
    }
    .block-column.align-left .block-list {
        width:auto;
        margin-left: auto;
        margin-right: auto;
        text-align:left;
        max-width:85%;
        text-align:left;
    }
    .block-column.align-left > .block-list > li {
        text-wrap:initial;
    }
}
@media(max-width:680px){
    .block-column.layout-alt > .wrapper {
        display:flex;
        flex-direction:column;
        gap: var(--col-gap);
        justify-content: flex-start;
        border-radius: var(--s16-24);
        /* flex:1 1 100%; */
        width:100%;
        mask: linear-gradient(to bottom, black 0%, black calc(100% - var(--s16-32)), transparent 100%);
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 100%;
    }
    .block-column.layout-alt > .wrapper * {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .block-column.layout-alt.flip > .wrapper {
        flex-direction: column;
        mask: linear-gradient(to bottom, black 0%, black calc(100% - var(--s16-32)), transparent 100%);
    }
    .block-column.layout-alt > .wrapper > .block-gallery,
    .block-column.layout-alt > .wrapper > .block-inner-content {
        width: 100%;
        flex: 1 1 100%;
    }
    .block-column.layout-alt > .wrapper > .block-gallery {
        aspect-ratio: 16/9;
    }
    .block-column.layout-alt > .wrapper > .block-inner-content {
        flex: 1 1 100%;
        overflow-y: unset;
        mask: none;
        padding-top: 0;
        height: unset;
    }
}