@layer blocks {
    /* Desktop Margin And Padding Values */
    @media screen and (width > 920px) {
        /* Margin Top */
        .custom-block:where(.d-mt-10) { --mt: 10px !important; }
        .custom-block:where(.d-mt-20) { --mt: 20px !important; }
        .custom-block:where(.d-mt-30) { --mt: 30px !important; }
        .custom-block:where(.d-mt-40) { --mt: 40px !important; }
        .custom-block:where(.d-mt-50) { --mt: 50px !important; }
        .custom-block:where(.d-mt-60) { --mt: 60px !important; }
        .custom-block:where(.d-mt-70) { --mt: 70px !important; }
        .custom-block:where(.d-mt-80) { --mt: 80px !important; }
        .custom-block:where(.d-mt-90) { --mt: 90px !important; }
        .custom-block:where(.d-mt-100) { --mt: 100px !important; }
        .custom-block:where(.d-mt-110) { --mt: 110px !important; }
        .custom-block:where(.d-mt-120) { --mt: 120px !important; }
        .custom-block:where(.d-mt-130) { --mt: 130px !important; }
        .custom-block:where(.d-mt-140) { --mt: 140px !important; }
        .custom-block:where(.d-mt-150) { --mt: 150px !important; }
        .custom-block:where(.d-mt-160) { --mt: 160px !important; }
        .custom-block:where(.d-mt-170) { --mt: 170px !important; }
        .custom-block:where(.d-mt-180) { --mt: 180px !important; }
        .custom-block:where(.d-mt-190) { --mt: 190px !important; }
        .custom-block:where(.d-mt-200) { --mt: 200px !important; }
        .custom-block:where(.d-mt-210) { --mt: 210px !important; }
        .custom-block:where(.d-mt-220) { --mt: 220px !important; }
        .custom-block:where(.d-mt-230) { --mt: 230px !important; }
        .custom-block:where(.d-mt-240) { --mt: 240px !important; }
        .custom-block:where(.d-mt-250) { --mt: 250px !important; }
        .custom-block:where(.d-mt-260) { --mt: 260px !important; }
        .custom-block:where(.d-mt-270) { --mt: 270px !important; }
        .custom-block:where(.d-mt-280) { --mt: 280px !important; }
        .custom-block:where(.d-mt-290) { --mt: 290px !important; }
        .custom-block:where(.d-mt-300) { --mt: 300px !important; }
        /* Margin Bottom */
        .custom-block:where(.d-mb-10) { --mb: 10px !important; }
        .custom-block:where(.d-mb-20) { --mb: 20px !important; }
        .custom-block:where(.d-mb-30) { --mb: 30px !important; }
        .custom-block:where(.d-mb-40) { --mb: 40px !important; }
        .custom-block:where(.d-mb-50) { --mb: 50px !important; }
        .custom-block:where(.d-mb-60) { --mb: 60px !important; }
        .custom-block:where(.d-mb-70) { --mb: 70px !important; }
        .custom-block:where(.d-mb-80) { --mb: 80px !important; }
        .custom-block:where(.d-mb-90) { --mb: 90px !important; }
        .custom-block:where(.d-mb-100) { --mb: 100px !important; }
        .custom-block:where(.d-mb-110) { --mb: 110px !important; }
        .custom-block:where(.d-mb-120) { --mb: 120px !important; }
        .custom-block:where(.d-mb-130) { --mb: 130px !important; }
        .custom-block:where(.d-mb-140) { --mb: 140px !important; }
        .custom-block:where(.d-mb-150) { --mb: 150px !important; }
        .custom-block:where(.d-mb-160) { --mb: 160px !important; }
        .custom-block:where(.d-mb-170) { --mb: 170px !important; }
        .custom-block:where(.d-mb-180) { --mb: 180px !important; }
        .custom-block:where(.d-mb-190) { --mb: 190px !important; }
        .custom-block:where(.d-mb-200) { --mb: 200px !important; }
        .custom-block:where(.d-mb-210) { --mb: 210px !important; }
        .custom-block:where(.d-mb-220) { --mb: 220px !important; }
        .custom-block:where(.d-mb-230) { --mb: 230px !important; }
        .custom-block:where(.d-mb-240) { --mb: 240px !important; }
        .custom-block:where(.d-mb-250) { --mb: 250px !important; }
        .custom-block:where(.d-mb-260) { --mb: 260px !important; }
        .custom-block:where(.d-mb-270) { --mb: 270px !important; }
        .custom-block:where(.d-mb-280) { --mb: 280px !important; }
        .custom-block:where(.d-mb-290) { --mb: 290px !important; }
        .custom-block:where(.d-mb-300) { --mb: 300px !important; }
        /* Padding Top */
        .custom-block:where(.d-pt-10) { --pt: 10px !important; }
        .custom-block:where(.d-pt-20) { --pt: 20px !important; }
        .custom-block:where(.d-pt-30) { --pt: 30px !important; }
        .custom-block:where(.d-pt-40) { --pt: 40px !important; }
        .custom-block:where(.d-pt-50) { --pt: 50px !important; }
        .custom-block:where(.d-pt-60) { --pt: 60px !important; }
        .custom-block:where(.d-pt-70) { --pt: 70px !important; }
        .custom-block:where(.d-pt-80) { --pt: 80px !important; }
        .custom-block:where(.d-pt-90) { --pt: 90px !important; }
        .custom-block:where(.d-pt-100) { --pt: 100px !important; }
        .custom-block:where(.d-pt-110) { --pt: 110px !important; }
        .custom-block:where(.d-pt-120) { --pt: 120px !important; }
        .custom-block:where(.d-pt-130) { --pt: 130px !important; }
        .custom-block:where(.d-pt-140) { --pt: 140px !important; }
        .custom-block:where(.d-pt-150) { --pt: 150px !important; }
        .custom-block:where(.d-pt-160) { --pt: 160px !important; }
        .custom-block:where(.d-pt-170) { --pt: 170px !important; }
        .custom-block:where(.d-pt-180) { --pt: 180px !important; }
        .custom-block:where(.d-pt-190) { --pt: 190px !important; }
        .custom-block:where(.d-pt-200) { --pt: 200px !important; }
        .custom-block:where(.d-pt-210) { --pt: 210px !important; }
        .custom-block:where(.d-pt-220) { --pt: 220px !important; }
        .custom-block:where(.d-pt-230) { --pt: 230px !important; }
        .custom-block:where(.d-pt-240) { --pt: 240px !important; }
        .custom-block:where(.d-pt-250) { --pt: 250px !important; }
        .custom-block:where(.d-pt-260) { --pt: 260px !important; }
        .custom-block:where(.d-pt-270) { --pt: 270px !important; }
        .custom-block:where(.d-pt-280) { --pt: 280px !important; }
        .custom-block:where(.d-pt-290) { --pt: 290px !important; }
        .custom-block:where(.d-pt-300) { --pt: 300px !important; }
        /* Padding Bottom */
        .custom-block:where(.d-pb-10) { --pb: 10px !important; }
        .custom-block:where(.d-pb-20) { --pb: 20px !important; }
        .custom-block:where(.d-pb-30) { --pb: 30px !important; }
        .custom-block:where(.d-pb-40) { --pb: 40px !important; }
        .custom-block:where(.d-pb-50) { --pb: 50px !important; }
        .custom-block:where(.d-pb-60) { --pb: 60px !important; }
        .custom-block:where(.d-pb-70) { --pb: 70px !important; }
        .custom-block:where(.d-pb-80) { --pb: 80px !important; }
        .custom-block:where(.d-pb-90) { --pb: 90px !important; }
        .custom-block:where(.d-pb-100) { --pb: 100px !important; }
        .custom-block:where(.d-pb-110) { --pb: 110px !important; }
        .custom-block:where(.d-pb-120) { --pb: 120px !important; }
        .custom-block:where(.d-pb-130) { --pb: 130px !important; }
        .custom-block:where(.d-pb-140) { --pb: 140px !important; }
        .custom-block:where(.d-pb-150) { --pb: 150px !important; }
        .custom-block:where(.d-pb-160) { --pb: 160px !important; }
        .custom-block:where(.d-pb-170) { --pb: 170px !important; }
        .custom-block:where(.d-pb-180) { --pb: 180px !important; }
        .custom-block:where(.d-pb-190) { --pb: 190px !important; }
        .custom-block:where(.d-pb-200) { --pb: 200px !important; }
        .custom-block:where(.d-pb-210) { --pb: 210px !important; }
        .custom-block:where(.d-pb-220) { --pb: 220px !important; }
        .custom-block:where(.d-pb-230) { --pb: 230px !important; }
        .custom-block:where(.d-pb-240) { --pb: 240px !important; }
        .custom-block:where(.d-pb-250) { --pb: 250px !important; }
        .custom-block:where(.d-pb-260) { --pb: 260px !important; }
        .custom-block:where(.d-pb-270) { --pb: 270px !important; }
        .custom-block:where(.d-pb-280) { --pb: 280px !important; }
        .custom-block:where(.d-pb-290) { --pb: 290px !important; }
        .custom-block:where(.d-pb-300) { --pb: 300px !important; }
    }

    /* Mobile Margin And Padding Values */
    @media screen and (width <= 920px) {
        /* Margin Top */
        .custom-block:where(.m-mt-10) { --mt: 10px !important; }
        .custom-block:where(.m-mt-20) { --mt: 20px !important; }
        .custom-block:where(.m-mt-30) { --mt: 30px !important; }
        .custom-block:where(.m-mt-40) { --mt: 40px !important; }
        .custom-block:where(.m-mt-50) { --mt: 50px !important; }
        .custom-block:where(.m-mt-60) { --mt: 60px !important; }
        .custom-block:where(.m-mt-70) { --mt: 70px !important; }
        .custom-block:where(.m-mt-80) { --mt: 80px !important; }
        .custom-block:where(.m-mt-90) { --mt: 90px !important; }
        .custom-block:where(.m-mt-100) { --mt: 100px !important; }
        .custom-block:where(.m-mt-110) { --mt: 110px !important; }
        .custom-block:where(.m-mt-120) { --mt: 120px !important; }
        .custom-block:where(.m-mt-130) { --mt: 130px !important; }
        .custom-block:where(.m-mt-140) { --mt: 140px !important; }
        .custom-block:where(.m-mt-150) { --mt: 150px !important; }
        .custom-block:where(.m-mt-160) { --mt: 160px !important; }
        .custom-block:where(.m-mt-170) { --mt: 170px !important; }
        .custom-block:where(.m-mt-180) { --mt: 180px !important; }
        .custom-block:where(.m-mt-190) { --mt: 190px !important; }
        .custom-block:where(.m-mt-200) { --mt: 200px !important; }
        .custom-block:where(.m-mt-210) { --mt: 210px !important; }
        .custom-block:where(.m-mt-220) { --mt: 220px !important; }
        .custom-block:where(.m-mt-230) { --mt: 230px !important; }
        .custom-block:where(.m-mt-240) { --mt: 240px !important; }
        .custom-block:where(.m-mt-250) { --mt: 250px !important; }
        .custom-block:where(.m-mt-260) { --mt: 260px !important; }
        .custom-block:where(.m-mt-270) { --mt: 270px !important; }
        .custom-block:where(.m-mt-280) { --mt: 280px !important; }
        .custom-block:where(.m-mt-290) { --mt: 290px !important; }
        .custom-block:where(.m-mt-300) { --mt: 300px !important; }
        /* Margin Bottom */
        .custom-block:where(.m-mb-10) { --mb: 10px !important; }
        .custom-block:where(.m-mb-20) { --mb: 20px !important; }
        .custom-block:where(.m-mb-30) { --mb: 30px !important; }
        .custom-block:where(.m-mb-40) { --mb: 40px !important; }
        .custom-block:where(.m-mb-50) { --mb: 50px !important; }
        .custom-block:where(.m-mb-60) { --mb: 60px !important; }
        .custom-block:where(.m-mb-70) { --mb: 70px !important; }
        .custom-block:where(.m-mb-80) { --mb: 80px !important; }
        .custom-block:where(.m-mb-90) { --mb: 90px !important; }
        .custom-block:where(.m-mb-100) { --mb: 100px !important; }
        .custom-block:where(.m-mb-110) { --mb: 110px !important; }
        .custom-block:where(.m-mb-120) { --mb: 120px !important; }
        .custom-block:where(.m-mb-130) { --mb: 130px !important; }
        .custom-block:where(.m-mb-140) { --mb: 140px !important; }
        .custom-block:where(.m-mb-150) { --mb: 150px !important; }
        .custom-block:where(.m-mb-160) { --mb: 160px !important; }
        .custom-block:where(.m-mb-170) { --mb: 170px !important; }
        .custom-block:where(.m-mb-180) { --mb: 180px !important; }
        .custom-block:where(.m-mb-190) { --mb: 190px !important; }
        .custom-block:where(.m-mb-200) { --mb: 200px !important; }
        .custom-block:where(.m-mb-210) { --mb: 210px !important; }
        .custom-block:where(.m-mb-220) { --mb: 220px !important; }
        .custom-block:where(.m-mb-230) { --mb: 230px !important; }
        .custom-block:where(.m-mb-240) { --mb: 240px !important; }
        .custom-block:where(.m-mb-250) { --mb: 250px !important; }
        .custom-block:where(.m-mb-260) { --mb: 260px !important; }
        .custom-block:where(.m-mb-270) { --mb: 270px !important; }
        .custom-block:where(.m-mb-280) { --mb: 280px !important; }
        .custom-block:where(.m-mb-290) { --mb: 290px !important; }
        .custom-block:where(.m-mb-300) { --mb: 300px !important; }
        /* Padding Top */
        .custom-block:where(.m-pt-10) { --pt: 10px !important; }
        .custom-block:where(.m-pt-20) { --pt: 20px !important; }
        .custom-block:where(.m-pt-30) { --pt: 30px !important; }
        .custom-block:where(.m-pt-40) { --pt: 40px !important; }
        .custom-block:where(.m-pt-50) { --pt: 50px !important; }
        .custom-block:where(.m-pt-60) { --pt: 60px !important; }
        .custom-block:where(.m-pt-70) { --pt: 70px !important; }
        .custom-block:where(.m-pt-80) { --pt: 80px !important; }
        .custom-block:where(.m-pt-90) { --pt: 90px !important; }
        .custom-block:where(.m-pt-100) { --pt: 100px !important; }
        .custom-block:where(.m-pt-110) { --pt: 110px !important; }
        .custom-block:where(.m-pt-120) { --pt: 120px !important; }
        .custom-block:where(.m-pt-130) { --pt: 130px !important; }
        .custom-block:where(.m-pt-140) { --pt: 140px !important; }
        .custom-block:where(.m-pt-150) { --pt: 150px !important; }
        .custom-block:where(.m-pt-160) { --pt: 160px !important; }
        .custom-block:where(.m-pt-170) { --pt: 170px !important; }
        .custom-block:where(.m-pt-180) { --pt: 180px !important; }
        .custom-block:where(.m-pt-190) { --pt: 190px !important; }
        .custom-block:where(.m-pt-200) { --pt: 200px !important; }
        .custom-block:where(.m-pt-210) { --pt: 210px !important; }
        .custom-block:where(.m-pt-220) { --pt: 220px !important; }
        .custom-block:where(.m-pt-230) { --pt: 230px !important; }
        .custom-block:where(.m-pt-240) { --pt: 240px !important; }
        .custom-block:where(.m-pt-250) { --pt: 250px !important; }
        .custom-block:where(.m-pt-260) { --pt: 260px !important; }
        .custom-block:where(.m-pt-270) { --pt: 270px !important; }
        .custom-block:where(.m-pt-280) { --pt: 280px !important; }
        .custom-block:where(.m-pt-290) { --pt: 290px !important; }
        .custom-block:where(.m-pt-300) { --pt: 300px !important; }
        /* Padding Bottom */
        .custom-block:where(.m-pb-10) { --pb: 10px !important; }
        .custom-block:where(.m-pb-20) { --pb: 20px !important; }
        .custom-block:where(.m-pb-30) { --pb: 30px !important; }
        .custom-block:where(.m-pb-40) { --pb: 40px !important; }
        .custom-block:where(.m-pb-50) { --pb: 50px !important; }
        .custom-block:where(.m-pb-60) { --pb: 60px !important; }
        .custom-block:where(.m-pb-70) { --pb: 70px !important; }
        .custom-block:where(.m-pb-80) { --pb: 80px !important; }
        .custom-block:where(.m-pb-90) { --pb: 90px !important; }
        .custom-block:where(.m-pb-100) { --pb: 100px !important; }
        .custom-block:where(.m-pb-110) { --pb: 110px !important; }
        .custom-block:where(.m-pb-120) { --pb: 120px !important; }
        .custom-block:where(.m-pb-130) { --pb: 130px !important; }
        .custom-block:where(.m-pb-140) { --pb: 140px !important; }
        .custom-block:where(.m-pb-150) { --pb: 150px !important; }
        .custom-block:where(.m-pb-160) { --pb: 160px !important; }
        .custom-block:where(.m-pb-170) { --pb: 170px !important; }
        .custom-block:where(.m-pb-180) { --pb: 180px !important; }
        .custom-block:where(.m-pb-190) { --pb: 190px !important; }
        .custom-block:where(.m-pb-200) { --pb: 200px !important; }
        .custom-block:where(.m-pb-210) { --pb: 210px !important; }
        .custom-block:where(.m-pb-220) { --pb: 220px !important; }
        .custom-block:where(.m-pb-230) { --pb: 230px !important; }
        .custom-block:where(.m-pb-240) { --pb: 240px !important; }
        .custom-block:where(.m-pb-250) { --pb: 250px !important; }
        .custom-block:where(.m-pb-260) { --pb: 260px !important; }
        .custom-block:where(.m-pb-270) { --pb: 270px !important; }
        .custom-block:where(.m-pb-280) { --pb: 280px !important; }
        .custom-block:where(.m-pb-290) { --pb: 290px !important; }
        .custom-block:where(.m-pb-300) { --pb: 300px !important; }
    }

    .custom-block {
        position: relative;
        margin-block: var(--mt, 0px) var(--mb, 0px);
        padding-block: var(--pt, 0px) var(--pb, 0px);
    }

    .custom-block .custom-block {
        --mt: 0px !important;
        --mb: 0px !important;
        --pt: 0px !important;
        --pb: 0px !important;
    }

    .custom-block .bg-graphics {
        position: absolute;
        top: var(--d-y);
        left: var(--d-x);
        max-width: unset;
        width: var(--d-width);
        height: auto;
        -webkit-transform: translate(-50%, -50%) rotate(var(--d-rotate, 0deg)) scale(var(--d-scale-x, 1), var(--d-scale-y, 1));
            -ms-transform: translate(-50%, -50%) rotate(var(--d-rotate, 0deg)) scale(var(--d-scale-x, 1), var(--d-scale-y, 1));
                transform: translate(-50%, -50%) rotate(var(--d-rotate, 0deg)) scale(var(--d-scale-x, 1), var(--d-scale-y, 1));
        opacity: .3;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, var(--c-white) 29.81%, var(--c-white) 87.41%, transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0%, var(--c-white) 29.81%, var(--c-white) 87.41%, transparent 100%);
        mix-blend-mode: darken;
        pointer-events: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        z-index: -1;
    }

    @media screen and (width <= 620px) {
        .custom-block .bg-graphics {
            top: var(--m-y);
            left: var(--m-x);
            width: var(--m-width);
            -webkit-transform: translate(-50%, -50%) rotate(var(--m-rotate, 0deg)) scale(var(--m-scale-x, 1), var(--m-scale-y, 1));
                -ms-transform: translate(-50%, -50%) rotate(var(--m-rotate, 0deg)) scale(var(--m-scale-x, 1), var(--m-scale-y, 1));
                    transform: translate(-50%, -50%) rotate(var(--m-rotate, 0deg)) scale(var(--m-scale-x, 1), var(--m-scale-y, 1));
        }

        .site-main > .wp-native-block {
            padding: .5625rem;
        }
    }

    /* WP Block Button */
    
    .wp-block-button {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: .625rem;
    }

    .wp-block-button :is(.wp-element-button, .wp-block-button__link) {
        background: none !important;
        border: 0 !important;
        padding: 0 !important;
        color: inherit !important;
    }

    .wp-block-button.btn::before {
        content: var(--i-arrow-right);
        width: .75rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    /* WP Block Embed */

    .wp-block-embed iframe {
        display: block;
    }

    .wp-block-embed.is-type-video {
        overflow: hidden;
    }

    /* WP Block Image */

    .wp-block-image figcaption {
        margin-block: 1.875rem 0 !important;
    }

    @media screen and (width <= 620px) {
        .wp-block-image figcaption {
            margin-top: 1.75rem !important;
        }
    }

    /* WP Block Pullquote */

    .wp-block-pullquote p {
        font-size: var(--fs-22-38);
        font-weight: 500;
        line-height: 1.1;
        letter-spacing: -.06em;
        margin-bottom: 3.125rem;
        text-align: left;
        padding: .625rem 0 .625rem 2.5rem;
        border-left: 1px solid var(--c-orange);
    }

    .wp-block-pullquote cite {
        font-family: var(--ff-secondary);
        font-size: var(--fs-11-13) !important;
        font-weight: 300;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: -.01em;
        text-transform: uppercase;
        color: var(--c-dark-blue) !important;
        text-align: left;
    }

    .wp-block-pullquote cite::before {
        content: '';
        display: inline-block;
        width: calc(1em - 2px);
        height: calc(1em - 2px);
        margin-right: .375rem;
        background-image: var(--i-double-slash);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: -1px;
    }

    @media screen and (width <= 620px) {
        .wp-block-pullquote p {
            margin-bottom: 1.875rem;
            padding-left: 1.25rem;
        }
    }

    /* WP Block Media & Text */

    .wp-block-media-text {
        gap: 3.75rem;
    }

    .wp-block-media-text .wp-block-media-text__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 2rem;
        padding: .9375rem 0 !important;
    }

    .wp-block-media-text .wp-block-media-text__content > * {
        margin-block: 0;
    }

    @media screen and (width <= 620px) {
        .wp-block-media-text {
            gap: 2.125rem;
        }

        .wp-block-media-text .wp-block-media-text__content {
            gap: 1.5625rem;
            padding: 0 !important;
        }

        .wp-block-media-text.is-stacked-on-mobile {
            grid-template-columns: 100% !important
        }

        .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
            -ms-grid-column: 1 !important;
            grid-column: 1 !important;
            -ms-grid-row: 1 !important;
            grid-row: 1 !important;
        }

        .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
            -ms-grid-column: 1 !important;
            grid-column: 1 !important;
            -ms-grid-row: 2 !important;
            grid-row: 2 !important;
        }

        .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
            aspect-ratio: 1.5545;
            max-width: 100%;
        }
    }
}
