[data-block-alias="_HeaderWithImageRight"].content-header {
    background-image: var(--header-bg-mobile, transparent);
    background-position: bottom center;
    background-size: 206%;
    padding-top: clamp(10.25rem, 9.5071rem + 3.0476vw, 12.25rem);
}
[data-block-alias="_HeaderWithImageRight"].content-header.has-mobile-image {
    height: 100vh;
}
[data-block-alias="_HeaderWithImageRight"].content-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0.4) 25%, transparent 100%);
    z-index: 0;
}
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-text,
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-image {
    grid-column: 2 / -2;
    z-index: 1;
}
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-text h4 {
    opacity: 0.6;
}
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-text h1 {
    margin: 0;
    margin-top: clamp(1rem, 0.6286rem + 1.5238vw, 2rem);
}
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-text p {
    width: 100%; 
    font-size: clamp(1.125rem, 0.8464rem + 1.1429vw, 1.875rem);
    margin-top: clamp(1rem, 0.6286rem + 1.5238vw, 2rem);
    margin-bottom: clamp(2rem, 1.6286rem + 1.5238vw, 3rem);
    letter-spacing: 0%;
    line-height: 120%;
}
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-text button {
    width: 100%;
}
[data-block-alias="_HeaderWithImageRight"].content-header.has-mobile-image .col.header-image {
    display: none;
}
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-image .image-wrapper {
    width: 100%;
    aspect-ratio: 6 / 5;
    margin-top: clamp(1rem, 0.6286rem + 1.5238vw, 2rem);
    overflow: hidden;
}
[data-block-alias="_HeaderWithImageRight"].content-header .col.header-image .image-wrapper img {
    height: 100%;
}

/* --- 1. Layout WITH Image: Opposing Slide-in (Left/Right) --- */

[data-block-alias="_HeaderWithImageRight"].content-header.layout-split .col.header-text,
[data-block-alias="_HeaderWithImageRight"].content-header.layout-split .col.header-image {
    opacity: 0;
    transition: opacity 3s cubic-bezier(0.16, 1, 0.3, 1), transform 3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

[data-block-alias="_HeaderWithImageRight"].content-header.layout-split .col.header-text {
    transform: translateX(-60px); 
    transition-delay: 0s; 
}

[data-block-alias="_HeaderWithImageRight"].content-header.layout-split .col.header-image {
    transform: translateX(60px); 
    transition-delay: 0.25s; /* Slight stagger for the image */
}

[data-block-alias="_HeaderWithImageRight"].content-header.layout-split.is-visible .col.header-text,
[data-block-alias="_HeaderWithImageRight"].content-header.layout-split.is-visible .col.header-image {
    opacity: 1;
    transform: translateX(0);
}


/* --- 2. Layout WITHOUT Image: Centered Cascading Fade-Up --- */

[data-block-alias="_HeaderWithImageRight"].content-header.layout-centered .col.header-text > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 3s cubic-bezier(0.16, 1, 0.3, 1), transform 3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

[data-block-alias="_HeaderWithImageRight"].content-header.layout-centered.is-visible .col.header-text > * {
    opacity: 1;
    transform: translateY(0);
}

[data-block-alias="_HeaderWithImageRight"].content-header.layout-centered .col.header-text > *:nth-child(1) { transition-delay: 0s; }
[data-block-alias="_HeaderWithImageRight"].content-header.layout-centered .col.header-text > *:nth-child(2) { transition-delay: 0.15s; }
[data-block-alias="_HeaderWithImageRight"].content-header.layout-centered .col.header-text > *:nth-child(3) { transition-delay: 0.3s; }
[data-block-alias="_HeaderWithImageRight"].content-header.layout-centered .col.header-text > *:nth-child(4) { transition-delay: 0.45s; }
[data-block-alias="_HeaderWithImageRight"].content-header.layout-centered .col.header-text > *:nth-child(n+5) { transition-delay: 0.6s; }

@media (min-width: 768px) {
    [data-block-alias="_HeaderWithImageRight"].content-header {
        background-image: unset;
        background-position: unset;
        background-size: unset;
        height: unset;
    }
    [data-block-alias="_HeaderWithImageRight"].content-header::before {
        display: none;
    }
    [data-block-alias="_HeaderWithImageRight"].content-header .col.header-text {
        grid-column: 2 / 8;
    }
    [data-block-alias="_HeaderWithImageRight"].content-header .col.header-text p {
        width: calc(100% - 65px);
    }
    [data-block-alias="_HeaderWithImageRight"].content-header .col.header-text button {
       width: fit-content;
    }
    [data-block-alias="_HeaderWithImageRight"].content-header .col.header-image {
        display: block !important;
        grid-column: 8 / -2;
    }
}