.wp-block-cover.is-style-hero {
    aspect-ratio: 1535/550;
    min-height: auto;

    --hero-scale: 1;
    --panelH: calc(135px * var(--hero-scale));
    --slantW: calc(45px * var(--hero-scale));
    --slantInset: calc(140px * var(--hero-scale));


    --wide: var(--wp--style--global--wide-size);
    --contentLeft: max(0px, calc((100% - var(--wide)) / 2));

    overflow: hidden;
    position: relative;

    &:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: var(--panelH);
        background: #fff;
        z-index: 2;
        clip-path: polygon(var(--contentLeft) 0%, calc(var(--contentLeft) + var(--slantInset) + var(--slantW)) 0%, calc(var(--contentLeft) + var(--slantInset)) 100%, 100% 100%, 100% 0%, var(--contentLeft) 0%);
    }

    .wp-block-cover__inner-container {
        margin-bottom: var(--panelH);
        max-width: var(--wp--style--global--wide-size);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 900px) {
    .wp-block-cover.is-style-hero {
        --hero-scale: .5;
    }
}

@media (max-width: 600px) {
    .wp-block-cover.is-style-hero {
        --hero-scale: .2;
    }
}

/* Border cover */
.wp-block-cover.is-style-border {
    padding-top: 30px;
}
.wp-block-cover.is-style-border img {
    height: calc(100% - 30px);
    top: 30px;
}
.wp-block-cover.is-style-border:before {
    content:'';
    width: 100%;
    height: 30px;
    aspect-ratio: 153530;
    z-index: 10;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--wp--preset--gradient--primary-gradient);
}