.wp-block.full-width-image-with-text-overlay {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: clamp(29rem, 54vw, 42rem);
    background: #030d0f;
    color: var(--color-soft-white, #f5f5f5);
}

.wp-block.full-width-image-with-text-overlay.full-width-image-with-text-overlay--height-tall {
    min-height: clamp(34rem, 62vw, 52rem);
}

.wp-block.full-width-image-with-text-overlay.full-width-image-with-text-overlay--height-narrow {
    min-height: clamp(29rem, 54vw, 42rem);
}

.wp-block.full-width-image-with-text-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.42) 30%, rgba(0, 0, 0, 0.08) 54%, rgba(0, 0, 0, 0) 82%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.04) 42%, rgba(0, 0, 0, 0.1) 100%);
}

.full-width-image-with-text-overlay__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.full-width-image-with-text-overlay__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.full-width-image-with-text-overlay__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    min-height: inherit;
    box-sizing: border-box;
}

.wp-block.full-width-image-with-text-overlay.full-width-image-with-text-overlay--content-align-middle .full-width-image-with-text-overlay__inner {
    align-items: center;
}

.full-width-image-with-text-overlay__content {
    --block-content-flow-gap: clamp(1.15rem, 2vw, 1.65rem);
    width: min(100%, 32rem);
}

.full-width-image-with-text-overlay__content.block-content-stack > .full-width-image-with-text-overlay__heading--secondary {
    margin-top: var(--space-xl);
    margin-block-start: var(--space-xl);
}



.full-width-image-with-text-overlay__preheading:not([class*="text-colour-"]) {
    color: var(--color-ginger, #f35608);
}


:where(.full-width-image-with-text-overlay__content) :where(h1, h2, h3, h4, h5, h6):not([class*="text-colour-"]) {
    color: var(--color-soft-white, #f5f5f5);
}

@media (max-width: 781px) {
    .wp-block.full-width-image-with-text-overlay::before {
        background:
            linear-gradient(90deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.42) 50%, rgba(0, 0, 0, 0.08) 100%),
            linear-gradient(180deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.08) 46%, rgba(0, 0, 0, 0.18) 100%);
    }

    .full-width-image-with-text-overlay__content {
        width: min(100%, 27rem);
    }
}