section.stacking-cards {
    margin-bottom: 32px;
    padding-left: 2.2vw;
    padding-right: 2.2vw;
    position: relative
}

@media screen and (max-width: 939px) {
    section.stacking-cards {
        padding-left:6.4vw;
        padding-right: 6.4vw
    }
}

section.stacking-cards div.cards {
    --b: 1px;
    --c: 20px;
    background-color: #1b170f;
    border: 1px solid #3e3a33;
    border-radius: 0 16px;
    clip-path: polygon(100% 0,var(--c) 0,0 var(--c),0 100%,calc(100% - var(--c)) 100%,100% calc(100% - var(--c)));
    perspective: 50em;
    position: relative;
    z-index: 1
}

section.stacking-cards div.cards:before {
    background: linear-gradient(to bottom right,#3e3a33 50%,#1b170f 50%) 0 0/calc(var(--c) - var(--b)*.3) calc(var(--c) - var(--b)*.3) no-repeat;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

section.stacking-cards div.cards:after {
    background: linear-gradient(to top left,#3e3a33 50%,#1b170f 50%) 100% 100%/calc(var(--c) - var(--b)*.3) calc(var(--c) - var(--b)*.3) no-repeat;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

section.stacking-cards div.card {
    background-color: #1b170f;
    border-top: 1px solid #3e3a33;
    -moz-column-gap: 11.5vw;
    column-gap: 11.5vw;
    display: grid;
    grid-template-columns: 35.7vw 1fr;
    position: sticky;
    top: 0;
    transform-origin: center bottom
}

section.stacking-cards div.card:last-child {
    border-bottom: 0;
    clip-path: inset(0 0 24px 0)
}

section.stacking-cards div.card:first-child {
    border-top: 0;
    clip-path: inset(24px 0 0 0);
    margin-top: 0
}

section.stacking-cards div.card.falling {
    border: 1px solid #3e3a33!important;
    border-radius: 12px;
    clip-path: inset(0 0 0 0)
}

section.stacking-cards div.card div.block-text {
    padding-bottom: 96px;
    padding-right: 8vw;
    padding-top: 96px
}

@media screen and (max-width: 939px) {
    section.stacking-cards div.card div.block-text {
        padding-right:15.25vw
    }
}

section.stacking-cards div.card div.number {
    align-items: center;
    border-right: 1px solid #3e3a33;
    color: #cdb379;
    display: grid;
    justify-content: center
}

section.stacking-cards figure.briquette {
    height: 250px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(-50%,0,0);
    width: 250px;
    z-index: 1
}

section.stacking-cards figure.briquette.lower {
    bottom: 50px;
    height: 150px;
    right: 25%;
    top: unset;
    transform: rotateX(50%);
    width: 150px
}

@media screen and (max-width: 939px) {
    section.stacking-cards {
        padding-left:1vw;
        padding-right: 1vw
    }
}

@media screen and (max-width: 939px) and (max-width:939px) {
    section.stacking-cards {
        padding-left:3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width: 939px) {
    section.stacking-cards div.card {
        display:flex;
        flex-direction: column;
        padding: 16px 48px 48px 48px
    }

    section.stacking-cards div.card div.block-text {
        padding: 16px 0
    }
}

@media screen and (max-width: 939px) and (max-width:939px) {
    section.stacking-cards div.card div.block-text {
        padding-left:0;
        padding-right: 0
    }
}

@media screen and (max-width: 939px) {
    section.stacking-cards div.card div.number {
        align-items:flex-start;
        border-right: 0;
        justify-content: flex-start
    }

    section.stacking-cards div.card div.number span {
        font-size: 30vw
    }

    section.stacking-cards div.card.falling {
        border-radius: 8px
    }

    section.stacking-cards figure.briquette {
        height: 150px;
        width: 150px
    }

    section.stacking-cards figure.briquette.lower {
        height: 100px;
        right: 50%;
        width: 100px
    }
}