.sxs-bcrdm {
    overflow: hidden;
    display: block;
    border-radius: 15px;
    background-color: $accentClear3;
    // height: clamp(30rem, calc(25rem + 15vw + 15vh), 70vh);
    --_sp-x: 1rem;
    --_sp-y: 1rem;

    &__samp {
        height: clamp(15rem, calc(10rem + 10vw + 7.5vh), 45vh);

        &::after {
            opacity: 0;
            background-color: rgba(#000, .3);
            transition: opacity $transitionDuration;
        }
    }

    &__text {
        padding: var(--_sp-y) var(--_sp-x);
    }

    &__tgs {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: $text-15;
    }

    &__tag {
        font-size: $text-13;
    }

    &__hdr {
        margin: .5rem 0;
    }

    &__tit {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: $text-22;
    }

    &__des {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: $text-15;
        line-height: 1.15;
    }

    &:hover {
        .sxs-bcrdm__samp::after {
            opacity: 1;
        }
    }

    &--featured {
        .sxs-bcrdm {
            &__samp {
                height: clamp(10rem, calc(5rem + 5vw + 5vh), 40vh);
            }

            &__text {
                display: flex;
                flex-direction: column;
            }

            &__tit {
                font-size: $text-30;
            }

            &__des {
                -webkit-line-clamp: 8;
                line-height: 1.2;
            }
        }

        .sxs-tftr {
            margin-top: auto;
            padding-top: var(--_sp-y);
        }
    }

    @include md-wmin {
        --_sp-x: 2rem;
        --_sp-y: 1rem;

        &--featured {
            display: flex;
            min-height: clamp(15rem, calc(10rem + 10vw + 10vh), 40vh);
            --_sp-x: 3rem;
            --_sp-y: 2rem;

            .sxs-bcrdm {
                &__samp {
                    height: initial;

                    img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }
                }

                &__samp,
                &__text {
                    flex: 0 0 50%;
                    width: 50%;
                    max-width: 50%;
                }
            }
        }
    }

    @include lg-wmin {
        &__samp {
            height: clamp(15rem, calc(12.5rem + 10vw + 7.5vh), 55vh);
        }

        &--featured {
            .sxs-bcrdm {
                &__samp {
                    flex: 0 0 57.5%;
                    width: 57.5%;
                    max-width: 57.5%;
                }

                &__text {
                    flex: 0 0 42.5%;
                    width: 42.5%;
                    max-width: 42.5%;
                }
            }
        }

        @include xxl-wmax {
            &__tag {
                font-size: $text-12;
            }

            &__des,
            .sxs-tftr {
                font-size: $text-14;
            }

            .sxs-tftr {
                --_tsize: 1.75rem;
            }
        }
    }

    @include xxl-wmin {
        &--featured {
            min-height: clamp(15rem, calc(8rem + 12.5vw + 12.5vh), calc(42.5vh + 5rem));
        }
    }

    @include xxxl-wmin {
        --_sp-x: 3rem;
        --_sp-y: 2rem;

        &__tit {
            font-size: $text-30;
        }

        &__des {
            font-size: $text-20;
        }

        &--featured {
            min-height: clamp(15rem, calc(15rem + 10vw + 10vh), 55vh);

            .sxs-bcrdm {
                &__tit {
                    margin: calc(var(--_sp-y) * .5) 0;
                    font-size: $text-40;
                }

                &__des,
                .sxs-tftr {
                    font-size: $text-20;
                }

            }

            .sxs-tftr {
                --_tsize: 3.25rem;
            }
        }
    }
}