.block--page-hero {
    position: relative;
    min-height: 620px;
    background-color: var(--wp--preset--color--cloud, #BFD5D9);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block--page-hero[data-hero-size="large"] {
    min-height: 880px;
}
.block--page-hero[data-hero-size="small"] {
    min-height: 380px;
}

@media screen and (max-width: 640px) {
    .block--page-hero {
        min-height: 240px;
    }
    .block--page-hero[data-hero-size="large"] {
        min-height: 480px;
    }
}

.block--page-hero--main {
    position: relative;
    padding: 160px 0 120px;
    z-index: 2;
}

@media screen and (max-width: 640px) {
    .block--page-hero--main {
        position: relative;
        padding: 90px 0 64px;
        z-index: 2;
    }
}

.block--page-hero--content {
    min-height: 200px;
    color: var(--wp--preset--color--sky, #F0F5F5);
}

.block--page-hero--content h1, .block--page-hero--content h2, .block--page-hero--content h3 {
    color: var(--wp--preset--color--sky, #F0F5F5);
}

.block--page-hero--content .wp-block-buttons {
    margin-top: 40px;
}

.block--page-hero--background {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

.block--page-hero--background img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    user-select: none;
}

.block--page-hero--background::after {
    position: absolute;
    display: block;
    content: '';
    inset: 0;
    height: 100%;
    width: 100%;
    mix-blend-mode: multiply;
    z-index: 3;
    opacity: 0.75;
    background: linear-gradient(75deg, rgba(5, 73, 87, 0.66) -4.39%, rgba(5, 73, 87, 0.00) 68.88%);
    background-blend-mode: multiply;
    user-select: none;
}

.block--page-hero--background::before {
    position: absolute;
    display: block;
    content: '';
    inset: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(20px);
    mask-image: linear-gradient(
        to right,
        hsl(0 0% 0% / 1) 42.5vw,
        hsl(0 0% 100% / 0) 55vw,
        hsl(0 0% 100% / 0) 80vw,
        hsl(0 0% 0% / 1) 90vw,
        hsl(0 0% 0% / 1) 100vw
    );
    user-select: none;
}

.block--page-hero--background .window {
    --wp--style--global--wide-size: 1500px;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
}

.block--page-hero[data-hero-size="large"] .block--page-hero--background .window {
    --wp--style--global--wide-size: 1620px;
}

@media screen and (max-width: 768px) {
    .block--page-hero--background .window svg {
        width: 150%;
    }
}

@media screen and (max-width: 640px) {
    .block--page-hero--background::before {
        position: absolute;
        display: block;
        content: '';
        inset: 0;
        height: 100%;
        width: 100%;
        backdrop-filter: blur(20px);
        mask-image: linear-gradient(
            to right,
            hsl(0 0% 0% / 1) 47.5%,
            hsl(0 0% 100% / 0) 55%,
            hsl(0 0% 100% / 0) 90%,
            hsl(0 0% 0% / 1) 100%,
            hsl(0 0% 0% / 1) 100%
        );
    }
}

.block--page-hero .wp-block-button > .wp-block-button__link {
    border-color: #FFF;
}

.block--page-hero .wp-block-button:hover > .wp-block-button__link {
    border-color: var(--wp--preset--color--vivid);
}