.tpl-hero-pinch-box {

    --a: 45deg;--r:46px;--s:82px;

    margin-block: 20px;
    background: linear-gradient(45deg,#FF4E50,#40C0CB);
    --_m:0/calc(2*var(--r)) calc(2*var(--r)) no-repeat
    radial-gradient(50% 50%,#000 calc(100% - 1px),#0000);
    --_d:(var(--s) + var(--r))*cos(var(--a));
    mask:
            calc(50% + var(--_d)) var(--_m),calc(50% - var(--_d)) var(--_m),
            radial-gradient(var(--s) at 50% calc(-1*sin(var(--a))*var(--s)),
            #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,
            linear-gradient(90deg,#000 calc(50% - var(--_d)),#0000 0 calc(50% + var(--_d)),#000 0);
}

.tpl-hero-pinch-bottom {
    --_m:100%/calc(2*var(--r)) calc(2*var(--r)) no-repeat
    radial-gradient(50% 50%,#000 calc(100% - 1px),#0000);
    mask:
            calc(50% + var(--_d)) var(--_m),calc(50% - var(--_d)) var(--_m),
            radial-gradient(var(--s) at 50% calc(100% + sin(var(--a))*var(--s)),
            #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(sin(var(--a)) - 1)) no-repeat,
            linear-gradient(90deg,#000 calc(50% - var(--_d)),#0000 0 calc(50% + var(--_d)),#000 0);
}


.tpl-hero-short-section {
    position: relative;
    --module-max-width: var(--general-max-width, 1440px);
    --screen-mod-max-width: var(--screen-max-width, 1920px);

    --image-hero-mobile: none;
    --image-hero-desktop: none;

    margin-top: 48px;
}

.tpl-hero-short-section .vs-wrapper--fluid {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 60%), var(--image-hero-mobile), var(--image-hero-mobile);
    background-position: 0 0, 50%, -28.369px -468.954px;
    background-size: auto, cover, 226.4% 165.901%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-color: lightgray;
    margin-bottom: 64px;
}

.tpl-hero-short {
    min-height: 288px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    position: relative;
    overflow: hidden;
}

.tpl-hero-short__body .vs-title-1__regular{
    color: white;
}
.tpl-hero-short__body .vs-text{
    color: white;
}

.tpl-hero-short__body-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.tpl-hero-pinch__icon{
    position: absolute;
    bottom: 0;
    min-width: 24px;
    min-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;

    left: calc(50% - 12px);
}

@media (min-width: 742px) {
    .tpl-hero-pinch-box{
        --a: 50deg;--r:64px;--s:128px;
    }

    .tpl-hero-short {
        min-height: 390px;
        width: 100%;
    }

    .tpl-hero-short {
        padding-inline: 40px;
    }

    .tpl-hero-short-section .vs-wrapper--fluid {
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 79.03%), var(--image-hero-desktop);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: lightgray;
        margin-inline: 0;
    }

    .tpl-hero-short__body-content{
        align-items: start;
    }
}

@media (min-width: 1360px) {

    .tpl-hero-short {
        padding: 96px;
    }


}

@media (min-width: 1440px) {

    .tpl-hero-short-section {
        margin-top: 96px;
    }

    .tpl-hero-short-section .vs-wrapper--fluid {
        max-width: var(--screen-mod-max-width);
    }

    .tpl-hero-short {
        max-width: var(--module-max-width);
        display: flex;
        height: auto;
        align-items: flex-start;
        gap: 32px;
        background: none;
        margin: 0 auto;
    }
}