/* Cover Image Section Styles */
.is-section-banner,
.is-banner-section {
    /* Base - Mobile styles */
    .wp-block-group.cover-image-section {
        margin: 3rem 1rem !important; /* 48px 16px */
    }
    .cover-image-column-content {
        padding: 2rem 1rem; /* 32px 16px */
    }
    .cover-image-heading.wp-block-heading {

        --font-size: 1.8125rem; /* 29px */
        --line-height: 2.25rem; /* 36px */
        margin-bottom: 1rem; /* 16px */
    }

    /* Tablet styles (min-width: 431px) */
    @media (min-width: 431px) {
        .wp-block-group.cover-image-section {
            margin: 6.5rem 2.5rem !important; /* 104px 40px */
        }
        .cover-image-column-content {
            padding: 3rem 2.5rem; /* 48px 40px */
        }
        .wp-block-columns.cover-image-columns {
            flex-direction: column;
            margin: 0 !important;
            min-width: 100%;
        }
        .cover-image-heading.wp-block-heading {
            font-size: 3.375rem; /* 54px */
            line-height: 4rem; /* 64px */
            margin-bottom: 1.5rem; /* 24px */
        }
    }

    /* Desktop styles (min-width: 821px) */
    @media (min-width: 821px) {
        .wp-block-group.cover-image-section {
            max-width: 87.5rem; /* 1400px (1400 / 16 = 87.5rem) */
            margin: 6.5rem auto !important; /* Center content horizontally */
            padding: 0;
        }
        .wp-block-columns.cover-image-columns {
            flex-direction: row;
            margin: 0 !important;
            max-width: unset;
        }
        .cover-image-column-content {
            flex-basis: 70% !important;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 5rem 5rem; /* 80px 80px */
        }
        .cover-image-column-image {
            flex-basis: 30% !important;
        }
        .cover-image-section .banner-heading__title {
            margin-bottom: 1.5rem; /* 24px */
        }
    }
}