@layer pattern {
    .miz-hero {
        --hero-size-height: auto;
        --hero-size-aspect-ratio: 16 / 9;
        --hero-grid-align-items: center;
        --hero-background-color: rgb(249, 249, 249);
        --hero-content-text-color: rgb(0, 0, 0);
        --hero-content-background-color: transparent;
        --hero-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --hero-content-font-size: 1rem;
        --hero-content-font-weight: 500;
        --hero-content-text-color-selection: rgb(0, 0, 0);
        --hero-content-background-color-selection: rgb(255, 209, 125);
        --hero-title-text-color: rgb(0, 0, 0);
        --hero-title-font-family: Manuka;
        --hero-title-font-size: 3.583rem;
        --hero-subtitle-text-color: rgb(0, 0, 0);
        --hero-subtitle-font-family: Martina Plantijn;
        --hero-subtitle-font-size: 1.44rem;
        --hero-subtitle-line-height: 1.25;
        container: hero/inline-size;
        position: relative;
        overflow-y: hidden;
        background-color: var(--hero-color-background-color);
        --miz-hero-grid-container-type: inline-size;
        --miz-hero-grid-position: relative;
        --miz-hero-grid-display: grid;
        --miz-hero-grid-align-items: center;
        --miz-hero-grid-justify-items: start;
        --miz-hero-grid-align-content: normal;
        --miz-hero-grid-justify-content: center;
        --miz-hero-grid-row-gap: 0px;
        --miz-hero-grid-col-gap: 0px;
        --miz-hero-grid-gap: var(--miz-hero-grid-row-gap) var(--miz-hero-grid-col-gap);
        --miz-hero-grid-isolation: isolate;
        --miz-hero-grid-overflow: visible;
        --miz-hero-grid-max-width: 1920px;
        --miz-hero-grid-margin-right: auto;
        --miz-hero-grid-margin-left: auto;
        container: miz-hero/var(--miz-hero-grid-container-type);
        position: var(--miz-hero-grid-position);
        display: var(--miz-hero-grid-display);
        place-items: var(--miz-hero-grid-align-items) var(--miz-hero-grid-justify-items);
        place-content: var(--miz-hero-grid-align-content) var(--miz-hero-grid-justify-content);
        gap: var(--miz-hero-grid-gap);
        isolation: var(--miz-hero-grid-isolation);
        overflow: var(--miz-hero-grid-overflow);
        max-width: var(--miz-hero-grid-max-width);
        margin-right: var(--miz-hero-grid-margin-right);
        margin-left: var(--miz-hero-grid-margin-left);
        --miz-hero-grid-template-columns: [full-start] calc(16px - var(--miz-hero-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-hero-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-hero-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-hero {
            --miz-hero-grid-template-columns: [full-start] calc(16px - var(--miz-hero-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-hero-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-hero-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-hero {
            --miz-hero-grid-template-columns: [full-start] calc(32px - var(--miz-hero-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(32px - var(--miz-hero-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-hero-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-hero {
            --miz-hero-grid-template-columns: [full-start] calc(64px - var(--miz-hero-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(64px - var(--miz-hero-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-hero-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-hero {
            --miz-hero-grid-template-columns: [full-start] calc(96px - var(--miz-hero-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(96px - var(--miz-hero-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-hero-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-hero {
            --miz-hero-grid-template-columns: [full-start] calc(160px - var(--miz-hero-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(160px - var(--miz-hero-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-hero-grid-template-columns)
        }
    }

    .miz-hero {
        --miz-hero-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-hero-grid-template-rows);
        --miz-hero-grid-template-areas: ". body body body body body body body body body body body body ." ". background background background background background background background background background background background background .";
        grid-template-areas: var(--miz-hero-grid-template-areas)
    }

    .miz-hero:has(>.miz-hero__header),
    .miz-hero:has(>.miz-hero__footer) {
        --miz-hero-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-hero-grid-template-rows)
    }

    .miz-hero:has(>.miz-hero__header):has(>.miz-hero__footer) {
        --miz-hero-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-hero-grid-template-rows)
    }

    .miz-hero:has(>.miz-hero__header) {
        --miz-hero-grid-template-areas: ". header header header header header header header header header header header header ." ". body body body body body body body body body body body body ." ". background background background background background background background background background background background background .";
        grid-template-areas: var(--miz-hero-grid-template-areas)
    }

    .miz-hero:has(>.miz-hero__footer) {
        --miz-hero-grid-template-areas: ". body body body body body body body body body body body body ." ". background background background background background background background background background background background background ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-hero-grid-template-areas)
    }

    .miz-hero:has(>.miz-hero__header):has(>.miz-hero__footer) {
        --miz-hero-grid-template-areas: ". header header header header header header header header header header header header ." ". body body body body body body body body body body body body ." ". background background background background background background background background background background background background ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-hero-grid-template-areas)
    }

    @media(min-width: 768px) {
        .miz-hero {
            ---grid-template-rows: [top main-start] repeat(1, [row] 100%) [main-end bottom];
            grid-template-rows: var(---grid-template-rows);
            ---grid-template-areas: " . body body body body body body body body body body body body .";
            grid-template-areas: var(---grid-template-areas)
        }
    }

    @media(min-width: 768px)and (height >=600px) {
        .miz-hero {
            aspect-ratio: var(--hero-size-aspect-ratio)
        }
    }
}

@layer component {
    .miz-hero__content {
        position: relative;
        z-index: 10;
        padding: 3.5rem 3.5rem 3.5rem 3.5rem;
        grid-area: body;
        color: var(--hero-content-text-color);
        background-color: var(--hero-content-background-color);
        font-family: var(--hero-content-font-family);
        font-size: var(--hero-content-font-size);
        font-weight: var(--hero-content-font-weight)
    }

    .miz-hero__content ::-moz-selection {
        background-color: var(--hero-content-background-color-selection);
        color: var(--hero-content-text-color-selection)
    }

    .miz-hero__content ::selection {
        background-color: var(--hero-content-background-color-selection);
        color: var(--hero-content-text-color-selection)
    }

    .miz-hero__content>*+* {
        margin-top: 1.5rem
    }
}

@layer component {
    .miz-hero__title {
        position: relative;
        z-index: 10;
        color: var(--hero-title-text-color);
        background-color: var(--hero-title-background-color);
        font-family: var(--hero-title-font-family);
        font-size: var(--hero-title-font-size);
        font-weight: var(--hero-title-font-weight);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-hero__title::before,
    .miz-hero__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-hero__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-hero__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    @container hero (min-width: 768px) {
        .miz-hero__title {
            --hero-title-font-size: clamp(3.583rem, 6.16cqi, 6.192rem)
        }
    }
}

@layer component {
    .miz-hero__subtitle {
        position: relative;
        z-index: 10;
        color: var(--hero-subtitle-text-color);
        background-color: var(--hero-subtitle-background-color);
        font-family: var(--hero-subtitle-font-family);
        font-size: var(--hero-subtitle-font-size);
        font-weight: var(--hero-subtitle-font-weight);
        line-height: var(--hero-subtitle-line-height);
        line-height: 1.25
    }

    .miz-hero__subtitle::before,
    .miz-hero__subtitle::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-hero__subtitle::before {
        margin-bottom: calc(-0.1736111111em + 0px)
    }

    .miz-hero__subtitle::after {
        margin-top: calc(-0.2170138889em + 0px)
    }

    .miz-hero__subtitle {
        margin-top: 2rem
    }

    @container hero (min-width: 768px) {
        .miz-hero__subtitle {
            --hero-subtitle-font-size: clamp(1.44rem, 1.93cqw, 2.074rem)
        }
    }
}

@layer component {
    .miz-hero__image {
        position: relative;
        grid-area: background;
        object-fit: cover;
        width: 100%
    }

    @media(min-width: 768px) {
        .miz-hero__image {
            position: absolute
        }
    }

    @layer modifier {
        .miz-hero__image--background {
            z-index: 0
        }
    }
}

@layer component {
    .miz-hero__link {
        font-size: 1.2rem;
        font-stretch: 75%
    }
}

@layer modifier {
    .miz-hero--light {
        --hero-color-background-color: rgb(249, 249, 249);
        --hero-subtitle-text-color: rgb(0, 0, 0);
        --hero-content-text-color: rgb(0, 0, 0);
        --hero-content-background-color: rgb(255, 255, 255);
        --hero-content-text-color-selection: rgb(0, 0, 0);
        --hero-content-background-color-selection: rgb(255, 209, 125);
        --hero-content-title-text-color: rgb(253, 183, 25)
    }

    .miz-hero--light .miz-hero__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    .miz-hero--dark {
        --hero-color-background-color: rgb(31, 31, 31);
        --hero-subtitle-text-color: rgb(255, 255, 255);
        --hero-content-text-color: rgb(255, 255, 255);
        --hero-content-background-color: rgb(31, 31, 31);
        --hero-content-text-color-selection: rgb(0, 0, 0);
        --hero-content-background-color-selection: rgb(152, 152, 152);
        --hero-content-title-text-color: rgb(253, 183, 25)
    }

    .miz-hero--dark .miz-hero__title {
        --highlight-text-color-default: rgb(253, 183, 25);
        --highlight-color-default: transparent;
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    .miz-hero--gold {
        --hero-color-background-color: rgb(255, 237, 207);
        --hero-content-text-color: rgb(0, 0, 0);
        --hero-content-background-color: rgb(253, 183, 25);
        --hero-content-text-color-selection: rgb(0, 0, 0);
        --hero-content-background-color-selection: rgb(255, 237, 207);
        --hero-subtitle-text-color: rgb(0, 0, 0)
    }

    .miz-hero--gold .miz-hero__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(255, 255, 255);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    .miz-hero--align-content-top {
        align-items: start
    }

    .miz-hero--align-content-bottom {
        align-items: end
    }

    .miz-hero--center {
        text-align: center;
        justify-content: center
    }

    @media(min-width: 768px) {
        .miz-hero--center .miz-hero__content {
            grid-column: 3 col/span 8
        }
    }

    @media(min-width: 768px) {
        .miz-hero--right .miz-hero__content {
            grid-column-start: 6 col
        }
    }

    .miz-hero--3-2 {
        --hero-size-aspect-ratio: 3 / 2
    }

    .miz-hero--4-3 {
        --hero-size-aspect-ratio: 4 / 3
    }

    .miz-hero--16-9 {
        --hero-size-aspect-ratio: 16 / 9
    }

    .miz-hero--235-1 {
        --hero-size-aspect-ratio: 2.35 / 1
    }
}

@layer pattern {
    .miz-big-message {
        --big-message-text-color: rgb(0, 0, 0);
        --big-message-background-color: rgb(255, 255, 255);
        --big-message-text-color-selection: rgb(0, 0, 0);
        --big-message-background-color-selection: rgb(255, 209, 125);
        --big-message-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --big-message-content-font-size: 1.44rem;
        --big-message-content-font-weight: 400;
        --big-message-title-font-family: Manuka;
        --big-message-title-font-size-min: 3.583rem;
        --big-message-title-font-size-max: 5.16rem;
        --big-message-title-text-align: center;
        background-color: var(--big-message-background-color);
        color: var(--big-message-text-color);
        --miz-big-message-grid-container-type: inline-size;
        --miz-big-message-grid-position: relative;
        --miz-big-message-grid-display: grid;
        --miz-big-message-grid-align-items: normal;
        --miz-big-message-grid-justify-items: normal;
        --miz-big-message-grid-align-content: normal;
        --miz-big-message-grid-justify-content: center;
        --miz-big-message-grid-row-gap: 0px;
        --miz-big-message-grid-col-gap: 0px;
        --miz-big-message-grid-gap: var(--miz-big-message-grid-row-gap) var(--miz-big-message-grid-col-gap);
        --miz-big-message-grid-isolation: isolate;
        --miz-big-message-grid-overflow: visible;
        --miz-big-message-grid-max-width: 1920px;
        --miz-big-message-grid-margin-right: auto;
        --miz-big-message-grid-margin-left: auto;
        container: miz-big-message/var(--miz-big-message-grid-container-type);
        position: var(--miz-big-message-grid-position);
        display: var(--miz-big-message-grid-display);
        place-items: var(--miz-big-message-grid-align-items) var(--miz-big-message-grid-justify-items);
        place-content: var(--miz-big-message-grid-align-content) var(--miz-big-message-grid-justify-content);
        gap: var(--miz-big-message-grid-gap);
        isolation: var(--miz-big-message-grid-isolation);
        overflow: var(--miz-big-message-grid-overflow);
        max-width: var(--miz-big-message-grid-max-width);
        margin-right: var(--miz-big-message-grid-margin-right);
        margin-left: var(--miz-big-message-grid-margin-left);
        --miz-big-message-grid-template-columns: [full-start] calc(16px - var(--miz-big-message-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-big-message-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-big-message-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-big-message {
            --miz-big-message-grid-template-columns: [full-start] calc(16px - var(--miz-big-message-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-big-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-big-message-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-big-message {
            --miz-big-message-grid-template-columns: [full-start] calc(32px - var(--miz-big-message-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-big-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-big-message-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-big-message {
            --miz-big-message-grid-template-columns: [full-start] calc(64px - var(--miz-big-message-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-big-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-big-message-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-big-message {
            --miz-big-message-grid-template-columns: [full-start] calc(96px - var(--miz-big-message-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-big-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-big-message-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-big-message {
            --miz-big-message-grid-template-columns: [full-start] calc(160px - var(--miz-big-message-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-big-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-big-message-grid-template-columns)
        }
    }

    .miz-big-message {
        /* --miz-big-message-grid-template-rows: [top] 4rem [main-start] repeat(4, [row] auto) [main-end] 4rem [bottom]; COMMENTED OUT BY PENTERA */
        --miz-big-message-grid-template-rows: [top] 1rem [main-start] repeat(4, [row] auto) [main-end] 1rem [bottom];
        grid-template-rows: var(--miz-big-message-grid-template-rows);
        --miz-big-message-grid-template-areas: ". . ." ". header ." ". body ." ". . .";
        grid-template-areas: var(--miz-big-message-grid-template-areas)
    }

    .miz-big-message ::-moz-selection {
        color: var(--big-message-text-color-selection);
        background-color: var(--big-message-background-color-selection)
    }

    .miz-big-message ::selection {
        color: var(--big-message-text-color-selection);
        background-color: var(--big-message-background-color-selection)
    }
}

@layer component {
    .miz-big-message__header {
        grid-area: header
    }
}

@layer component {
    .miz-big-message__content {
        position: relative;
        z-index: 10;
        grid-area: body;
        font-family: var(--big-message-content-font-family);
        font-size: var(--big-message-content-font-size);
        font-weight: var(--big-message-content-font-weight)
    }

    .miz-big-message__content>* {
        margin-top: 2rem
    }
}

@layer component {
    .miz-big-message__title {
        --big-message-title-font-size: clamp(var(--big-message-title-font-size-min), 5.16cqi, var(--big-message-title-font-size-max));
        position: relative;
        z-index: 10;
        color: var(--big-message-title-text-color);
        font-family: var(--big-message-title-font-family);
        font-size: var(--big-message-title-font-size);
        font-weight: var(--big-message-title-font-weight);
        text-align: var(--big-message-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-big-message__title::before,
    .miz-big-message__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-big-message__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-big-message__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }
}

@layer modifier {

    .miz-big-message--light,
    .miz-big-message[data-theme=light] {
        --big-message-text-color: rgb(0, 0, 0);
        --big-message-background-color: rgb(255, 255, 255);
        --big-message-stripe-background-color: rgb(253, 183, 25);
        --big-message-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
    }

    .miz-big-message--light .miz-big-message__title,
    .miz-big-message[data-theme=light] .miz-big-message__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    @scope ([data-theme='light']) {
        .miz-big-message {
            --big-message-text-color: rgb(0, 0, 0);
            --big-message-background-color: rgb(255, 255, 255);
            --big-message-stripe-background-color: rgb(253, 183, 25);
            --big-message-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
        }

        .miz-big-message .miz-big-message__title {
            --highlight-text-color-default: rgb(0, 0, 0);
            --highlight-color-default: rgb(253, 183, 25);
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }
    }
}

@layer modifier {

    .miz-big-message--dark,
    .miz-big-message[data-theme=dark] {
        --big-message-text-color: rgb(255, 255, 255);
        --big-message-background-color: rgb(0, 0, 0);
        --big-message-title-text-color: rgb(253, 183, 25);
        --big-message-stripe-background-color: rgb(0, 0, 0);
        --big-message-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
    }

    .miz-big-message--dark .miz-big-message__title,
    .miz-big-message[data-theme=dark] .miz-big-message__title {
        --highlight-text-color-default: rgb(253, 183, 25);
        --highlight-color-default: transparent;
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    @scope ([data-theme='dark']) {
        .miz-big-message {
            --big-message-text-color: rgb(255, 255, 255);
            --big-message-background-color: rgb(0, 0, 0);
            --big-message-title-text-color: rgb(253, 183, 25);
            --big-message-stripe-background-color: rgb(0, 0, 0);
            --big-message-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
        }

        .miz-big-message .miz-big-message__title {
            --highlight-text-color-default: rgb(253, 183, 25);
            --highlight-color-default: transparent;
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }
    }
}

@layer modifier {
    .miz-big-message__title--left {
        --big-message-title-text-align: left
    }

    .miz-big-message__title--center {
        --big-message-title-text-align: center
    }

    .miz-big-message__title--right {
        --big-message-title-text-align: right
    }
}

@layer modifier {
    .miz-big-message--add-stripe {
        --big-message-stripe-svg-url: url(../images/tiger-stripes-full.min.svg);
        --big-message-stripe-background-color: rgb(253, 183, 25);
        --big-message-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
    }

    .miz-big-message--add-stripe::before {
        content: "";
        position: absolute;
        -webkit-mask-image: var(--big-message-stripe-svg-url);
        mask-image: var(--big-message-stripe-svg-url);
        -webkit-mask-size: cover;
        mask-size: cover;
        background-color: var(--big-message-stripe-foreground-color)
    }

    .miz-big-message--add-stripe {
        box-shadow: inset 0 4rem var(--big-message-stripe-background-color)
    }

    .miz-big-message--add-stripe::before {
        height: 4rem;
        top: 0;
        right: 0;
        left: 0
    }

    .miz-big-message--add-stripe>:first-child {
        margin-top: 4rem
    }
}

@layer pattern {
    .miz-by-the-numbers {
        --byn-text-color: rgb(0, 0, 0);
        --byn-background-color: transparent;
        --byn-text-color-selection: rgb(0, 0, 0);
        --byn-background-color-selection: rgb(255, 209, 125);
        --byn-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --byn-content-font-size: 1.44rem;
        --byn-content-font-weight: 400;
        --byn-title-font-family: Manuka;
        --byn-title-font-size-min: 3.583rem;
        --byn-title-font-size-max: 5.16rem;
        --byn-title-text-align: center;
        container: byn/inline-size;
        background-color: var(--byn-background-color);
        --miz-by-the-numbers-grid-container-type: inline-size;
        --miz-by-the-numbers-grid-position: relative;
        --miz-by-the-numbers-grid-display: grid;
        --miz-by-the-numbers-grid-align-items: normal;
        --miz-by-the-numbers-grid-justify-items: normal;
        --miz-by-the-numbers-grid-align-content: normal;
        --miz-by-the-numbers-grid-justify-content: center;
        --miz-by-the-numbers-grid-row-gap: 4rem;
        --miz-by-the-numbers-grid-col-gap: 0px;
        --miz-by-the-numbers-grid-gap: var(--miz-by-the-numbers-grid-row-gap) var(--miz-by-the-numbers-grid-col-gap);
        --miz-by-the-numbers-grid-isolation: isolate;
        --miz-by-the-numbers-grid-overflow: visible;
        --miz-by-the-numbers-grid-max-width: 1920px;
        --miz-by-the-numbers-grid-margin-right: auto;
        --miz-by-the-numbers-grid-margin-left: auto;
        container: miz-by-the-numbers/var(--miz-by-the-numbers-grid-container-type);
        position: var(--miz-by-the-numbers-grid-position);
        display: var(--miz-by-the-numbers-grid-display);
        place-items: var(--miz-by-the-numbers-grid-align-items) var(--miz-by-the-numbers-grid-justify-items);
        place-content: var(--miz-by-the-numbers-grid-align-content) var(--miz-by-the-numbers-grid-justify-content);
        gap: var(--miz-by-the-numbers-grid-gap);
        isolation: var(--miz-by-the-numbers-grid-isolation);
        overflow: var(--miz-by-the-numbers-grid-overflow);
        max-width: var(--miz-by-the-numbers-grid-max-width);
        margin-right: var(--miz-by-the-numbers-grid-margin-right);
        margin-left: var(--miz-by-the-numbers-grid-margin-left);
        --miz-by-the-numbers-grid-template-columns: [full-start] calc(16px - var(--miz-by-the-numbers-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-by-the-numbers-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-by-the-numbers-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-by-the-numbers {
            --miz-by-the-numbers-grid-template-columns: [full-start] calc(16px - var(--miz-by-the-numbers-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-by-the-numbers-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-by-the-numbers-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-by-the-numbers {
            --miz-by-the-numbers-grid-template-columns: [full-start] calc(32px - var(--miz-by-the-numbers-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-by-the-numbers-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-by-the-numbers-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-by-the-numbers {
            --miz-by-the-numbers-grid-template-columns: [full-start] calc(64px - var(--miz-by-the-numbers-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-by-the-numbers-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-by-the-numbers-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-by-the-numbers {
            --miz-by-the-numbers-grid-template-columns: [full-start] calc(96px - var(--miz-by-the-numbers-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-by-the-numbers-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-by-the-numbers-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-by-the-numbers {
            --miz-by-the-numbers-grid-template-columns: [full-start] calc(160px - var(--miz-by-the-numbers-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-by-the-numbers-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-by-the-numbers-grid-template-columns)
        }
    }

    .miz-by-the-numbers {
        --miz-by-the-numbers-grid-template-rows: [top main-start] repeat(1, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-by-the-numbers-grid-template-rows);
        --miz-by-the-numbers-grid-template-areas: ". body .";
        grid-template-areas: var(--miz-by-the-numbers-grid-template-areas)
    }

    .miz-by-the-numbers:has(>.miz-by-the-numbers__header),
    .miz-by-the-numbers:has(>.miz-by-the-numbers__footer) {
        --miz-by-the-numbers-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-by-the-numbers-grid-template-rows)
    }

    .miz-by-the-numbers:has(>.miz-by-the-numbers__header):has(>.miz-by-the-numbers__footer) {
        --miz-by-the-numbers-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-by-the-numbers-grid-template-rows)
    }

    .miz-by-the-numbers:has(>.miz-by-the-numbers__header) {
        --miz-by-the-numbers-grid-template-areas: ". header ." ". body .";
        grid-template-areas: var(--miz-by-the-numbers-grid-template-areas)
    }

    .miz-by-the-numbers:has(>.miz-by-the-numbers__footer) {
        --miz-by-the-numbers-grid-template-areas: ". body ." ". footer .";
        grid-template-areas: var(--miz-by-the-numbers-grid-template-areas)
    }

    .miz-by-the-numbers:has(>.miz-by-the-numbers__header):has(>.miz-by-the-numbers__footer) {
        --miz-by-the-numbers-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-by-the-numbers-grid-template-areas)
    }

    .miz-by-the-numbers ::-moz-selection {
        color: var(--byn-text-color-selection);
        background-color: var(--byn-background-color-selection)
    }

    .miz-by-the-numbers ::selection {
        color: var(--byn-text-color-selection);
        background-color: var(--byn-background-color-selection)
    }
}

@layer component {
    .miz-by-the-numbers__header {
        grid-area: header;
        margin-top: 4rem
    }
}

@layer component {
    .miz-by-the-numbers__title {
        position: relative;
        z-index: 10;
        font-family: var(--byn-title-font-family);
        font-size: var(--byn-title-font-size);
        font-weight: var(--byn-title-font-weight);
        text-align: var(--byn-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-by-the-numbers__title::before,
    .miz-by-the-numbers__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-by-the-numbers__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-by-the-numbers__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-by-the-numbers__title {
        --byn-title-font-size: clamp(var(--byn-title-font-size-min), 5.16cqi, var(--byn-title-font-size-max))
    }
}

@layer component {
    .miz-by-the-numbers__content {
        grid-area: body;
        margin-bottom: 4rem
    }
}

@layer modifier {

    .miz-by-the-numbers--light,
    .miz-by-the-numbers[data-theme=light] {
        --byn-text-color: rgb(0, 0, 0);
        --byn-background-color: rgb(255, 255, 255);
        --byn-text-color-selection: rgb(0, 0, 0);
        --byn-background-color-selection: rgb(255, 209, 125);
        --byn-stripe-background-color: ;
        --byn-stripe-foreground-color:
    }

    .miz-by-the-numbers--light .miz-by-the-numbers__title,
    .miz-by-the-numbers[data-theme=light] .miz-by-the-numbers__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    @scope ([data-theme='light']) {
        .miz-by-the-numbers {
            --byn-text-color: rgb(0, 0, 0);
            --byn-background-color: rgb(255, 255, 255);
            --byn-text-color-selection: rgb(0, 0, 0);
            --byn-background-color-selection: rgb(255, 209, 125);
            --byn-stripe-background-color: ;
            --byn-stripe-foreground-color:
        }

        .miz-by-the-numbers .miz-by-the-numbers__title {
            --highlight-text-color-default: rgb(0, 0, 0);
            --highlight-color-default: rgb(253, 183, 25);
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }
    }
}

@layer modifier {

    .miz-by-the-numbers--dark,
    .miz-by-the-numbers[data-theme=dark] {
        --byn-text-color: rgb(255, 255, 255);
        --byn-background-color: rgb(0, 0, 0);
        --byn-text-color-selection: rgb(0, 0, 0);
        --byn-background-color-selection: rgb(152, 152, 152);
        --byn-stripe-background-color: ;
        --byn-stripe-foreground-color:
    }

    .miz-by-the-numbers--dark .miz-by-the-numbers__title,
    .miz-by-the-numbers[data-theme=dark] .miz-by-the-numbers__title {
        --highlight-text-color-default: rgb(253, 183, 25);
        --highlight-color-default: transparent;
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    @scope ([data-theme='dark']) {
        .miz-by-the-numbers {
            --byn-text-color: rgb(255, 255, 255);
            --byn-background-color: rgb(0, 0, 0);
            --byn-text-color-selection: rgb(0, 0, 0);
            --byn-background-color-selection: rgb(152, 152, 152);
            --byn-stripe-background-color: ;
            --byn-stripe-foreground-color:
        }

        .miz-by-the-numbers .miz-by-the-numbers__title {
            --highlight-text-color-default: rgb(253, 183, 25);
            --highlight-color-default: transparent;
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }
    }
}

@layer modifier {

    .miz-by-the-numbers--gold,
    .miz-by-the-numbers[data-theme=gold] {
        --byn-text-color: rgb(0, 0, 0);
        --byn-background-color: rgb(253, 183, 25);
        --byn-text-color-selection: rgb(0, 0, 0);
        --byn-background-color-selection: rgb(255, 237, 207);
        --byn-stripe-background-color: ;
        --byn-stripe-foreground-color:
    }

    .miz-by-the-numbers--gold .miz-by-the-numbers__title,
    .miz-by-the-numbers[data-theme=gold] .miz-by-the-numbers__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(255, 255, 255);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    @scope ([data-theme='gold']) {
        .miz-by-the-numbers {
            --byn-text-color: rgb(0, 0, 0);
            --byn-background-color: rgb(253, 183, 25);
            --byn-text-color-selection: rgb(0, 0, 0);
            --byn-background-color-selection: rgb(255, 237, 207);
            --byn-stripe-background-color: ;
            --byn-stripe-foreground-color:
        }

        .miz-by-the-numbers .miz-by-the-numbers__title {
            --highlight-text-color-default: rgb(0, 0, 0);
            --highlight-color-default: rgb(255, 255, 255);
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }
    }
}

@layer pattern {
    .miz-cta {
        --cta-text-color: rgb(0, 0, 0);
        --cta-background-color: transparent;
        --cta-text-color-selection: rgb(0, 0, 0);
        --cta-background-color-selection: rgb(255, 209, 125);
        --cta-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --cta-content-font-size: 1.728rem;
        --cta-content-font-weight: 500;
        --cta-content-font-stretch: 87.5%;
        --cta-title-font-family: Manuka;
        --cta-title-font-size-min: 2.488rem;
        --cta-title-font-size-max: 3.583rem;
        --cta-title-font-size: clamp(var(--cta-title-font-size-min), 5.16cqi, var(--cta-title-font-size-max));
        --cta-title-text-align: left;
        background-color: var(--cta-background-color);
        color: var(--cta-text-color);
        --miz-cta-grid-container-type: inline-size;
        --miz-cta-grid-position: relative;
        --miz-cta-grid-display: grid;
        --miz-cta-grid-align-items: normal;
        --miz-cta-grid-justify-items: normal;
        --miz-cta-grid-align-content: normal;
        --miz-cta-grid-justify-content: center;
        --miz-cta-grid-row-gap: 2rem;
        --miz-cta-grid-col-gap: 2rem;
        --miz-cta-grid-gap: var(--miz-cta-grid-row-gap) var(--miz-cta-grid-col-gap);
        --miz-cta-grid-isolation: isolate;
        --miz-cta-grid-overflow: visible;
        --miz-cta-grid-max-width: 1920px;
        --miz-cta-grid-margin-right: auto;
        --miz-cta-grid-margin-left: auto;
        container: miz-cta/var(--miz-cta-grid-container-type);
        position: var(--miz-cta-grid-position);
        display: var(--miz-cta-grid-display);
        place-items: var(--miz-cta-grid-align-items) var(--miz-cta-grid-justify-items);
        place-content: var(--miz-cta-grid-align-content) var(--miz-cta-grid-justify-content);
        gap: var(--miz-cta-grid-gap);
        isolation: var(--miz-cta-grid-isolation);
        overflow: var(--miz-cta-grid-overflow);
        max-width: var(--miz-cta-grid-max-width);
        margin-right: var(--miz-cta-grid-margin-right);
        margin-left: var(--miz-cta-grid-margin-left);
        --miz-cta-grid-template-columns: [full-start] calc(16px - var(--miz-cta-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-cta-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-cta-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-cta {
            --miz-cta-grid-template-columns: [full-start] calc(16px - var(--miz-cta-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-cta-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-cta-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-cta {
            --miz-cta-grid-template-columns: [full-start] calc(32px - var(--miz-cta-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(32px - var(--miz-cta-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-cta-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-cta {
            --miz-cta-grid-template-columns: [full-start] calc(64px - var(--miz-cta-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(64px - var(--miz-cta-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-cta-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-cta {
            --miz-cta-grid-template-columns: [full-start] calc(96px - var(--miz-cta-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(96px - var(--miz-cta-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-cta-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-cta {
            --miz-cta-grid-template-columns: [full-start] calc(160px - var(--miz-cta-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(160px - var(--miz-cta-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-cta-grid-template-columns)
        }
    }

    .miz-cta {
        --miz-cta-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-cta-grid-template-rows);
        --miz-cta-grid-template-areas: ". header header header header header header header header header header header header ." ". body body body body body body body body body body body body ." ". links links links links links links links links links links links links .";
        grid-template-areas: var(--miz-cta-grid-template-areas)
    }

    .miz-cta:has(>.miz-cta__header),
    .miz-cta:has(>.miz-cta__footer) {
        --miz-cta-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-cta-grid-template-rows)
    }

    .miz-cta:has(>.miz-cta__header):has(>.miz-cta__footer) {
        --miz-cta-grid-template-rows: [top main-start] repeat(5, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-cta-grid-template-rows)
    }

    .miz-cta:has(>.miz-cta__header) {
        --miz-cta-grid-template-areas: ". header header header header header header header header header header header header ." ". header header header header header header header header header header header header ." ". body body body body body body body body body body body body ." ". links links links links links links links links links links links links .";
        grid-template-areas: var(--miz-cta-grid-template-areas)
    }

    .miz-cta:has(>.miz-cta__footer) {
        --miz-cta-grid-template-areas: ". header header header header header header header header header header header header ." ". body body body body body body body body body body body body ." ". links links links links links links links links links links links links ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-cta-grid-template-areas)
    }

    .miz-cta:has(>.miz-cta__header):has(>.miz-cta__footer) {
        --miz-cta-grid-template-areas: ". header header header header header header header header header header header header ." ". header header header header header header header header header header header header ." ". body body body body body body body body body body body body ." ". links links links links links links links links links links links links ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-cta-grid-template-areas)
    }

    .miz-cta ::-moz-selection {
        color: var(--cta-text-color-selection);
        background-color: var(--cta-background-color-selection)
    }

    .miz-cta ::selection {
        color: var(--cta-text-color-selection);
        background-color: var(--cta-background-color-selection)
    }
}

@layer component {
    .miz-cta__header {
        position: relative;
        z-index: 10;
        grid-area: header;
        text-align: center
    }
}

@layer component {
    .miz-cta__title {
        position: relative;
        z-index: 10;
        color: var(--cta-title-text-color, var(--cta-text-color));
        font-size: var(--cta-title-font-size);
        font-family: var(--cta-title-font-family);
        line-height: .9
    }

    .miz-cta__title::before,
    .miz-cta__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-cta__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-cta__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }
}

@layer component {
    .miz-cta__content {
        position: relative;
        z-index: 10;
        grid-area: body;
        font-size: var(--cta-content-font-size);
        font-weight: var(--cta-content-font-weight);
        font-stretch: var(--cta-content-font-stretch);
        text-align: center
    }
}

@layer component {
    .miz-cta__links {
        position: relative;
        z-index: 10;
        grid-area: links;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@layer component {
    .miz-cta-comfortable {
        --cta-padding-top: 4rem;
        --cta-padding-right: 0;
        --cta-padding-bottom: 4rem;
        --cta-padding-left: 0;
        --cta-padding: var(--cta-padding-top) var(--cta-padding-right) var(--cta-padding-bottom) var(--cta-padding-left);
        padding: var(--cta-padding)
    }

    .miz-cta-comfortable .miz-cta__header {
        text-align: left
    }

    .miz-cta-comfortable .miz-cta__content {
        --cta-content-font-stretch: normal;
        --cta-content-font-size: 1.44rem;
        text-align: left
    }

    .miz-cta-comfortable .miz-cta__links {
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
        text-align: left
    }

    @media(min-width: 576px) {
        .miz-cta-comfortable {
            align-items: center;
            ---grid-template-areas: ". header header header header body body body body body body body body ." ". header header header header links links links links links links links links .";
            grid-template-areas: var(---grid-template-areas)
        }

        .miz-cta-comfortable .miz-cta__header {
            align-self: stretch;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-top: 0;
            padding-right: 1rem;
            border-right: 4px solid #fdb719
        }

        .miz-cta-comfortable .miz-cta__content {
            margin-top: 1rem
        }
    }

    @media(min-width: 1024px) {
        .miz-cta-comfortable .miz-cta__content {
            --cta-content-font-size: 1.44rem
        }
    }
}

@layer modifier {

    .miz-cta-comfortable--dark,
    .miz-cta-comfortable[data-theme=dark] {
        --cta-text-color: rgb(255, 255, 255);
        --cta-background-color: rgb(0, 0, 0);
        --cta-title-text-color: rgb(253, 183, 25);
        --cta-stripe-background-color: rgb(0, 0, 0);
        --cta-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
    }

    @scope ([data-theme='dark']) {
        .miz-cta-comfortable {
            --cta-text-color: rgb(255, 255, 255);
            --cta-background-color: rgb(0, 0, 0);
            --cta-title-text-color: rgb(253, 183, 25);
            --cta-stripe-background-color: rgb(0, 0, 0);
            --cta-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
        }
    }
}

@layer modifier {
    .miz-cta-comfortable--add-stripe-left {
        padding-left: 32px
    }

    @media(min-width: 768px) {
        .miz-cta-comfortable--add-stripe-left {
            padding-left: 64px
        }
    }

    @media(min-width: 1024px) {
        .miz-cta-comfortable--add-stripe-left {
            padding-left: 0
        }
    }

    .miz-cta-comfortable--add-stripe-left {
        --cta-stripe-svg-url: url(../images/tiger-stripes-full.min.svg);
        --cta-stripe-background-color: rgb(253, 183, 25);
        --cta-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
    }

    .miz-cta-comfortable--add-stripe-left::before {
        content: "";
        position: absolute;
        -webkit-mask-image: var(--cta-stripe-svg-url);
        mask-image: var(--cta-stripe-svg-url);
        -webkit-mask-size: cover;
        mask-size: cover;
        background-color: var(--cta-stripe-foreground-color)
    }

    .miz-cta-comfortable--add-stripe-left {
        box-shadow: inset 32px 0 var(--cta-stripe-background-color)
    }

    .miz-cta-comfortable--add-stripe-left::before {
        width: 32px;
        top: 0;
        bottom: 0;
        left: 0
    }

    @media(min-width: 1280px) {
        .miz-cta-comfortable--add-stripe-left {
            --cta-stripe-svg-url: url(../images/tiger-stripes-full.min.svg);
            --cta-stripe-background-color: rgb(253, 183, 25);
            --cta-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
        }

        .miz-cta-comfortable--add-stripe-left::before {
            content: "";
            position: absolute;
            -webkit-mask-image: var(--cta-stripe-svg-url);
            mask-image: var(--cta-stripe-svg-url);
            -webkit-mask-size: cover;
            mask-size: cover;
            background-color: var(--cta-stripe-foreground-color)
        }

        .miz-cta-comfortable--add-stripe-left {
            box-shadow: inset 64px 0 var(--cta-stripe-background-color)
        }

        .miz-cta-comfortable--add-stripe-left::before {
            width: 64px;
            top: 0;
            bottom: 0;
            left: 0
        }
    }

    .miz-cta-comfortable--add-stripe-top-bottom {
        padding-top: calc(var(--cta-padding-top)*2);
        padding-bottom: calc(var(--cta-padding-bottom)*2);
        --cta-stripe-svg-url: url(../images/tiger-stripes-full.min.svg);
        --cta-stripe-background-color: rgb(253, 183, 25);
        --cta-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
    }

    .miz-cta-comfortable--add-stripe-top-bottom::before,
    .miz-cta-comfortable--add-stripe-top-bottom::after {
        content: "";
        position: absolute;
        -webkit-mask-image: var(--cta-stripe-svg-url);
        mask-image: var(--cta-stripe-svg-url);
        -webkit-mask-size: cover;
        mask-size: cover;
        background-color: var(--cta-stripe-foreground-color)
    }

    .miz-cta-comfortable--add-stripe-top-bottom {
        box-shadow: inset 0 -64px var(--cta-stripe-background-color), inset 0 64px var(--cta-stripe-background-color)
    }

    .miz-cta-comfortable--add-stripe-top-bottom::before {
        height: 64px;
        top: 0;
        right: 0;
        left: 0
    }

    .miz-cta-comfortable--add-stripe-top-bottom::after {
        height: 64px;
        bottom: 0;
        right: 0;
        left: 0
    }
}

.miz-cta-comfortable--stripe-w20-g {
    --cta-stripe-background-color: rgb(253, 183, 25);
    --cta-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
}

.miz-cta-comfortable--stripe-w20-b {
    --cta-stripe-background-color: rgb(0, 0, 0);
    --cta-stripe-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2))
}

.miz-cta-comfortable--stripe-g20-w {
    --cta-stripe-background-color: rgb(255, 255, 255);
    --cta-stripe-foreground-color: rgb(from rgb(253, 183, 25) r g b/calc(alpha * 0.2))
}

@layer theme {
    .miz-cta-compact {
        --vertical-gradient-direction: 90deg;
        --vertical-gradient-color-list: transparent 100%
    }

    .miz-cta-compact::before {
        background: linear-gradient(var(--vertical-gradient-direction), var(--vertical-gradient-color-list))
    }

    .miz-cta-compact {
        --cta-bg-svg-url: url(../images/tiger-stripes-full.min.svg);
        --cta-bg-background-color: ;
        --cta-bg-foreground-color:
    }

    .miz-cta-compact::before {
        content: "";
        position: absolute;
        -webkit-mask-image: var(--cta-bg-svg-url);
        mask-image: var(--cta-bg-svg-url);
        -webkit-mask-size: cover;
        mask-size: cover;
        background-color: var(--cta-bg-foreground-color)
    }

    .miz-cta-compact {
        overflow: hidden;
        background-color: var(--cta-bg-background-color)
    }

    .miz-cta-compact::before {
        height: 100%;
        top: 0;
        left: 0;
        right: 0
    }

    .miz-cta-compact .miz-cta__header {
        margin-top: 4rem
    }

    .miz-cta-compact .miz-cta__links {
        margin-bottom: 4rem
    }
}

@layer modifier {
    .miz-cta-compact--inline .miz-cta__header {
        text-align: left
    }

    .miz-cta-compact--inline .miz-cta__content {
        text-align: left
    }

    .miz-cta-compact--inline .miz-cta__links {
        margin-bottom: 4rem;
        margin-left: 0;
        margin-right: 0
    }

    @media(min-width: 576px) {
        .miz-cta-compact--inline {
            align-items: center;
            ---grid-template-areas: ". header header header header header header header header header links links links ." ". body body body body body body body body body links links links .";
            grid-template-areas: var(---grid-template-areas)
        }

        .miz-cta-compact--inline .miz-cta__content {
            margin-bottom: 4rem
        }
    }
}

@layer modifier {
    .miz-cta-compact--dark {
        --cta-text-color: rgb(255, 255, 255);
        --cta-background-color: rgb(0, 0, 0);
        --cta-title-text-color: rgb(253, 183, 25);
        --cta-text-color-selection: rgb(0, 0, 0);
        --cta-background-color-selection: rgb(152, 152, 152);
        --cta-bg-background-color: rgb(0, 0, 0);
        --cta-bg-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2));
        --vertical-gradient-color-list: transparent 20%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, transparent 100%
    }
}

@layer theme {

    .miz-cta-compact[data-theme=dark],
    *[data-theme=dark] .miz-cta-compact {
        --cta-text-color: rgb(255, 255, 255);
        --cta-background-color: rgb(0, 0, 0);
        --cta-title-text-color: rgb(253, 183, 25);
        --cta-text-color-selection: rgb(0, 0, 0);
        --cta-background-color-selection: rgb(152, 152, 152);
        --cta-bg-background-color: rgb(0, 0, 0);
        --cta-bg-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2));
        --vertical-gradient-color-list: transparent 20%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, transparent 100%
    }
}

@layer modifier {
    .miz-cta-compact--gold {
        --cta-text-color: rgb(0, 0, 0);
        --cta-background-color: rgb(253, 183, 25);
        --cta-text-color-selection: rgb(0, 0, 0);
        --cta-background-color-selection: rgb(255, 237, 207);
        --cta-bg-background-color: rgb(253, 183, 25);
        --cta-bg-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2));
        --vertical-gradient-color-list: transparent 20%, rgb(253, 183, 25) 40%, rgb(253, 183, 25) 60%, transparent 80%
    }
}

@layer theme {

    .miz-cta-compact[data-theme=gold],
    *[data-theme=gold] .miz-cta-compact {
        --cta-text-color: rgb(0, 0, 0);
        --cta-background-color: rgb(253, 183, 25);
        --cta-text-color-selection: rgb(0, 0, 0);
        --cta-background-color-selection: rgb(255, 237, 207);
        --cta-bg-background-color: rgb(253, 183, 25);
        --cta-bg-foreground-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2));
        --vertical-gradient-color-list: transparent 20%, rgb(253, 183, 25) 40%, rgb(253, 183, 25) 60%, transparent 80%
    }
}

@layer pattern {
    .miz-quote {
        --quote-background-color: transparent;
        --quote-content-text-color: rgb(0, 0, 0);
        --quote-content-background-color: transparent;
        --quote-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --quote-content-font-size: ;
        --quote-content-font-weight: 500;
        --quote-content-text-color-selection: rgb(0, 0, 0);
        --quote-content-background-color-selection: rgb(255, 209, 125);
        --quote-title-font-family: Manuka;
        --quote-title-font-size-min: 2.488rem;
        --quote-title-font-size-max: 3.583rem;
        --quote-title-text-align: center;
        background-color: var(--quote-background-color)
    }

    .miz-quote>*:first-child {
        margin-top: 4rem
    }

    .miz-quote>*:last-child {
        margin-bottom: 4rem
    }

    .miz-quote ::-moz-selection {
        background-color: var(--quote-content-background-color-selection);
        color: var(--quote-content-text-color-selection)
    }

    .miz-quote ::selection {
        background-color: var(--quote-content-background-color-selection);
        color: var(--quote-content-text-color-selection)
    }

    .miz-quote {
        --miz-quote-grid-container-type: inline-size;
        --miz-quote-grid-position: relative;
        --miz-quote-grid-display: grid;
        --miz-quote-grid-align-items: normal;
        --miz-quote-grid-justify-items: normal;
        --miz-quote-grid-align-content: normal;
        --miz-quote-grid-justify-content: center;
        --miz-quote-grid-row-gap: 32px;
        --miz-quote-grid-col-gap: 0px;
        --miz-quote-grid-gap: var(--miz-quote-grid-row-gap) var(--miz-quote-grid-col-gap);
        --miz-quote-grid-isolation: isolate;
        --miz-quote-grid-overflow: visible;
        --miz-quote-grid-max-width: 1920px;
        --miz-quote-grid-margin-right: auto;
        --miz-quote-grid-margin-left: auto;
        container: miz-quote/var(--miz-quote-grid-container-type);
        position: var(--miz-quote-grid-position);
        display: var(--miz-quote-grid-display);
        place-items: var(--miz-quote-grid-align-items) var(--miz-quote-grid-justify-items);
        place-content: var(--miz-quote-grid-align-content) var(--miz-quote-grid-justify-content);
        gap: var(--miz-quote-grid-gap);
        isolation: var(--miz-quote-grid-isolation);
        overflow: var(--miz-quote-grid-overflow);
        max-width: var(--miz-quote-grid-max-width);
        margin-right: var(--miz-quote-grid-margin-right);
        margin-left: var(--miz-quote-grid-margin-left);
        --miz-quote-grid-template-columns: [full-start] calc(16px - var(--miz-quote-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-quote-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-quote-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-quote {
            --miz-quote-grid-template-columns: [full-start] calc(16px - var(--miz-quote-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-quote {
            --miz-quote-grid-template-columns: [full-start] calc(32px - var(--miz-quote-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-quote {
            --miz-quote-grid-template-columns: [full-start] calc(64px - var(--miz-quote-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-quote {
            --miz-quote-grid-template-columns: [full-start] calc(96px - var(--miz-quote-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-quote {
            --miz-quote-grid-template-columns: [full-start] calc(160px - var(--miz-quote-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    .miz-quote {
        --miz-quote-grid-template-rows: [top main-start] repeat(1, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-quote-grid-template-rows);
        --miz-quote-grid-template-areas: ". body .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }

    .miz-quote:has(>.miz-quote__header),
    .miz-quote:has(>.miz-quote__footer) {
        --miz-quote-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-quote-grid-template-rows)
    }

    .miz-quote:has(>.miz-quote__header):has(>.miz-quote__footer) {
        --miz-quote-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-quote-grid-template-rows)
    }

    .miz-quote:has(>.miz-quote__header) {
        --miz-quote-grid-template-areas: ". header ." ". body .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }

    .miz-quote:has(>.miz-quote__footer) {
        --miz-quote-grid-template-areas: ". body ." ". footer .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }

    .miz-quote:has(>.miz-quote__header):has(>.miz-quote__footer) {
        --miz-quote-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }
}

@layer component {
    .miz-quote__header {
        position: relative;
        z-index: 10;
        grid-area: header
    }
}

@layer component {
    .miz-quote__title {
        position: relative;
        z-index: 10;
        color: var(--quote-title-text-color);
        background-color: var(--quote-title-background-color);
        font-family: var(--quote-title-font-family);
        font-size: var(--quote-title-font-size);
        font-weight: var(--quote-title-font-weight);
        text-align: var(--quote-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-quote__title::before,
    .miz-quote__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-quote__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-quote__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-quote__title {
        --quote-title-font-size: clamp(var(--quote-title-font-size-min), 5.16cqi, var(--quote-title-font-size-max))
    }
}

@layer component {
    .miz-quote__footer {
        position: relative;
        z-index: 10;
        grid-area: footer
    }
}

@layer component {
    .miz-quote__content {
        position: relative;
        z-index: 10;
        grid-area: body;
        --flex-display: flex;
        --flex-direction: column;
        --flex-wrap: nowrap;
        --flex-flow: var(--flex-direction) var(--flex-wrap);
        --flex-justify-content: flex-start;
        --flex-align-items: center;
        --flex-align-content: normal;
        --flex-row-gap: 2rem;
        --flex-column-gap: 2rem;
        --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
        container: miz/inline-size;
        position: relative;
        display: var(--flex-display);
        isolation: isolate;
        overflow: visible;
        flex-flow: var(--flex-flow);
        justify-content: var(--flex-justify-content);
        align-items: var(--flex-align-items);
        gap: var(--flex-gap);
        --flex-item-grow: 1;
        --flex-item-shrink: 1;
        --flex-item-basis: 0
    }

    .miz-quote__content>* {
        flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
    }

    @media(min-width: 768px) {
        .miz-quote__content {
            --flex-display: flex;
            --flex-direction: row;
            --flex-wrap: nowrap;
            --flex-flow: var(--flex-direction) var(--flex-wrap);
            --flex-justify-content: flex-start;
            --flex-align-items: center;
            --flex-align-content: normal;
            --flex-row-gap: 2rem;
            --flex-column-gap: 2rem;
            --flex-gap: var(--flex-row-gap) var(--flex-column-gap);
            container: miz/inline-size;
            position: relative;
            display: var(--flex-display);
            isolation: isolate;
            overflow: visible;
            flex-flow: var(--flex-flow);
            justify-content: var(--flex-justify-content);
            align-items: var(--flex-align-items);
            gap: var(--flex-gap);
            --flex-item-grow: 1;
            --flex-item-shrink: 1;
            --flex-item-basis: 0
        }

        .miz-quote__content>* {
            flex: var(--flex-item-grow) var(--flex-item-shrink) var(--flex-item-basis)
        }

        .miz-quote__content>.miz-blockquote {
            align-self: stretch;
            display: flex;
            flex-direction: column;
            justify-content: center
        }
    }

    @media(min-width: 1280px) {
        .miz-quote__content {
            padding: 0 5rem
        }
    }
}

@layer component {
    .miz-quote__avatar {
        --image-mask-position: relative;
        --image-mask-overflow: hidden;
        --image-mask-aspect-ratio: 1 / 1;
        --image-mask-border-radius: 50%;
        position: var(--image-mask-position);
        overflow: var(--image-mask-overflow);
        aspect-ratio: var(--image-mask-aspect-ratio);
        border-radius: 50%;
        flex-grow: 0;
        flex-basis: 33%
    }

    @media(min-width: 768px) {
        .miz-quote__avatar {
            max-width: 400px
        }
    }
}

@layer pattern {
    .miz-side-by-side {
        --sbs-background-color: rgb(255, 255, 255);
        --sbs-content-background-color: transparent;
        --sbs-content-text-color: rgb(0, 0, 0);
        --sbs-title-text-color: rgb(0, 0, 0);
        background-color: var(--sbs-background-color);
        --miz-side-by-side-grid-container-type: inline-size;
        --miz-side-by-side-grid-position: relative;
        --miz-side-by-side-grid-display: grid;
        --miz-side-by-side-grid-align-items: normal;
        --miz-side-by-side-grid-justify-items: normal;
        --miz-side-by-side-grid-align-content: normal;
        --miz-side-by-side-grid-justify-content: center;
        --miz-side-by-side-grid-row-gap: 0px;
        --miz-side-by-side-grid-col-gap: 2rem;
        --miz-side-by-side-grid-gap: var(--miz-side-by-side-grid-row-gap) var(--miz-side-by-side-grid-col-gap);
        --miz-side-by-side-grid-isolation: isolate;
        --miz-side-by-side-grid-overflow: visible;
        --miz-side-by-side-grid-max-width: 1920px;
        --miz-side-by-side-grid-margin-right: auto;
        --miz-side-by-side-grid-margin-left: auto;
        container: miz-side-by-side/var(--miz-side-by-side-grid-container-type);
        position: var(--miz-side-by-side-grid-position);
        display: var(--miz-side-by-side-grid-display);
        place-items: var(--miz-side-by-side-grid-align-items) var(--miz-side-by-side-grid-justify-items);
        place-content: var(--miz-side-by-side-grid-align-content) var(--miz-side-by-side-grid-justify-content);
        gap: var(--miz-side-by-side-grid-gap);
        isolation: var(--miz-side-by-side-grid-isolation);
        overflow: var(--miz-side-by-side-grid-overflow);
        max-width: var(--miz-side-by-side-grid-max-width);
        margin-right: var(--miz-side-by-side-grid-margin-right);
        margin-left: var(--miz-side-by-side-grid-margin-left);
        --miz-side-by-side-grid-template-columns: [full-start] calc(16px - var(--miz-side-by-side-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(16px - var(--miz-side-by-side-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-side-by-side-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-side-by-side {
            --miz-side-by-side-grid-template-columns: [full-start] calc(16px - var(--miz-side-by-side-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(16px - var(--miz-side-by-side-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-side-by-side-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-side-by-side {
            --miz-side-by-side-grid-template-columns: [full-start] calc(32px - var(--miz-side-by-side-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(32px - var(--miz-side-by-side-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-side-by-side-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-side-by-side {
            --miz-side-by-side-grid-template-columns: [full-start] calc(64px - var(--miz-side-by-side-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(64px - var(--miz-side-by-side-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-side-by-side-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-side-by-side {
            --miz-side-by-side-grid-template-columns: [full-start] calc(96px - var(--miz-side-by-side-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(96px - var(--miz-side-by-side-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-side-by-side-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-side-by-side {
            --miz-side-by-side-grid-template-columns: [full-start] calc(160px - var(--miz-side-by-side-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(160px - var(--miz-side-by-side-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-side-by-side-grid-template-columns)
        }
    }

    .miz-side-by-side {
        --miz-side-by-side-grid-template-rows: [top] 4rem [main-start] repeat(3, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-side-by-side-grid-template-rows);
        --miz-side-by-side-grid-template-areas: ". . . ." ". body body ." ". . . .";
        grid-template-areas: var(--miz-side-by-side-grid-template-areas)
    }
}

@layer component {
    .miz-side-by-side__content {
        grid-area: body;
        display: grid;
        grid-auto-flow: row;
        row-gap: 2rem;
        background-color: var(--sbs-content-background-color);
        color: var(--sbs-content-text-color)
    }

    @media(min-width: 1024px) {
        .miz-side-by-side__content {
            grid-template-columns: subgrid;
            grid-auto-flow: column
        }

        .miz-side-by-side__content>* {
            grid-column: span 1
        }
    }
}

@layer modifier {
    .miz-side-by-side[data-theme=light] {
        --sbs-background-color: rgb(255, 255, 255);
        --sbs-content-text-color: rgb(0, 0, 0)
    }
}

@layer modifier {
    .miz-side-by-side[data-theme=medium] {
        --sbs-background-color: rgb(255, 255, 255)
    }
}

@layer modifier {
    .miz-side-by-side[data-theme=dark] {
        --sbs-background-color: rgb(0, 0, 0);
        --sbs-content-text-color: rgb(255, 255, 255);
        --sbs-title-text-color: rgb(253, 183, 25)
    }
}

@layer modifier {
    .miz-side-by-side[data-theme=gold] {
        --sbs-background-color: rgb(253, 183, 25)
    }
}

@layer pattern {
    .miz-split-layout {
        --split-layout-background-color: transparent;
        --split-layout-content-space: 1.5rem 1.5rem 1.5rem 1.5rem;
        --split-layout-content-text-color: rgb(0, 0, 0);
        --split-layout-content-background-color: transparent;
        --split-layout-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --split-layout-content-font-size: 1rem;
        --split-layout-content-font-weight: 400;
        --split-layout-content-text-color-selection: rgb(0, 0, 0);
        --split-layout-content-background-color-selection: rgb(255, 209, 125);
        --split-layout-title-font-family: Manuka;
        --split-layout-title-font-size-min: 3.583rem;
        --split-layout-title-font-size-max: 5.16rem;
        --split-layout-subtitle-font-family: Martina Plantijn;
        --split-layout-subtitle-font-size-min: 1.44rem;
        --split-layout-subtitle-font-size-max: 1.728rem;
        padding: 4rem 0;
        background-color: var(--split-layout-background-color)
    }

    @media(min-width: 768px) {
        .miz-split-layout {
            --miz-split-layout-grid-container-type: inline-size;
            --miz-split-layout-grid-position: relative;
            --miz-split-layout-grid-display: grid;
            --miz-split-layout-grid-align-items: normal;
            --miz-split-layout-grid-justify-items: normal;
            --miz-split-layout-grid-align-content: normal;
            --miz-split-layout-grid-justify-content: center;
            --miz-split-layout-grid-row-gap: 0px;
            --miz-split-layout-grid-col-gap: 2rem;
            --miz-split-layout-grid-gap: var(--miz-split-layout-grid-row-gap) var(--miz-split-layout-grid-col-gap);
            --miz-split-layout-grid-isolation: isolate;
            --miz-split-layout-grid-overflow: visible;
            --miz-split-layout-grid-max-width: 1920px;
            --miz-split-layout-grid-margin-right: auto;
            --miz-split-layout-grid-margin-left: auto;
            container: miz-split-layout/var(--miz-split-layout-grid-container-type);
            position: var(--miz-split-layout-grid-position);
            display: var(--miz-split-layout-grid-display);
            place-items: var(--miz-split-layout-grid-align-items) var(--miz-split-layout-grid-justify-items);
            place-content: var(--miz-split-layout-grid-align-content) var(--miz-split-layout-grid-justify-content);
            gap: var(--miz-split-layout-grid-gap);
            isolation: var(--miz-split-layout-grid-isolation);
            overflow: var(--miz-split-layout-grid-overflow);
            max-width: var(--miz-split-layout-grid-max-width);
            margin-right: var(--miz-split-layout-grid-margin-right);
            margin-left: var(--miz-split-layout-grid-margin-left);
            --miz-split-layout-grid-template-columns: [full-start] calc(16px - var(--miz-split-layout-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-split-layout-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-split-layout-grid-template-columns);
            --miz-split-layout-grid-template-rows: [top main-start] repeat(1, [row] auto) [main-end bottom];
            grid-template-rows: var(--miz-split-layout-grid-template-rows);
            --miz-split-layout-grid-template-areas: ". content content content content content content media media media media media media .";
            grid-template-areas: var(--miz-split-layout-grid-template-areas)
        }
    }

    @media(min-width: 768px)and (min-width: 576px) {
        .miz-split-layout {
            --miz-split-layout-grid-template-columns: [full-start] calc(16px - var(--miz-split-layout-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-split-layout-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-split-layout-grid-template-columns)
        }
    }

    @media(min-width: 768px)and (min-width: 768px) {
        .miz-split-layout {
            --miz-split-layout-grid-template-columns: [full-start] calc(32px - var(--miz-split-layout-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(32px - var(--miz-split-layout-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-split-layout-grid-template-columns)
        }
    }

    @media(min-width: 768px)and (min-width: 1024px) {
        .miz-split-layout {
            --miz-split-layout-grid-template-columns: [full-start] calc(64px - var(--miz-split-layout-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(64px - var(--miz-split-layout-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-split-layout-grid-template-columns)
        }
    }

    @media(min-width: 768px)and (min-width: 1280px) {
        .miz-split-layout {
            --miz-split-layout-grid-template-columns: [full-start] calc(96px - var(--miz-split-layout-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(96px - var(--miz-split-layout-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-split-layout-grid-template-columns)
        }
    }

    @media(min-width: 768px)and (min-width: 1440px) {
        .miz-split-layout {
            --miz-split-layout-grid-template-columns: [full-start] calc(160px - var(--miz-split-layout-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(160px - var(--miz-split-layout-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-split-layout-grid-template-columns)
        }
    }

    @media(min-width: 768px) {

        .miz-split-layout:has(>.miz-split-layout__header),
        .miz-split-layout:has(>.miz-split-layout__footer) {
            --miz-split-layout-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
            grid-template-rows: var(--miz-split-layout-grid-template-rows)
        }

        .miz-split-layout:has(>.miz-split-layout__header):has(>.miz-split-layout__footer) {
            --miz-split-layout-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
            grid-template-rows: var(--miz-split-layout-grid-template-rows)
        }

        .miz-split-layout:has(>.miz-split-layout__header) {
            --miz-split-layout-grid-template-areas: ". header header header header header header header header header header header header ." ". content content content content content content media media media media media media .";
            grid-template-areas: var(--miz-split-layout-grid-template-areas)
        }

        .miz-split-layout:has(>.miz-split-layout__footer) {
            --miz-split-layout-grid-template-areas: ". content content content content content content media media media media media media ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
            grid-template-areas: var(--miz-split-layout-grid-template-areas)
        }

        .miz-split-layout:has(>.miz-split-layout__header):has(>.miz-split-layout__footer) {
            --miz-split-layout-grid-template-areas: ". header header header header header header header header header header header header ." ". content content content content content content media media media media media media ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
            grid-template-areas: var(--miz-split-layout-grid-template-areas)
        }
    }
}

@layer component {
    .miz-split-layout__content {
        --split-layout-content-font-size: clamp(1.2rem, 1.2cqi, 1.44rem);
        position: relative;
        z-index: 10;
        padding: var(--split-layout-content-space);
        color: var(--split-layout-content-text-color);
        background-color: var(--split-layout-content-background-color);
        font-family: var(--split-layout-content-font-family);
        font-size: var(--split-layout-content-font-size);
        font-weight: var(--split-layout-content-font-weight)
    }

    .miz-split-layout__content ::-moz-selection {
        background-color: var(--split-layout-content-background-color-selection);
        color: var(--split-layout-content-text-color-selection)
    }

    .miz-split-layout__content ::selection {
        background-color: var(--split-layout-content-background-color-selection);
        color: var(--split-layout-content-text-color-selection)
    }

    .miz-split-layout__content>*+* {
        margin-top: 1.5rem
    }

    @media(min-width: 768px) {
        .miz-split-layout__content {
            grid-area: content
        }
    }
}

@layer component {
    .miz-split-layout__title {
        --split-layout-title-font-size: clamp(3.583rem, 3.58cqi, 5.16rem);
        position: relative;
        z-index: 10;
        color: var(--split-layout-title-text-color);
        background-color: var(--split-layout-title-background-color);
        font-family: var(--split-layout-title-font-family);
        font-size: var(--split-layout-title-font-size);
        font-weight: var(--split-layout-title-font-weight);
        line-height: .9
    }

    .miz-split-layout__title::before,
    .miz-split-layout__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-split-layout__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-split-layout__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }
}

@layer component {
    .miz-split-layout__subtitle {
        --split-layout-subtitle-font-size: clamp(1.44rem, 2cqi, 1.728rem);
        position: relative;
        z-index: 10;
        color: var(--split-layout-subtitle-text-color);
        background-color: var(--split-layout-subtitle-background-color);
        font-family: var(--split-layout-subtitle-font-family);
        font-size: var(--split-layout-subtitle-font-size);
        font-weight: var(--split-layout-subtitle-font-weight);
        line-height: var(--split-layout-subtitle-line-height);
        line-height: 1.25
    }

    .miz-split-layout__subtitle::before,
    .miz-split-layout__subtitle::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-split-layout__subtitle::before {
        margin-bottom: calc(-0.1736111111em + 0px)
    }

    .miz-split-layout__subtitle::after {
        margin-top: calc(-0.2170138889em + 0px)
    }
}

@layer component {
    .miz-split-layout__media {
        grid-area: media
    }
}

@layer modifier {
    .miz-split-layout--light {
        --split-layout-background-color: rgb(255, 255, 255);
        --split-layout-content-text-color: rgb(0, 0, 0);
        --split-layout-content-background-color: rgb(255, 255, 255)
    }

    .miz-split-layout--dark {
        --split-layout-background-color: rgb(0, 0, 0);
        --split-layout-content-text-color: rgb(255, 255, 255);
        --split-layout-content-background-color: rgb(31, 31, 31);
        --split-layout-title-text-color: rgb(253, 183, 25)
    }

    .miz-split-layout--gold {
        --split-layout-background-color: rgb(255, 237, 207);
        --split-layout-content-text-color: rgb(0, 0, 0);
        --split-layout-content-background-color: rgb(253, 183, 25)
    }

    @media(min-width: 768px) {
        .miz-split-layout--right .miz-split-layout__content {
            grid-column: 7 col/span 6;
            grid-row: main
        }
    }

    @media(min-width: 768px) {
        .miz-split-layout--right .miz-split-layout__media {
            grid-column: 1 col/span 6;
            grid-row: main
        }
    }

    .miz-split-layout--flush {
        --split-layout-content-background-color: transparent;
        --split-layout-content-space: 0
    }
}

@layer modifier {

    .miz-by-the-numbers--dark .miz-statistic,
    .miz-by-the-numbers[data-theme=dark] .miz-statistic {
        --statistic-text-color: rgb(255, 255, 255)
    }

    .miz-by-the-numbers--dark .miz-link,
    .miz-by-the-numbers[data-theme=dark] .miz-link {
        --link-text-color: rgb(255, 255, 255)
    }

    .miz-by-the-numbers--dark .miz-link:hover,
    .miz-by-the-numbers[data-theme=dark] .miz-link:hover {
        --link-text-color: rgb(0, 0, 0)
    }

    @scope ([data-theme='dark']) {
        .miz-by-the-numbers .miz-statistic {
            --statistic-text-color: rgb(255, 255, 255)
        }

        .miz-by-the-numbers .miz-link {
            --link-text-color: rgb(255, 255, 255)
        }

        .miz-by-the-numbers .miz-link:hover {
            --link-text-color: rgb(0, 0, 0)
        }
    }
}

@layer pattern {
    .miz-card-deck-layer {
        --card-deck-layer-background-color: var(--wp--preset--color--white);
        --card-deck-layer-content-text-color: var(--wp--preset--color--black);
        --card-deck-layer-content-background-color: var(--wp--preset--color--white);
        --card-deck-layer-content-font-family: var(--wp--preset--font-family--open-sans);
        --card-deck-layer-content-font-size: var(--wp--preset--font-size--level-2);
        --card-deck-layer-content-font-weight: var(--wp--custom--typography--font-weight--base);
        --card-deck-layer-content-text-color-selection: var(--wp--preset--color--black);
        --card-deck-layer-content-background-color-selection: var(--wp--preset--color--gold-300);
        --card-deck-layer-title-font-family: var(--wp--preset--font-family--manuka);
        --card-deck-layer-title-font-size: var(--wp--custom--typography--font-size--display-level-1);
        --card-deck-layer-title-text-align: left;
        --card-deck-layer-title-font-family: var(--wp--preset--font-family--manuka);
        --card-deck-layer-title-font-size-min: var(--wp--custom--typography--font-size--display-level-2);
        --card-deck-layer-title-font-size-max: var(--wp--custom--typography--font-size--display-level-4);
        --card-deck-layer-title-text-align: left;
        background-color: var(--card-deck-layer-background-color);
        padding: 4rem 0 4rem;
        --miz-card-deck-layer-grid-container-type: inline-size;
        --miz-card-deck-layer-grid-position: relative;
        --miz-card-deck-layer-grid-display: grid;
        --miz-card-deck-layer-grid-align-items: normal;
        --miz-card-deck-layer-grid-justify-items: normal;
        --miz-card-deck-layer-grid-align-content: normal;
        --miz-card-deck-layer-grid-justify-content: center;
        --miz-card-deck-layer-grid-row-gap: 0px;
        --miz-card-deck-layer-grid-col-gap: 0px;
        --miz-card-deck-layer-grid-gap: var(--miz-card-deck-layer-grid-row-gap) var(--miz-card-deck-layer-grid-col-gap);
        --miz-card-deck-layer-grid-isolation: isolate;
        --miz-card-deck-layer-grid-overflow: visible;
        --miz-card-deck-layer-grid-max-width: 1920px;
        --miz-card-deck-layer-grid-margin-right: auto;
        --miz-card-deck-layer-grid-margin-left: auto;
        container: miz-card-deck-layer/var(--miz-card-deck-layer-grid-container-type);
        position: var(--miz-card-deck-layer-grid-position);
        display: var(--miz-card-deck-layer-grid-display);
        place-items: var(--miz-card-deck-layer-grid-align-items) var(--miz-card-deck-layer-grid-justify-items);
        place-content: var(--miz-card-deck-layer-grid-align-content) var(--miz-card-deck-layer-grid-justify-content);
        gap: var(--miz-card-deck-layer-grid-gap);
        isolation: var(--miz-card-deck-layer-grid-isolation);
        overflow: var(--miz-card-deck-layer-grid-overflow);
        max-width: var(--miz-card-deck-layer-grid-max-width);
        margin-right: var(--miz-card-deck-layer-grid-margin-right);
        margin-left: var(--miz-card-deck-layer-grid-margin-left);
        --miz-card-deck-layer-grid-template-columns: [full-start] calc(16px - var(--miz-card-deck-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-card-deck-layer-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-card-deck-layer-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-card-deck-layer {
            --miz-card-deck-layer-grid-template-columns: [full-start] calc(16px - var(--miz-card-deck-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-card-deck-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-card-deck-layer-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-card-deck-layer {
            --miz-card-deck-layer-grid-template-columns: [full-start] calc(32px - var(--miz-card-deck-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-card-deck-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-card-deck-layer-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-card-deck-layer {
            --miz-card-deck-layer-grid-template-columns: [full-start] calc(64px - var(--miz-card-deck-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-card-deck-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-card-deck-layer-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-card-deck-layer {
            --miz-card-deck-layer-grid-template-columns: [full-start] calc(96px - var(--miz-card-deck-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-card-deck-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-card-deck-layer-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-card-deck-layer {
            --miz-card-deck-layer-grid-template-columns: [full-start] calc(160px - var(--miz-card-deck-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-card-deck-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-card-deck-layer-grid-template-columns)
        }
    }

    .miz-card-deck-layer {
        --miz-card-deck-layer-grid-template-rows: [top] 4rem [main-start] repeat(3, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-card-deck-layer-grid-template-rows);
        --miz-card-deck-layer-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-card-deck-layer-grid-template-areas)
    }

    .miz-card-deck-layer:has(>.miz-card-deck-layer__header),
    .miz-card-deck-layer:has(>.miz-card-deck-layer__footer) {
        --miz-card-deck-layer-grid-template-rows: [top] 4rem [main-start] repeat(4, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-card-deck-layer-grid-template-rows)
    }

    .miz-card-deck-layer:has(>.miz-card-deck-layer__header):has(>.miz-card-deck-layer__footer) {
        --miz-card-deck-layer-grid-template-rows: [top] 4rem [main-start] repeat(5, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-card-deck-layer-grid-template-rows)
    }

    .miz-card-deck-layer:has(>.miz-card-deck-layer__header) {
        --miz-card-deck-layer-grid-template-areas: ". header ." ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-card-deck-layer-grid-template-areas)
    }

    .miz-card-deck-layer:has(>.miz-card-deck-layer__footer) {
        --miz-card-deck-layer-grid-template-areas: ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-card-deck-layer-grid-template-areas)
    }

    .miz-card-deck-layer:has(>.miz-card-deck-layer__header):has(>.miz-card-deck-layer__footer) {
        --miz-card-deck-layer-grid-template-areas: ". header ." ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-card-deck-layer-grid-template-areas)
    }
}

@layer component {
    .miz-card-deck-layer__header {
        grid-area: header
    }
}

@layer component {
    .miz-card-deck-layer__body {
        grid-area: body;
        color: var(--card-deck-layer-content-text-color);
        background-color: var(--card-deck-layer-content-background-color);
        font-family: var(--card-deck-layer-content-font-family);
        font-size: var(--card-deck-layer-content-font-size);
        font-weight: var(--card-deck-layer-content-font-weight)
    }

    .miz-card-deck-layer__body ::-moz-selection {
        background-color: var(--card-deck-layer-content-background-color-selection);
        color: var(--card-deck-layer-content-text-color-selection)
    }

    .miz-card-deck-layer__body ::selection {
        background-color: var(--card-deck-layer-content-background-color-selection);
        color: var(--card-deck-layer-content-text-color-selection)
    }

    .miz-card-deck-layer__body>*+* {
        margin-top: 1.5rem
    }

    @media(min-width: 576px) {
        .miz-card-deck-layer__body {
            grid-column: main
        }
    }
}

@layer component {
    .miz-card-deck-layer__footer {
        grid-area: footer
    }
}

@layer component {
    .miz-card-deck-layer__title {
        position: relative;
        z-index: 10;
        color: var(--card-deck-layer-title-text-color);
        background-color: var(--card-deck-layer-title-background-color);
        font-family: var(--card-deck-layer-title-font-family);
        font-size: var(--card-deck-layer-title-font-size);
        font-weight: var(--card-deck-layer-title-font-weight);
        text-align: var(--card-deck-layer-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-card-deck-layer__title::before,
    .miz-card-deck-layer__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-card-deck-layer__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-card-deck-layer__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-card-deck-layer__title {
        --card-deck-layer-title-font-size: clamp(var(--card-deck-layer-title-font-size-min), 5.16cqi, var(--card-deck-layer-title-font-size-max))
    }
}

@layer modifier {
    .miz-card-deck-layer__title--left {
        --card-deck-layer-title-text-align: left
    }

    .miz-card-deck-layer__title--center {
        --card-deck-layer-title-text-align: center
    }

    .miz-card-deck-layer__title--right {
        --card-deck-layer-title-text-align: right
    }
}

@layer component {
    .miz-card-deck-layer__intro {
        font-size: var(--wp--preset--font-size--level-2);
        text-align: left;
        padding: var(--wp--preset--spacing--70) 0 var(--wp--preset--spacing--70)
    }
}

@layer component {
    .miz-card-deck-layer__deck {
        --miz-grid-grid-gap: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@layer component {
    .miz-card-deck-layer__link-group {
        place-self: center
    }
}

@layer modifier {
    .miz-card-deck-layer--light {
        --card-deck-layer-background-color: var(--wp--preset--color--white);
        --card-deck-layer-content-text-color: var(--wp--preset--color--black);
        --card-deck-layer-content-background-color: var(--wp--preset--color--white)
    }

    .miz-card-deck-layer--dark {
        --card-deck-layer-background-color: var(--wp--preset--color--black);
        --card-deck-layer-content-text-color: var(--wp--preset--color--white);
        --card-deck-layer-content-background-color: var(--wp--preset--color--black);
        --card-deck-layer-title-text-color: var(--wp--preset--color--gold);
        --highlight-text-color: var(--card-deck-layer-title-text-color);
        --highlight-color: transparent
    }

    .miz-card-deck-layer--gold {
        --card-deck-layer-background-color: var(--wp--preset--color--gold);
        --card-deck-layer-content-text-color: var(--wp--preset--color--black);
        --card-deck-layer-content-background-color: var(--wp--preset--color--gold)
    }
}

@layer pattern {
    .miz-checklist-layer {
        --checklist-layer-text-color: rgb(0, 0, 0);
        --checklist-layer-background-color: rgb(255, 255, 255);
        --checklist-layer-content-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --checklist-layer-content-font-size: 1.44rem;
        --checklist-layer-content-font-weight: 400;
        --checklist-layer-title-font-family: Manuka;
        --checklist-layer-title-font-size-min: 3.583rem;
        --checklist-layer-title-font-size-max: 5.16rem;
        --checklist-layer-title-text-align: left;
        padding: 2rem 0 2rem;
        --miz-checklist-layer-grid-container-type: inline-size;
        --miz-checklist-layer-grid-position: relative;
        --miz-checklist-layer-grid-display: grid;
        --miz-checklist-layer-grid-align-items: normal;
        --miz-checklist-layer-grid-justify-items: normal;
        --miz-checklist-layer-grid-align-content: normal;
        --miz-checklist-layer-grid-justify-content: center;
        --miz-checklist-layer-grid-row-gap: 2rem;
        --miz-checklist-layer-grid-col-gap: 0px;
        --miz-checklist-layer-grid-gap: var(--miz-checklist-layer-grid-row-gap) var(--miz-checklist-layer-grid-col-gap);
        --miz-checklist-layer-grid-isolation: isolate;
        --miz-checklist-layer-grid-overflow: visible;
        --miz-checklist-layer-grid-max-width: 1920px;
        --miz-checklist-layer-grid-margin-right: auto;
        --miz-checklist-layer-grid-margin-left: auto;
        container: miz-checklist-layer/var(--miz-checklist-layer-grid-container-type);
        position: var(--miz-checklist-layer-grid-position);
        display: var(--miz-checklist-layer-grid-display);
        place-items: var(--miz-checklist-layer-grid-align-items) var(--miz-checklist-layer-grid-justify-items);
        place-content: var(--miz-checklist-layer-grid-align-content) var(--miz-checklist-layer-grid-justify-content);
        gap: var(--miz-checklist-layer-grid-gap);
        isolation: var(--miz-checklist-layer-grid-isolation);
        overflow: var(--miz-checklist-layer-grid-overflow);
        max-width: var(--miz-checklist-layer-grid-max-width);
        margin-right: var(--miz-checklist-layer-grid-margin-right);
        margin-left: var(--miz-checklist-layer-grid-margin-left);
        --miz-checklist-layer-grid-template-columns: [full-start] calc(16px - var(--miz-checklist-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-checklist-layer-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-checklist-layer-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-checklist-layer {
            --miz-checklist-layer-grid-template-columns: [full-start] calc(16px - var(--miz-checklist-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-checklist-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-checklist-layer-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-checklist-layer {
            --miz-checklist-layer-grid-template-columns: [full-start] calc(32px - var(--miz-checklist-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-checklist-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-checklist-layer-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-checklist-layer {
            --miz-checklist-layer-grid-template-columns: [full-start] calc(64px - var(--miz-checklist-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-checklist-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-checklist-layer-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-checklist-layer {
            --miz-checklist-layer-grid-template-columns: [full-start] calc(96px - var(--miz-checklist-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-checklist-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-checklist-layer-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-checklist-layer {
            --miz-checklist-layer-grid-template-columns: [full-start] calc(160px - var(--miz-checklist-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-checklist-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-checklist-layer-grid-template-columns)
        }
    }

    .miz-checklist-layer {
        --miz-checklist-layer-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-checklist-layer-grid-template-rows);
        --miz-checklist-layer-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-checklist-layer-grid-template-areas)
    }

    .miz-checklist-layer:has(>.miz-checklist-layer__header),
    .miz-checklist-layer:has(>.miz-checklist-layer__footer) {
        --miz-checklist-layer-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-checklist-layer-grid-template-rows)
    }

    .miz-checklist-layer:has(>.miz-checklist-layer__header):has(>.miz-checklist-layer__footer) {
        --miz-checklist-layer-grid-template-rows: [top main-start] repeat(5, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-checklist-layer-grid-template-rows)
    }

    .miz-checklist-layer:has(>.miz-checklist-layer__header) {
        --miz-checklist-layer-grid-template-areas: ". header ." ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-checklist-layer-grid-template-areas)
    }

    .miz-checklist-layer:has(>.miz-checklist-layer__footer) {
        --miz-checklist-layer-grid-template-areas: ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-checklist-layer-grid-template-areas)
    }

    .miz-checklist-layer:has(>.miz-checklist-layer__header):has(>.miz-checklist-layer__footer) {
        --miz-checklist-layer-grid-template-areas: ". header ." ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-checklist-layer-grid-template-areas)
    }
}

@layer component {
    .miz-checklist-layer__header {
        grid-area: header
    }
}

@layer component {
    .miz-checklist-layer__body {
        grid-area: body
    }
}

@layer component {
    .miz-checklist-layer__footer {
        grid-area: footer
    }
}

@layer component {
    .miz-checklist-layer__title {
        position: relative;
        z-index: 10;
        font-family: var(--checklist-layer-title-font-family);
        font-size: var(--checklist-layer-title-font-size);
        font-weight: var(--checklist-layer-title-font-weight);
        text-align: var(--checklist-layer-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-checklist-layer__title::before,
    .miz-checklist-layer__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-checklist-layer__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-checklist-layer__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-checklist-layer__title {
        --checklist-layer-title-font-size: clamp(var(--checklist-layer-title-font-size-min), 5.16cqi, var(--checklist-layer-title-font-size-max))
    }
}

@layer modifier {
    .miz-checklist-layer__title--left {
        --checklist-layer-title-text-align: left
    }

    .miz-checklist-layer__title--center {
        --checklist-layer-title-text-align: center
    }

    .miz-checklist-layer__title--right {
        --checklist-layer-title-text-align: right
    }
}

@layer component {
    .miz-checklist-layer__cta {
        align-items: center;
        display: flex;
        flex-direction: column;
        font-weight: var(--wp--custom--typography--font-weight--semi-bold);
        gap: 1rem;
        justify-content: center;
        padding: 1rem 0 0
    }

    @media(min-width: 768px) {
        .miz-checklist-layer__cta {
            flex-direction: row;
            justify-content: flex-start
        }
    }
}

@layer component {
    .miz-checklist-layer__steps {
        list-style: none;
        padding: initial;
        display: flex;
        flex-direction: column;
        gap: 2rem
    }
}

@layer component {
    .miz-checklist-layer__step {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    @media(min-width: 768px) {
        .miz-checklist-layer__step {
            flex-direction: row
        }
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-icon {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 129px;
        flex-shrink: 0;
        place-self: flex-start
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-icon--checklist {
        padding: 1rem 2rem 1rem 0
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-icon--checklist .icon-checkbox {
        height: 96px;
        width: 68.97px
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-icon--numbers {
        padding: 1rem 2rem 1rem 1rem
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-details {
        font-size: var(--wp--preset--font-size--level-1)
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-details>* {
        padding-bottom: 1rem
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-number {
        font-family: var(--wp--preset--font-family--manuka);
        font-size: var(--wp--custom--typography--font-size--display-level-6);
        line-height: 3rem !important;
        padding-bottom: 1rem
    }

    .miz-checklist-layer__step .miz-checklist-layer__step-title {
        line-height: 1.5rem;
        margin: initial;
        font-family: var(--wp--preset--font-family--martina-plantijn);
        font-size: var(--wp--preset--font-size--level-3)
    }
}

@layer pattern {
    .miz-content-navigator {
        --content-navigator-background-color: var(--wp--preset--color--white);
        --content-navigator-content-text-color: var(--wp--preset--color--black);
        --content-navigator-content-background-color: var(--wp--preset--color--white);
        --content-navigator-content-text-color-selection: var(--wp--preset--color--black);
        --content-navigator-content-background-color-selection: var(--wp--preset--color--gold-300);
        --content-navigator-content-font-family: var(--wp--preset--font-family--open-sans);
        --content-navigator-content-font-size: var(--wp--preset--font-size--level-2);
        --content-navigator-content-font-weight: var(--wp--custom--typography--font-weight--regular);
        --content-navigator-title-font-family: var(--wp--preset--font-family--manuka);
        --content-navigator-title-font-size-min: var(--wp--custom--typography--font-size--display-level-2);
        --content-navigator-title-font-size-max: var(--wp--custom--typography--font-size--display-level-4);
        --content-navigator-title-text-align: left;
        --content-navigator-title-text-color: var(--wp--preset--color--black);
        --content-navigator-subtitle-font-family: var(--wp--preset--font-family--martina-plantijn);
        --content-navigator-subtitle-font-size-min: var(--wp--preset--font-size--level-3);
        --content-navigator-subtitle-font-size-max: var(--wp--preset--font-size--level-4);
        --content-navigator-subtitle-text-color: var(--wp--preset--color--black);
        background-color: var(--content-navigator-background-color);
        --miz-content-navigator-grid-container-type: inline-size;
        --miz-content-navigator-grid-position: relative;
        --miz-content-navigator-grid-display: grid;
        --miz-content-navigator-grid-align-items: normal;
        --miz-content-navigator-grid-justify-items: normal;
        --miz-content-navigator-grid-align-content: normal;
        --miz-content-navigator-grid-justify-content: center;
        --miz-content-navigator-grid-row-gap: 0px;
        --miz-content-navigator-grid-col-gap: 2rem;
        --miz-content-navigator-grid-gap: var(--miz-content-navigator-grid-row-gap) var(--miz-content-navigator-grid-col-gap);
        --miz-content-navigator-grid-isolation: isolate;
        --miz-content-navigator-grid-overflow: visible;
        --miz-content-navigator-grid-max-width: 1920px;
        --miz-content-navigator-grid-margin-right: auto;
        --miz-content-navigator-grid-margin-left: auto;
        container: miz-content-navigator/var(--miz-content-navigator-grid-container-type);
        position: var(--miz-content-navigator-grid-position);
        display: var(--miz-content-navigator-grid-display);
        place-items: var(--miz-content-navigator-grid-align-items) var(--miz-content-navigator-grid-justify-items);
        place-content: var(--miz-content-navigator-grid-align-content) var(--miz-content-navigator-grid-justify-content);
        gap: var(--miz-content-navigator-grid-gap);
        isolation: var(--miz-content-navigator-grid-isolation);
        overflow: var(--miz-content-navigator-grid-overflow);
        max-width: var(--miz-content-navigator-grid-max-width);
        margin-right: var(--miz-content-navigator-grid-margin-right);
        margin-left: var(--miz-content-navigator-grid-margin-left);
        --miz-content-navigator-grid-template-columns: [full-start] calc(16px - var(--miz-content-navigator-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-content-navigator-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-content-navigator-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-content-navigator {
            --miz-content-navigator-grid-template-columns: [full-start] calc(16px - var(--miz-content-navigator-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-content-navigator-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-content-navigator-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-content-navigator {
            --miz-content-navigator-grid-template-columns: [full-start] calc(32px - var(--miz-content-navigator-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(32px - var(--miz-content-navigator-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-content-navigator-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-content-navigator {
            --miz-content-navigator-grid-template-columns: [full-start] calc(64px - var(--miz-content-navigator-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(64px - var(--miz-content-navigator-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-content-navigator-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-content-navigator {
            --miz-content-navigator-grid-template-columns: [full-start] calc(96px - var(--miz-content-navigator-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(96px - var(--miz-content-navigator-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-content-navigator-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-content-navigator {
            --miz-content-navigator-grid-template-columns: [full-start] calc(160px - var(--miz-content-navigator-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(160px - var(--miz-content-navigator-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-content-navigator-grid-template-columns)
        }
    }

    .miz-content-navigator {
        --miz-content-navigator-grid-template-rows: [top] 4rem [main-start] repeat(3, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-content-navigator-grid-template-rows);
        --miz-content-navigator-grid-template-areas: ". . . . . . . . . . . . . ." ". body body body body body body body body body body body body ." ". . . . . . . . . . . . . .";
        grid-template-areas: var(--miz-content-navigator-grid-template-areas)
    }
}

@layer component {
    .miz-content-navigator__article {
        grid-area: article;
        grid-column: span 8
    }
}

@layer component {
    .miz-content-navigator__aside {
        grid-area: aside;
        grid-column: span 4
    }
}

@layer component {
    .miz-content-navigator__content {
        color: var(--content-navigator-content-text-color);
        background-color: var(--content-navigator-content-background-color);
        font-family: var(--content-navigator-content-font-family);
        font-size: var(--content-navigator-content-font-size);
        font-weight: var(--content-navigator-content-font-weight);
        grid-area: body;
        display: grid;
        grid-auto-flow: row;
        row-gap: 2rem
    }

    @media(min-width: 1024px) {
        .miz-content-navigator__content {
            grid-template-columns: subgrid;
            grid-auto-flow: column
        }
    }
}

@layer component {
    .miz-content-navigator__title {
        position: relative;
        z-index: 10;
        color: var(--content-navigator-title-text-color);
        background-color: var(--content-navigator-title-background-color);
        font-family: var(--content-navigator-title-font-family);
        font-size: var(--content-navigator-title-font-size);
        font-weight: var(--content-navigator-title-font-weight);
        text-align: var(--content-navigator-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-content-navigator__title::before,
    .miz-content-navigator__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-content-navigator__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-content-navigator__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-content-navigator__title {
        --content-navigator-title-font-size: clamp(var(--content-navigator-title-font-size-min), 5.16cqi, var(--content-navigator-title-font-size-max));
        margin-bottom: 1rem
    }
}

@layer component {
    .miz-content-navigator__subtitle {
        --content-navigator-subtitle-font-size: clamp(var(--wp--preset--font-size--level-3), 2cqi, var(--wp--preset--font-size--level-4));
        position: relative;
        z-index: 10;
        color: var(--content-navigator-subtitle-text-color);
        background-color: var(--content-navigator-subtitle-background-color);
        font-family: var(--content-navigator-subtitle-font-family);
        font-size: var(--content-navigator-subtitle-font-size);
        font-weight: var(--content-navigator-subtitle-font-weight);
        line-height: var(--content-navigator-subtitle-line-height)
    }
}

@layer component {
    .miz-content-navigator__nav {
        grid-row: 3
    }

    @media(min-width: 768px) {
        .miz-content-navigator__nav {
            grid-column: 1 col/span 4;
            grid-row: main
        }
    }
}

@layer component {
    .miz-navigator {
        font-weight: var(--wp--custom--typography--font-weight--bold);
        font-size: var(--wp--preset--font-size--level-1)
    }

    .miz-navigator .miz-navigator__list .miz-navigator__list-item .miz-navigator--item__link {
        padding: 1.25rem 1rem
    }
}

@layer component {
    .miz-content-navigator__link-group {
        margin-top: 2rem
    }
}

@layer modifier {
    .miz-content-navigator--dark {
        --content-navigator-background-color: var(--wp--preset--color--black);
        --content-navigator-content-background-color: var(--wp--preset--color--black);
        --content-navigator-content-text-color: var(--wp--preset--color--white);
        --content-navigator-title-text-color: var(--wp--preset--color--gold);
        --content-navigator-subtitle-text-color: var(--wp--preset--color--white);
        --highlight-text-color: var(--content-navigator-title-text-color);
        --highlight-color: transparent
    }

    .miz-content-navigator--dark .miz-navigator__list .miz-navigator__list-item .miz-navigator--item__link {
        color: var(--wp--preset--color--white);
        border-color: #ffd17d
    }

    .miz-content-navigator--dark .miz-navigator__list .miz-navigator__list-item .miz-navigator--item__link:hover {
        background-color: color-mix(in srgb, var(--wp--preset--color--gold) 30%, transparent)
    }

    .miz-content-navigator--light {
        --content-navigator-background-color: var(--wp--preset--color--white);
        --content-navigator-content-text-color: var(--wp--preset--color--black)
    }

    .miz-content-navigator--light .miz-navigator__list .miz-navigator__list-item .miz-navigator--item__link {
        color: var(--wp--preset--color--black);
        border-color: #e5e5e5
    }

    .miz-content-navigator--light .miz-navigator__list .miz-navigator__list-item .miz-navigator--item__link:hover {
        background-color: var(--wp--preset--color--black-100)
    }

    .miz-content-navigator--gold {
        --content-navigator-background-color: var(--wp--preset--color--gold);
        --content-navigator-content-text-color: var(--wp--preset--color--black);
        --content-navigator-content-background-color: var(--wp--preset--color--gold)
    }

    .miz-content-navigator--gold .miz-navigator__list .miz-navigator__list-item .miz-navigator--item__link {
        border-color: var(--wp--preset--color--black)
    }

    .miz-content-navigator--gold .miz-navigator__list .miz-navigator__list-item .miz-navigator--item__link:hover {
        background-color: color-mix(in srgb, var(--wp--preset--color--gold) 30%, transparent)
    }
}

@layer modifier {
    @media(min-width: 768px) {
        .miz-content-navigator--align-right .miz-content-navigator__nav {
            grid-column: 9 col/span 4
        }
    }

    @media(min-width: 768px) {
        .miz-content-navigator--align-right .miz-content-navigator__content {
            grid-column: 1 col/span 8
        }
    }
}

@layer pattern {
    .miz-featured-events {
        --featured-events-background-color: var(--wp--preset--color--white);
        --featured-events-content-text-color: var(--wp--preset--color--black);
        --featured-events-content-background-color: var(--wp--preset--color--white);
        --featured-events-content-font-family: var(--wp--preset--font-family--open-sans);
        --featured-events-content-font-size: var(--wp--preset--font-size--level-2);
        --featured-events-content-font-weight: var(--wp--custom--typography--font-weight--medium);
        --featured-events-content-text-color-selection: var(--wp--preset--color--black);
        --featured-events-content-background-color-selection: var(--wp--preset--color--gold-300);
        --featured-events-title-font-family: var(--wp--preset--font-family--manuka);
        --featured-events-title-font-size: var(--wp--custom--typography--font-size--display-level-1);
        --featured-events-title-text-align: left;
        --featured-events-title-font-family: var(--wp--preset--font-family--manuka);
        --featured-events-title-font-size-min: var(--wp--custom--typography--font-size--display-level-2);
        --featured-events-title-font-size-max: var(--wp--custom--typography--font-size--display-level-4);
        --featured-events-title-text-align: left;
        background-color: var(--featured-events-background-color);
        padding: 4em 0 4em;
        --miz-featured-events-grid-container-type: inline-size;
        --miz-featured-events-grid-position: relative;
        --miz-featured-events-grid-display: grid;
        --miz-featured-events-grid-align-items: normal;
        --miz-featured-events-grid-justify-items: normal;
        --miz-featured-events-grid-align-content: normal;
        --miz-featured-events-grid-justify-content: center;
        --miz-featured-events-grid-row-gap: 2rem;
        --miz-featured-events-grid-col-gap: 0px;
        --miz-featured-events-grid-gap: var(--miz-featured-events-grid-row-gap) var(--miz-featured-events-grid-col-gap);
        --miz-featured-events-grid-isolation: isolate;
        --miz-featured-events-grid-overflow: visible;
        --miz-featured-events-grid-max-width: 1920px;
        --miz-featured-events-grid-margin-right: auto;
        --miz-featured-events-grid-margin-left: auto;
        container: miz-featured-events/var(--miz-featured-events-grid-container-type);
        position: var(--miz-featured-events-grid-position);
        display: var(--miz-featured-events-grid-display);
        place-items: var(--miz-featured-events-grid-align-items) var(--miz-featured-events-grid-justify-items);
        place-content: var(--miz-featured-events-grid-align-content) var(--miz-featured-events-grid-justify-content);
        gap: var(--miz-featured-events-grid-gap);
        isolation: var(--miz-featured-events-grid-isolation);
        overflow: var(--miz-featured-events-grid-overflow);
        max-width: var(--miz-featured-events-grid-max-width);
        margin-right: var(--miz-featured-events-grid-margin-right);
        margin-left: var(--miz-featured-events-grid-margin-left);
        --miz-featured-events-grid-template-columns: [full-start] calc(16px - var(--miz-featured-events-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-featured-events-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-featured-events-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-featured-events {
            --miz-featured-events-grid-template-columns: [full-start] calc(16px - var(--miz-featured-events-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-featured-events-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-events-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-featured-events {
            --miz-featured-events-grid-template-columns: [full-start] calc(32px - var(--miz-featured-events-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-featured-events-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-events-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-featured-events {
            --miz-featured-events-grid-template-columns: [full-start] calc(64px - var(--miz-featured-events-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-featured-events-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-events-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-featured-events {
            --miz-featured-events-grid-template-columns: [full-start] calc(96px - var(--miz-featured-events-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-featured-events-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-events-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-featured-events {
            --miz-featured-events-grid-template-columns: [full-start] calc(160px - var(--miz-featured-events-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-featured-events-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-events-grid-template-columns)
        }
    }

    .miz-featured-events {
        --miz-featured-events-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-featured-events-grid-template-rows);
        --miz-featured-events-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-featured-events-grid-template-areas)
    }

    .miz-featured-events:has(>.miz-featured-events__header),
    .miz-featured-events:has(>.miz-featured-events__footer) {
        --miz-featured-events-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-featured-events-grid-template-rows)
    }

    .miz-featured-events:has(>.miz-featured-events__header):has(>.miz-featured-events__footer) {
        --miz-featured-events-grid-template-rows: [top main-start] repeat(5, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-featured-events-grid-template-rows)
    }

    .miz-featured-events:has(>.miz-featured-events__header) {
        --miz-featured-events-grid-template-areas: ". header ." ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-featured-events-grid-template-areas)
    }

    .miz-featured-events:has(>.miz-featured-events__footer) {
        --miz-featured-events-grid-template-areas: ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-featured-events-grid-template-areas)
    }

    .miz-featured-events:has(>.miz-featured-events__header):has(>.miz-featured-events__footer) {
        --miz-featured-events-grid-template-areas: ". header ." ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-featured-events-grid-template-areas)
    }
}

@layer component {
    .miz-featured-events__header {
        grid-area: header
    }
}

@layer component {
    .miz-featured-events__body {
        grid-area: body;
        color: var(--featured-events-content-text-color);
        background-color: var(--featured-events-content-background-color);
        font-family: var(--featured-events-content-font-family);
        font-size: var(--featured-events-content-font-size);
        font-weight: var(--featured-events-content-font-weight)
    }

    .miz-featured-events__body ::-moz-selection {
        background-color: var(--featured-events-content-background-color-selection);
        color: var(--featured-events-content-text-color-selection)
    }

    .miz-featured-events__body ::selection {
        background-color: var(--featured-events-content-background-color-selection);
        color: var(--featured-events-content-text-color-selection)
    }

    .miz-featured-events__body>*+* {
        margin-top: 1.5rem
    }

    @media(min-width: 576px) {
        .miz-featured-events__body {
            grid-column: main
        }
    }
}

@layer component {
    .miz-featured-events__footer {
        grid-area: footer
    }
}

@layer component {
    .miz-featured-events__title {
        position: relative;
        z-index: 10;
        color: var(--featured-events-title-text-color);
        background-color: var(--featured-events-title-background-color);
        font-family: var(--featured-events-title-font-family);
        font-size: var(--featured-events-title-font-size);
        font-weight: var(--featured-events-title-font-weight);
        text-align: var(--featured-events-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-featured-events__title::before,
    .miz-featured-events__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-featured-events__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-featured-events__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-featured-events__title {
        --featured-events-title-font-size: clamp(var(--featured-events-title-font-size-min), 5.16cqi, var(--featured-events-title-font-size-max))
    }
}

@layer modifier {
    .miz-featured-events__title--left {
        --featured-events-title-text-align: left
    }

    .miz-featured-events__title--center {
        --featured-events-title-text-align: center
    }

    .miz-featured-events__title--right {
        --featured-events-title-text-align: right
    }
}

@layer component {
    .miz-featured-events__intro {
        font-size: var(--wp--preset--font-size--level-3);
        text-align: center;
        padding: var(--wp--preset--spacing--70) 0 var(--wp--preset--spacing--70)
    }
}

@layer component {
    @media(min-width: 768px) {
        .miz-featured-events__card-deck.miz-card-deck.miz-card-deck--3 .miz-card--event {
            flex-flow: column wrap
        }
    }

    @media(min-width: 1024px) {
        .miz-featured-events__card-deck.miz-card-deck.miz-card-deck--3 .miz-card--event {
            flex-flow: row
        }
    }
}

@layer component {
    .miz-featured-events__link-group {
        place-self: center
    }
}

@layer modifier {
    .miz-featured-events--light {
        --featured-events-background-color: var(--wp--preset--color--white);
        --featured-events-content-text-color: var(--wp--preset--color--black);
        --featured-events-content-background-color: var(--wp--preset--color--white)
    }

    .miz-featured-events--dark {
        --featured-events-background-color: var(--wp--preset--color--black-700);
        --featured-events-content-text-color: var(--wp--preset--color--white);
        --featured-events-content-background-color: var(--wp--preset--color--black-700);
        --featured-events-title-text-color: var(--wp--preset--color--white);
        --highlight-text-color: var(--featured-events-title-text-color);
        --highlight-color: transparent
    }

    .miz-featured-events--dark .miz-featured-events__title {
        --featured-events-title-text-color: var(--wp--preset--color--white)
    }

    .miz-featured-events--gold {
        --featured-events-background-color: var(--wp--preset--color--gold);
        --featured-events-content-text-color: var(--wp--preset--color--black);
        --featured-events-content-background-color: var(--wp--preset--color--gold)
    }

    .miz-featured-events__title--left {
        --featured-events-title-text-align: left
    }

    .miz-featured-events__title--center {
        --featured-events-title-text-align: center
    }

    .miz-featured-events__title--right {
        --featured-events-title-text-align: right
    }
}

@layer pattern {
    .miz-featured-news {
        --featured-news-background-color: var(--wp--preset--color--white);
        --featured-news-content-text-color: var(--wp--preset--color--black);
        --featured-news-content-background-color: var(--wp--preset--color--white);
        --featured-news-content-font-family: var(--wp--preset--font-family--open-sans);
        --featured-news-content-font-size: var(--wp--preset--font-size--level-2);
        --featured-news-content-font-weight: var(--wp--custom--typography--font-weight--medium);
        --featured-news-content-text-color-selection: var(--wp--preset--color--black);
        --featured-news-content-background-color-selection: var(--wp--preset--color--gold-300);
        --featured-news-title-font-family: var(--wp--preset--font-family--manuka);
        --featured-news-title-font-size: var(--wp--custom--typography--font-size--display-level-1);
        --featured-news-title-text-align: left;
        --featured-news-title-font-family: var(--wp--preset--font-family--manuka);
        --featured-news-title-font-size-min: var(--wp--custom--typography--font-size--display-level-2);
        --featured-news-title-font-size-max: var(--wp--custom--typography--font-size--display-level-4);
        --featured-news-title-text-align: left;
        background-color: var(--featured-news-background-color);
        padding: 4rem 0 4rem;
        --miz-featured-news-grid-container-type: inline-size;
        --miz-featured-news-grid-position: relative;
        --miz-featured-news-grid-display: grid;
        --miz-featured-news-grid-align-items: normal;
        --miz-featured-news-grid-justify-items: normal;
        --miz-featured-news-grid-align-content: normal;
        --miz-featured-news-grid-justify-content: center;
        --miz-featured-news-grid-row-gap: 2rem;
        --miz-featured-news-grid-col-gap: 0px;
        --miz-featured-news-grid-gap: var(--miz-featured-news-grid-row-gap) var(--miz-featured-news-grid-col-gap);
        --miz-featured-news-grid-isolation: isolate;
        --miz-featured-news-grid-overflow: visible;
        --miz-featured-news-grid-max-width: 1920px;
        --miz-featured-news-grid-margin-right: auto;
        --miz-featured-news-grid-margin-left: auto;
        container: miz-featured-news/var(--miz-featured-news-grid-container-type);
        position: var(--miz-featured-news-grid-position);
        display: var(--miz-featured-news-grid-display);
        place-items: var(--miz-featured-news-grid-align-items) var(--miz-featured-news-grid-justify-items);
        place-content: var(--miz-featured-news-grid-align-content) var(--miz-featured-news-grid-justify-content);
        gap: var(--miz-featured-news-grid-gap);
        isolation: var(--miz-featured-news-grid-isolation);
        overflow: var(--miz-featured-news-grid-overflow);
        max-width: var(--miz-featured-news-grid-max-width);
        margin-right: var(--miz-featured-news-grid-margin-right);
        margin-left: var(--miz-featured-news-grid-margin-left);
        --miz-featured-news-grid-template-columns: [full-start] calc(16px - var(--miz-featured-news-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-featured-news-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-featured-news-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-featured-news {
            --miz-featured-news-grid-template-columns: [full-start] calc(16px - var(--miz-featured-news-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-featured-news-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-news-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-featured-news {
            --miz-featured-news-grid-template-columns: [full-start] calc(32px - var(--miz-featured-news-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-featured-news-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-news-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-featured-news {
            --miz-featured-news-grid-template-columns: [full-start] calc(64px - var(--miz-featured-news-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-featured-news-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-news-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-featured-news {
            --miz-featured-news-grid-template-columns: [full-start] calc(96px - var(--miz-featured-news-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-featured-news-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-news-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-featured-news {
            --miz-featured-news-grid-template-columns: [full-start] calc(160px - var(--miz-featured-news-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-featured-news-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-featured-news-grid-template-columns)
        }
    }

    .miz-featured-news {
        --miz-featured-news-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-featured-news-grid-template-rows);
        --miz-featured-news-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-featured-news-grid-template-areas)
    }

    .miz-featured-news:has(>.miz-featured-news__header),
    .miz-featured-news:has(>.miz-featured-news__footer) {
        --miz-featured-news-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-featured-news-grid-template-rows)
    }

    .miz-featured-news:has(>.miz-featured-news__header):has(>.miz-featured-news__footer) {
        --miz-featured-news-grid-template-rows: [top main-start] repeat(5, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-featured-news-grid-template-rows)
    }

    .miz-featured-news:has(>.miz-featured-news__header) {
        --miz-featured-news-grid-template-areas: ". header ." ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-featured-news-grid-template-areas)
    }

    .miz-featured-news:has(>.miz-featured-news__footer) {
        --miz-featured-news-grid-template-areas: ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-featured-news-grid-template-areas)
    }

    .miz-featured-news:has(>.miz-featured-news__header):has(>.miz-featured-news__footer) {
        --miz-featured-news-grid-template-areas: ". header ." ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-featured-news-grid-template-areas)
    }
}

@layer component {
    .miz-featured-news__header {
        grid-area: header
    }
}

@layer component {
    .miz-featured-news__body {
        grid-area: body;
        color: var(--featured-news-content-text-color);
        background-color: var(--featured-news-content-background-color);
        font-family: var(--featured-news-content-font-family);
        font-size: var(--featured-news-content-font-size);
        font-weight: var(--featured-news-content-font-weight)
    }

    .miz-featured-news__body ::-moz-selection {
        background-color: var(--featured-news-content-background-color-selection);
        color: var(--featured-news-content-text-color-selection)
    }

    .miz-featured-news__body ::selection {
        background-color: var(--featured-news-content-background-color-selection);
        color: var(--featured-news-content-text-color-selection)
    }

    .miz-featured-news__body>*+* {
        margin-top: 1.5rem
    }
}

@layer component {
    .miz-featured-news__footer {
        grid-area: footer
    }
}

@layer component {
    .miz-featured-news__title {
        position: relative;
        z-index: 10;
        color: var(--featured-news-title-text-color);
        background-color: var(--featured-news-title-background-color);
        font-family: var(--featured-news-title-font-family);
        font-size: var(--featured-news-title-font-size);
        font-weight: var(--featured-news-title-font-weight);
        text-align: var(--featured-news-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-featured-news__title::before,
    .miz-featured-news__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-featured-news__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-featured-news__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-featured-news__title {
        --featured-news-title-font-size: clamp(var(--featured-news-title-font-size-min), 5.16cqi, var(--featured-news-title-font-size-max))
    }
}

@layer modifier {
    .miz-featured-news__title--left {
        --featured-news-title-text-align: left
    }

    .miz-featured-news__title--center {
        --featured-news-title-text-align: center
    }

    .miz-featured-news__title--right {
        --featured-news-title-text-align: right
    }
}

@layer component {
    .miz-featured-news__intro {
        font-size: var(--wp--preset--font-size--level-3);
        text-align: center;
        padding: var(--wp--preset--spacing--70) 0 var(--wp--preset--spacing--70)
    }
}

@layer component {
    .miz-featured-news__deck {
        gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60)
    }
}

@layer component {
    .miz-featured-news__large--row {
        display: flex;
        flex-direction: column;
        margin-top: 1rem
    }

    @media(min-width: 1024px) {
        .miz-featured-news__large--row {
            flex-direction: row
        }
    }

    .miz-featured-news__large--column {
        flex-direction: column;
        display: flex;
        margin-top: var(--wp--preset--spacing--70)
    }

    @media(min-width: 1024px) {
        .miz-featured-news__large--column {
            flex-basis: 0;
            flex-grow: 1;
            margin-left: var(--wp--preset--spacing--60);
            margin-top: 0
        }
    }

    @media(min-width: 1024px) {
        .miz-featured-news__large--column.large-feature {
            flex-grow: 2;
            flex-basis: 0
        }
    }
}

@layer component {
    .miz-featured-news__link-group {
        place-self: center
    }
}

@layer modifier {
    .miz-featured-news--light {
        --featured-news-background-color: var(--wp--preset--color--white);
        --featured-news-content-text-color: var(--wp--preset--color--black);
        --featured-news-content-background-color: var(--wp--preset--color--white)
    }

    .miz-featured-news--dark {
        --featured-news-background-color: var(--wp--preset--color--black);
        --featured-news-content-text-color: var(--wp--preset--color--white);
        --featured-news-content-background-color: var(--wp--preset--color--black);
        --featured-news-title-text-color: var(--wp--preset--color--white);
        --highlight-text-color: var(--featured-news-title-text-color);
        --highlight-color: transparent
    }

    .miz-featured-news--dark .miz-featured-news__title {
        --featured-news-title-text-color: var(--wp--preset--color--white)
    }

    .miz-featured-news--gold {
        --featured-news-background-color: var(--wp--preset--color--gold);
        --featured-news-content-text-color: var(--wp--preset--color--black);
        --featured-news-content-background-color: var(--wp--preset--color--gold)
    }

    .miz-featured-news__title--left {
        --featured-news-title-text-align: left
    }

    .miz-featured-news__title--center {
        --featured-news-title-text-align: center
    }

    .miz-featured-news__title--right {
        --featured-news-title-text-align: right
    }
}

@layer pattern {
    .miz-full-image-text {
        --full-image-text-size-height: auto;
        --full-image-text-size-aspect-ratio: 16 / 9;
        --full-image-text-grid-align-items: center;
        --full-image-text-background-color: rgb(249, 249, 249);
        --full-image-text-content-text-color: rgb(0, 0, 0);
        --full-image-text-content-background-color: transparent;
        --full-image-text-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --full-image-text-content-font-size: 1rem;
        --full-image-text-content-font-weight: 500;
        --full-image-text-content-text-color-selection: rgb(0, 0, 0);
        --full-image-text-content-background-color-selection: rgb(255, 209, 125);
        --full-image-text-title-text-color: rgb(0, 0, 0);
        --full-image-text-title-font-family: Manuka;
        --full-image-text-title-font-size: 3.583rem;
        --full-image-text-subtitle-text-color: rgb(0, 0, 0);
        --full-image-text-subtitle-font-family: Martina Plantijn;
        --full-image-text-subtitle-font-size: 1.44rem;
        --full-image-text-subtitle-line-height: 1.25;
        background-color: var(--full-image-text-color-background-color);
        --miz-full-image-text-grid-container-type: inline-size;
        --miz-full-image-text-grid-position: relative;
        --miz-full-image-text-grid-display: grid;
        --miz-full-image-text-grid-align-items: end;
        --miz-full-image-text-grid-justify-items: start;
        --miz-full-image-text-grid-align-content: normal;
        --miz-full-image-text-grid-justify-content: center;
        --miz-full-image-text-grid-row-gap: 0px;
        --miz-full-image-text-grid-col-gap: 0px;
        --miz-full-image-text-grid-gap: var(--miz-full-image-text-grid-row-gap) var(--miz-full-image-text-grid-col-gap);
        --miz-full-image-text-grid-isolation: isolate;
        --miz-full-image-text-grid-overflow: visible;
        --miz-full-image-text-grid-max-width: 1920px;
        --miz-full-image-text-grid-margin-right: auto;
        --miz-full-image-text-grid-margin-left: auto;
        container: miz-full-image-text/var(--miz-full-image-text-grid-container-type);
        position: var(--miz-full-image-text-grid-position);
        display: var(--miz-full-image-text-grid-display);
        place-items: var(--miz-full-image-text-grid-align-items) var(--miz-full-image-text-grid-justify-items);
        place-content: var(--miz-full-image-text-grid-align-content) var(--miz-full-image-text-grid-justify-content);
        gap: var(--miz-full-image-text-grid-gap);
        isolation: var(--miz-full-image-text-grid-isolation);
        overflow: var(--miz-full-image-text-grid-overflow);
        max-width: var(--miz-full-image-text-grid-max-width);
        margin-right: var(--miz-full-image-text-grid-margin-right);
        margin-left: var(--miz-full-image-text-grid-margin-left);
        --miz-full-image-text-grid-template-columns: [full-start] calc(16px - var(--miz-full-image-text-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-full-image-text-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-full-image-text-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-full-image-text {
            --miz-full-image-text-grid-template-columns: [full-start] calc(16px - var(--miz-full-image-text-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-full-image-text-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-full-image-text-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-full-image-text {
            --miz-full-image-text-grid-template-columns: [full-start] calc(32px - var(--miz-full-image-text-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(32px - var(--miz-full-image-text-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-full-image-text-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-full-image-text {
            --miz-full-image-text-grid-template-columns: [full-start] calc(64px - var(--miz-full-image-text-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(64px - var(--miz-full-image-text-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-full-image-text-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-full-image-text {
            --miz-full-image-text-grid-template-columns: [full-start] calc(96px - var(--miz-full-image-text-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(96px - var(--miz-full-image-text-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-full-image-text-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-full-image-text {
            --miz-full-image-text-grid-template-columns: [full-start] calc(160px - var(--miz-full-image-text-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(160px - var(--miz-full-image-text-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-full-image-text-grid-template-columns)
        }
    }

    .miz-full-image-text {
        --miz-full-image-text-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-full-image-text-grid-template-rows);
        --miz-full-image-text-grid-template-areas: ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body .";
        grid-template-areas: var(--miz-full-image-text-grid-template-areas)
    }

    .miz-full-image-text:has(>.miz-full-image-text__header),
    .miz-full-image-text:has(>.miz-full-image-text__footer) {
        --miz-full-image-text-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-full-image-text-grid-template-rows)
    }

    .miz-full-image-text:has(>.miz-full-image-text__header):has(>.miz-full-image-text__footer) {
        --miz-full-image-text-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-full-image-text-grid-template-rows)
    }

    .miz-full-image-text:has(>.miz-full-image-text__header) {
        --miz-full-image-text-grid-template-areas: ". header header header header header header header header header header header header ." ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body .";
        grid-template-areas: var(--miz-full-image-text-grid-template-areas)
    }

    .miz-full-image-text:has(>.miz-full-image-text__footer) {
        --miz-full-image-text-grid-template-areas: ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-full-image-text-grid-template-areas)
    }

    .miz-full-image-text:has(>.miz-full-image-text__header):has(>.miz-full-image-text__footer) {
        --miz-full-image-text-grid-template-areas: ". header header header header header header header header header header header header ." ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-full-image-text-grid-template-areas)
    }

    @media(min-width: 768px) {
        .miz-full-image-text {
            ---grid-template-rows: [top main-start] repeat(1, [row] 100%) [main-end bottom];
            grid-template-rows: var(---grid-template-rows);
            ---grid-template-areas: " . body body body body body body body body body body body body .";
            grid-template-areas: var(---grid-template-areas)
        }
    }

    @media(min-width: 768px)and (height >=600px) {
        .miz-full-image-text {
            aspect-ratio: var(--full-image-text-size-aspect-ratio)
        }
    }
}

@layer component {
    .miz-full-image-text__content {
        position: relative;
        z-index: 10;
        padding: 3.5rem 3.5rem 3.5rem 3.5rem;
        grid-area: body;
        color: var(--full-image-text-content-text-color);
        background-color: var(--full-image-text-content-background-color);
        font-family: var(--full-image-text-content-font-family);
        font-size: var(--full-image-text-content-font-size);
        font-weight: var(--full-image-text-content-font-weight)
    }

    .miz-full-image-text__content ::-moz-selection {
        background-color: var(--full-image-text-content-background-color-selection);
        color: var(--full-image-text-content-text-color-selection)
    }

    .miz-full-image-text__content ::selection {
        background-color: var(--full-image-text-content-background-color-selection);
        color: var(--full-image-text-content-text-color-selection)
    }

    @media(min-width: 768px) {
        .miz-full-image-text__content {
            margin-bottom: 1.5rem
        }
    }

    .miz-full-image-text__content>*+* {
        margin-top: 1.5rem
    }
}

@layer component {
    .miz-full-image-text__title {
        position: relative;
        z-index: 10;
        color: var(--full-image-text-title-text-color);
        background-color: var(--full-image-text-title-background-color);
        font-family: var(--full-image-text-title-font-family);
        font-size: var(--full-image-text-title-font-size);
        font-weight: var(--full-image-text-title-font-weight);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-full-image-text__title::before,
    .miz-full-image-text__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-full-image-text__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-full-image-text__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    @container full-image-text (min-width: 768px) {
        .miz-full-image-text__title {
            --full-image-text-title-font-size: clamp(3.583rem, 6.16cqi, 6.192rem)
        }
    }
}

@layer component {
    .miz-full-image-text__subtitle {
        position: relative;
        z-index: 10;
        color: var(--full-image-text-subtitle-text-color);
        background-color: var(--full-image-text-subtitle-background-color);
        font-family: var(--full-image-text-subtitle-font-family);
        font-size: var(--full-image-text-subtitle-font-size);
        font-weight: var(--full-image-text-subtitle-font-weight);
        line-height: var(--full-image-text-subtitle-line-height);
        line-height: 1.25
    }

    .miz-full-image-text__subtitle::before,
    .miz-full-image-text__subtitle::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-full-image-text__subtitle::before {
        margin-bottom: calc(-0.1736111111em + 0px)
    }

    .miz-full-image-text__subtitle::after {
        margin-top: calc(-0.2170138889em + 0px)
    }

    .miz-full-image-text__subtitle {
        margin-top: 2rem
    }

    @container full-image-text (min-width: 768px) {
        .miz-full-image-text__subtitle {
            --full-image-text-subtitle-font-size: clamp(1.44rem, 1.93cqw, 2.074rem)
        }
    }
}

@layer component {
    .miz-full-image-text__image {
        grid-area: background;
        object-fit: cover;
        width: 100%;
        height: auto;
        max-height: 100%
    }

    @media(min-width: 768px) {
        .miz-full-image-text__image {
            grid-column: full;
            grid-row: top/bottom;
            z-index: -100
        }
    }

    @layer modifier {
        .miz-full-image-text__image--background {
            grid-column: full;
            grid-row: top/bottom;
            z-index: -100
        }
    }
}

@layer modifier {
    .miz-full-image-text--light {
        --full-image-text-color-background-color: rgb(249, 249, 249);
        --full-image-text-subtitle-text-color: rgb(0, 0, 0);
        --full-image-text-content-text-color: rgb(0, 0, 0);
        --full-image-text-content-background-color: rgb(255, 255, 255);
        --full-image-text-content-text-color-selection: rgb(0, 0, 0);
        --full-image-text-content-background-color-selection: rgb(255, 209, 125);
        --full-image-text-content-title-text-color: rgb(253, 183, 25)
    }

    .miz-full-image-text--light .miz-full-image-text__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    .miz-full-image-text--dark {
        --full-image-text-color-background-color: rgb(31, 31, 31);
        --full-image-text-subtitle-text-color: rgb(255, 255, 255);
        --full-image-text-content-text-color: rgb(255, 255, 255);
        --full-image-text-content-background-color: rgb(31, 31, 31);
        --full-image-text-content-text-color-selection: rgb(0, 0, 0);
        --full-image-text-content-background-color-selection: rgb(152, 152, 152);
        --full-image-text-content-title-text-color: rgb(253, 183, 25)
    }

    .miz-full-image-text--dark .miz-full-image-text__title {
        --highlight-text-color-default: rgb(253, 183, 25);
        --highlight-color-default: transparent;
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    .miz-full-image-text--gold {
        --full-image-text-color-background-color: rgb(255, 237, 207);
        --full-image-text-content-text-color: rgb(0, 0, 0);
        --full-image-text-content-background-color: rgb(253, 183, 25);
        --full-image-text-content-text-color-selection: rgb(0, 0, 0);
        --full-image-text-content-background-color-selection: rgb(255, 237, 207);
        --full-image-text-subtitle-text-color: rgb(0, 0, 0)
    }

    .miz-full-image-text--gold .miz-full-image-text__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(255, 255, 255);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    .miz-full-image-text--align-content-top {
        align-items: start
    }

    .miz-full-image-text--align-content-bottom {
        align-items: end
    }

    .miz-full-image-text--center {
        text-align: center;
        justify-content: center
    }

    @media(min-width: 768px) {
        .miz-full-image-text--center .miz-full-image-text__content {
            grid-column: 3 col/span 8
        }
    }

    @media(min-width: 768px) {
        .miz-full-image-text--left .miz-full-image-text__content {
            grid-column-end: col 8
        }
    }

    @media(min-width: 768px) {
        .miz-full-image-text--right .miz-full-image-text__content {
            grid-column-start: 6 col
        }
    }

    .miz-full-image-text--3-2 {
        --full-image-text-size-aspect-ratio: 3 / 2
    }

    .miz-full-image-text--4-3 {
        --full-image-text-size-aspect-ratio: 4 / 3
    }

    .miz-full-image-text--16-9 {
        --full-image-text-size-aspect-ratio: 16 / 9
    }

    .miz-full-image-text--235-1 {
        --full-image-text-size-aspect-ratio: 2.35 / 1
    }
}

@layer component {
    .miz-hero__image {
        height: auto
    }

    @media(min-width: 768px) {
        .miz-hero__image {
            height: 100%
        }
    }
}

@layer component {
    .miz-image-text__title {
        --image-text-title-font-size: clamp(var(--wp--custom--typography--font-size--display-level-4), 3.58cqi, var(--wp--custom--typography--font-size--display-level-6));
        position: relative;
        z-index: 10;
        color: var(--image-text-title-text-color);
        background-color: var(--image-text-title-background-color);
        font-family: var(--wp--preset--font-family--manuka);
        font-size: var(--image-text-title-font-size);
        font-weight: var(--image-text-title-font-weight)
    }
}

@layer component {
    .miz-image-text__subtitle {
        --image-text-subtitle-font-size: clamp(var(--wp--preset--font-size--level-3), 2cqi, var(--wp--preset--font-size--level-4));
        position: relative;
        z-index: 10;
        color: var(--image-text-subtitle-text-color);
        background-color: var(--image-text-subtitle-background-color);
        font-family: var(--wp--preset--font-family--martina-plantijn);
        font-size: var(--image-text-subtitle-font-size);
        font-weight: var(--image-text-subtitle-font-weight);
        line-height: var(--image-text-subtitle-line-height)
    }
}

@layer component {
    .miz-image-text__text {
        font-size: var(--wp--preset--font-size--level-3)
    }

    .miz-image-text__text>*+* {
        margin-top: 1.5rem
    }
}

@layer component {
    .miz-image-text__media {
        position: relative
    }

    .miz-image-text__media.miz-image-text__media--video {
        aspect-ratio: 16/9;
        position: relative;
        width: 100%
    }

    .miz-image-text__media.miz-image-text__media--video .miz-image-text__video {
        position: absolute;
        height: 100%;
        width: 100%;
        inset: 0
    }

    .miz-modal .miz-image-text__video {
        aspect-ratio: 16/9;
        position: relative;
        width: 100%
    }
}

@layer modifier {
    @media(min-width: 768px) {
        .miz-image-text--right .miz-image-text__text {
            order: 2
        }
    }

    @media(min-width: 768px) {
        .miz-image-text--right .miz-image-text__media {
            order: 1
        }
    }

    .miz-image-text--flush {
        --image-text-content-background-color: transparent;
        --image-text-content-space: 0
    }
}

@layer modifier {
    .miz-image-text__play-button {
        --button-border-radius: 50%;
        position: absolute;
        bottom: 50%;
        left: 50%;
        z-index: 10
    }

    .miz-image-text__play-button .miz-icon--play {
        --icon-width: 3rem;
        --icon-height: 3rem;
        --icon-max-width: 3rem;
        --icon-max-height: 3rem;
        color: var(--wp--preset--color--black)
    }
}

@layer modifier {
    .miz-image-text__image.miz-image-text__image--has-aspectratio {
        object-fit: cover;
        height: auto
    }

    .miz-image-text__image.miz-image-text__image--has-aspectratio.miz-image-text__image--1-1 {
        aspect-ratio: 1/1
    }

    .miz-image-text__image.miz-image-text__image--has-aspectratio.miz-image-text__image--9-16 {
        aspect-ratio: 9/16
    }

    .miz-image-text__image.miz-image-text__image--has-aspectratio.miz-image-text__image--4-3 {
        aspect-ratio: 4/3
    }

    .miz-image-text__image.miz-image-text__image--has-aspectratio.miz-image-text__image--16-9 {
        aspect-ratio: 16/9
    }

    .miz-image-text__image.miz-image-text__image--has-aspectratio.miz-image-text__image--4-5 {
        aspect-ratio: 4/5
    }

    .miz-image-text__image.miz-image-text__image--has-aspectratio.miz-image-text__image--5-4 {
        aspect-ratio: 5/4
    }
}

@layer pattern {
    .miz-link-list-layer {
        --link-list-layer-background-color: var(--wp--preset--color--white);
        --link-list-layer-content-font-family: var(--wp--preset--font-family--open-sans);
        --link-list-layer-content-text-color: var(--wp--preset--color--black);
        --link-list-layer-content-background-color: var(--wp--preset--color--white);
        --link-list-layer-content-font-size: var(--wp--preset--font-size--level-3);
        --link-list-layer-content-font-weight: var(--wp--custom--typography--font-weight--regular);
        --link-list-layer-content-text-color-selection: var(--wp--preset--color--black);
        --link-list-layer-content-background-color-selection: var(--wp--preset--color--gold-300);
        --link-list-layer-title-font-family: var(--wp--preset--font-family--manuka);
        --link-list-layer-title-font-size-min: var(--wp--custom--typography--font-size--display-level-2);
        --link-list-layer-title-font-size-max: var(--wp--custom--typography--font-size--display-level-4);
        --link-list-layer-title-text-align: left;
        background-color: var(--link-list-layer-background-color);
        padding: 2rem 0 2rem;
        --miz-link-list-layer-grid-container-type: inline-size;
        --miz-link-list-layer-grid-position: relative;
        --miz-link-list-layer-grid-display: grid;
        --miz-link-list-layer-grid-align-items: normal;
        --miz-link-list-layer-grid-justify-items: normal;
        --miz-link-list-layer-grid-align-content: normal;
        --miz-link-list-layer-grid-justify-content: center;
        --miz-link-list-layer-grid-row-gap: 0px;
        --miz-link-list-layer-grid-col-gap: 0px;
        --miz-link-list-layer-grid-gap: var(--miz-link-list-layer-grid-row-gap) var(--miz-link-list-layer-grid-col-gap);
        --miz-link-list-layer-grid-isolation: isolate;
        --miz-link-list-layer-grid-overflow: visible;
        --miz-link-list-layer-grid-max-width: 1920px;
        --miz-link-list-layer-grid-margin-right: auto;
        --miz-link-list-layer-grid-margin-left: auto;
        container: miz-link-list-layer/var(--miz-link-list-layer-grid-container-type);
        position: var(--miz-link-list-layer-grid-position);
        display: var(--miz-link-list-layer-grid-display);
        place-items: var(--miz-link-list-layer-grid-align-items) var(--miz-link-list-layer-grid-justify-items);
        place-content: var(--miz-link-list-layer-grid-align-content) var(--miz-link-list-layer-grid-justify-content);
        gap: var(--miz-link-list-layer-grid-gap);
        isolation: var(--miz-link-list-layer-grid-isolation);
        overflow: var(--miz-link-list-layer-grid-overflow);
        max-width: var(--miz-link-list-layer-grid-max-width);
        margin-right: var(--miz-link-list-layer-grid-margin-right);
        margin-left: var(--miz-link-list-layer-grid-margin-left);
        --miz-link-list-layer-grid-template-columns: [full-start] calc(16px - var(--miz-link-list-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-link-list-layer-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-link-list-layer-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-link-list-layer {
            --miz-link-list-layer-grid-template-columns: [full-start] calc(16px - var(--miz-link-list-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-link-list-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-link-list-layer-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-link-list-layer {
            --miz-link-list-layer-grid-template-columns: [full-start] calc(32px - var(--miz-link-list-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-link-list-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-link-list-layer-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-link-list-layer {
            --miz-link-list-layer-grid-template-columns: [full-start] calc(64px - var(--miz-link-list-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-link-list-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-link-list-layer-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-link-list-layer {
            --miz-link-list-layer-grid-template-columns: [full-start] calc(96px - var(--miz-link-list-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-link-list-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-link-list-layer-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-link-list-layer {
            --miz-link-list-layer-grid-template-columns: [full-start] calc(160px - var(--miz-link-list-layer-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-link-list-layer-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-link-list-layer-grid-template-columns)
        }
    }

    .miz-link-list-layer {
        --miz-link-list-layer-grid-template-rows: [top] 4rem [main-start] repeat(3, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-link-list-layer-grid-template-rows);
        --miz-link-list-layer-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-link-list-layer-grid-template-areas)
    }

    .miz-link-list-layer:has(>.miz-link-list-layer__header),
    .miz-link-list-layer:has(>.miz-link-list-layer__footer) {
        --miz-link-list-layer-grid-template-rows: [top] 4rem [main-start] repeat(4, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-link-list-layer-grid-template-rows)
    }

    .miz-link-list-layer:has(>.miz-link-list-layer__header):has(>.miz-link-list-layer__footer) {
        --miz-link-list-layer-grid-template-rows: [top] 4rem [main-start] repeat(5, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-link-list-layer-grid-template-rows)
    }

    .miz-link-list-layer:has(>.miz-link-list-layer__header) {
        --miz-link-list-layer-grid-template-areas: ". header ." ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-link-list-layer-grid-template-areas)
    }

    .miz-link-list-layer:has(>.miz-link-list-layer__footer) {
        --miz-link-list-layer-grid-template-areas: ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-link-list-layer-grid-template-areas)
    }

    .miz-link-list-layer:has(>.miz-link-list-layer__header):has(>.miz-link-list-layer__footer) {
        --miz-link-list-layer-grid-template-areas: ". header ." ". header ." ". body ." ". footer ." ". footer .";
        grid-template-areas: var(--miz-link-list-layer-grid-template-areas)
    }
}

@layer component {
    .miz-link-list-layer__header {
        grid-area: header
    }
}

@layer component {
    .miz-link-list-layer__body {
        grid-area: body;
        color: var(--link-list-layer-content-text-color);
        background-color: var(--link-list-layer-content-background-color);
        font-family: var(--link-list-layer-content-font-family);
        font-size: var(--link-list-layer-content-font-size);
        font-weight: var(--link-list-layer-content-font-weight)
    }

    .miz-link-list-layer__body ::-moz-selection {
        background-color: var(--link-list-layer-content-background-color-selection);
        color: var(--link-list-layer-content-text-color-selection)
    }

    .miz-link-list-layer__body ::selection {
        background-color: var(--link-list-layer-content-background-color-selection);
        color: var(--link-list-layer-content-text-color-selection)
    }

    .miz-link-list-layer__body>*+* {
        margin-top: 1.5rem
    }
}

@layer component {
    .miz-link-list-layer__footer {
        grid-area: footer
    }
}

@layer component {
    .miz-link-list-layer__title {
        position: relative;
        z-index: 10;
        color: var(--link-list-layer-title-text-color);
        background-color: var(--link-list-layer-title-background-color);
        font-family: var(--link-list-layer-title-font-family);
        font-size: var(--link-list-layer-title-font-size);
        font-weight: var(--link-list-layer-title-font-weight);
        text-align: var(--link-list-layer-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-link-list-layer__title::before,
    .miz-link-list-layer__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-link-list-layer__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-link-list-layer__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-link-list-layer__title {
        --link-list-layer-title-font-size: clamp(var(--link-list-layer-title-font-size-min), 5.16cqi, var(--link-list-layer-title-font-size-max))
    }
}

@layer modifier {
    .miz-link-list-layer__title--left {
        --link-list-layer-title-text-align: left
    }

    .miz-link-list-layer__title--center {
        --link-list-layer-title-text-align: center
    }

    .miz-link-list-layer__title--right {
        --link-list-layer-title-text-align: right
    }
}

@layer component {
    .miz-link-list-layer__link-list {
        --link-list-flex-column-gap: 2rem;
        --link-list-flex-row-gap: 1rem;
        gap: var(--link-list-flex-row-gap) var(--link-list-flex-column-gap)
    }

    .miz-link-list-layer__link-list .miz-link-list__item {
        --link-list-item-spacing: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70);
        border-bottom: 1px solid var(--wp--preset--color--black-200);
        padding: var(--link-list-item-spacing, 1rem 2rem)
    }

    .miz-link-list-layer__link-list .miz-link {
        justify-content: space-between;
        width: 100%
    }
}

@layer modifier {
    .miz-link-list-layer__link-list--2-up {
        width: inherit
    }

    .miz-link-list-layer__link-list--2-up>.miz-link-list__item {
        flex-basis: 100%
    }

    @media(min-width: 768px) {
        .miz-link-list-layer__link-list--2-up>.miz-link-list__item {
            flex-basis: calc(50% - var(--link-list-flex-column-gap))
        }
    }

    .miz-link-list-layer__link-list--3-up {
        width: inherit
    }

    .miz-link-list-layer__link-list--3-up>.miz-link-list__item {
        flex-basis: 100%
    }

    @media(min-width: 768px) {
        .miz-link-list-layer__link-list--3-up>.miz-link-list__item {
            flex-basis: calc(33% - var(--link-list-flex-column-gap))
        }
    }

    .miz-link-list-layer__link-list--4-up {
        width: inherit
    }

    .miz-link-list-layer__link-list--4-up>.miz-link-list__item {
        flex-basis: 100%
    }

    @media(min-width: 768px) {
        .miz-link-list-layer__link-list--4-up>.miz-link-list__item {
            flex-basis: calc(25% - var(--link-list-flex-column-gap))
        }
    }
}

@layer modifier {
    .miz-link-list-layer--light {
        --link-list-layer-background-color: var(--wp--preset--color--white);
        --link-list-layer-content-text-color: var(--wp--preset--color--black);
        --link-list-layer-content-background-color: var(--wp--preset--color--white)
    }

    .miz-link-list-layer--light .miz-link-list-layer__link-list {
        --link-list-link-color: var(--wp--preset--color--black);
        --link-list-link-color-hover: var(--wp--preset--color--black)
    }

    .miz-link-list-layer--light .miz-link-list-layer__link-list .miz-link-list__link {
        --link-list-link-effect-background-color: var(--wp--preset--color--gold)
    }

    .miz-link-list-layer--dark {
        --link-list-layer-background-color: var(--wp--preset--color--black);
        --link-list-layer-content-text-color: var(--wp--preset--color--white);
        --link-list-layer-content-background-color: var(--wp--preset--color--black);
        --link-list-layer-title-text-color: var(--wp--preset--color--white);
        --highlight-text-color: var(--link-list-layer-title-text-color);
        --highlight-color: transparent
    }

    .miz-link-list-layer--dark .miz-link-list-layer__title {
        --link-list-layer-title-text-color: var(--wp--preset--color--white)
    }

    .miz-link-list-layer--dark .miz-link-list-layer__link-list {
        --link-list-link-color: var(--wp--preset--color--white);
        --link-list-link-color-hover: var(--wp--preset--color--black)
    }

    .miz-link-list-layer--dark .miz-link-list-layer__link-list .miz-link-list__link {
        --link-list-link-effect-background-color: var(--wp--preset--color--gold)
    }

    .miz-link-list-layer--gold {
        --link-list-layer-background-color: var(--wp--preset--color--gold);
        --link-list-layer-content-text-color: var(--wp--preset--color--black);
        --link-list-layer-content-background-color: var(--wp--preset--color--gold)
    }

    .miz-link-list-layer--gold .miz-link-list-layer__link-list {
        --link-list-link-color: var(--wp--preset--color--black);
        --link-list-link-color-hover: var(--wp--preset--color--white)
    }

    .miz-link-list-layer--gold .miz-link-list-layer__link-list .miz-link-list__link {
        --link-list-link-effect-background-color: var(--wp--preset--color--black)
    }
}

@layer component {
    .miz-quote__media-container {
        position: relative;
        aspect-ratio: 1/1;
        max-width: 100%;
        padding: var(--wp--preset--spacing--70)
    }

    @media(min-width: 576px) {
        .miz-quote__media-container {
            max-width: 33%
        }
    }
}

@layer component {
    .miz-quote__content-container {
        position: relative;
        max-width: 100%;
        padding: var(--wp--preset--spacing--70);
        border-left: 4px solid var(--wp--preset--color--gold)
    }

    @media(min-width: 576px) {
        .miz-quote__content-container {
            max-width: 66%
        }
    }
}

@layer modifier {
    .miz-quote__play-button {
        --button-border-radius: 50%;
        --button-background-color: var(--wp--preset--color--gold);
        position: absolute;
        bottom: 0;
        right: 0
    }

    .miz-quote__play-button .miz-icon--play {
        --icon-width: 3rem;
        --icon-height: 3rem;
        --icon-max-width: 3rem;
        --icon-max-height: 3rem;
        color: var(--wp--preset--color--black)
    }
}

@layer component {
    .miz-quote__intro {
        font-size: var(--wp--preset--font-size--level-3);
        color: var(--quote-content-text-color);
        text-align: center;
        padding: var(--wp--preset--spacing--70) 0 var(--wp--preset--spacing--70)
    }
}

@layer component {
    .miz-quote__footer {
        padding: var(--wp--preset--spacing--40) 0
    }
}

@layer component {
    .miz-modal .miz-quote__media {
        grid-row: 3;
        position: relative
    }

    @media(min-width: 768px) {
        .miz-modal .miz-quote__media {
            grid-column: 7 col/span 6;
            grid-row: main
        }
    }

    .miz-modal .miz-quote__video {
        aspect-ratio: 16/9;
        position: relative;
        width: 100%
    }
}

@layer modifier {
    .miz-quote--light {
        --quote-background-color: var(--wp--preset--color--white);
        --quote-content-text-color: var(--wp--preset--color--black);
        --quote-content-background-color: var(--wp--preset--color--white);
        --quote-title-text-color: var(--wp--preset--color--black)
    }

    .miz-quote--dark {
        --quote-background-color: var(--wp--preset--color--black);
        --quote-content-text-color: var(--wp--preset--color--white);
        --quote-content-background-color: var(--wp--preset--color--black);
        --quote-title-text-color: var(--wp--preset--color--gold);
        --highlight-text-color: var(--quote-title-text-color);
        --highlight-color: transparent
    }

    .miz-quote--dark .miz-blockquote {
        color: var(--quote-content-text-color)
    }
}

@layer modifier {
    .miz-quote--feature {
        --quote-size-aspect-ratio: 16 / 9;
        --miz-quote-grid-container-type: inline-size;
        --miz-quote-grid-position: relative;
        --miz-quote-grid-display: grid;
        --miz-quote-grid-align-items: end;
        --miz-quote-grid-justify-items: start;
        --miz-quote-grid-align-content: normal;
        --miz-quote-grid-justify-content: center;
        --miz-quote-grid-row-gap: 0px;
        --miz-quote-grid-col-gap: 0px;
        --miz-quote-grid-gap: var(--miz-quote-grid-row-gap) var(--miz-quote-grid-col-gap);
        --miz-quote-grid-isolation: isolate;
        --miz-quote-grid-overflow: visible;
        --miz-quote-grid-max-width: 1920px;
        --miz-quote-grid-margin-right: auto;
        --miz-quote-grid-margin-left: auto;
        container: miz-quote/var(--miz-quote-grid-container-type);
        position: var(--miz-quote-grid-position);
        display: var(--miz-quote-grid-display);
        place-items: var(--miz-quote-grid-align-items) var(--miz-quote-grid-justify-items);
        place-content: var(--miz-quote-grid-align-content) var(--miz-quote-grid-justify-content);
        gap: var(--miz-quote-grid-gap);
        isolation: var(--miz-quote-grid-isolation);
        overflow: var(--miz-quote-grid-overflow);
        max-width: var(--miz-quote-grid-max-width);
        margin-right: var(--miz-quote-grid-margin-right);
        margin-left: var(--miz-quote-grid-margin-left);
        --miz-quote-grid-template-columns: [full-start] calc(16px - var(--miz-quote-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-quote-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-quote-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-quote--feature {
            --miz-quote-grid-template-columns: [full-start] calc(16px - var(--miz-quote-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(16px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-quote--feature {
            --miz-quote-grid-template-columns: [full-start] calc(32px - var(--miz-quote-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(32px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-quote--feature {
            --miz-quote-grid-template-columns: [full-start] calc(64px - var(--miz-quote-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(64px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-quote--feature {
            --miz-quote-grid-template-columns: [full-start] calc(96px - var(--miz-quote-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(96px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-quote--feature {
            --miz-quote-grid-template-columns: [full-start] calc(160px - var(--miz-quote-grid-col-gap)) [main-start] repeat(12, [col] 1fr) [main-end] calc(160px - var(--miz-quote-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-quote-grid-template-columns)
        }
    }

    .miz-quote--feature {
        --miz-quote-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-quote-grid-template-rows);
        --miz-quote-grid-template-areas: ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }

    .miz-quote--feature:has(>.miz-quote__header),
    .miz-quote--feature:has(>.miz-quote__footer) {
        --miz-quote-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-quote-grid-template-rows)
    }

    .miz-quote--feature:has(>.miz-quote__header):has(>.miz-quote__footer) {
        --miz-quote-grid-template-rows: [top main-start] repeat(4, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-quote-grid-template-rows)
    }

    .miz-quote--feature:has(>.miz-quote__header) {
        --miz-quote-grid-template-areas: ". header header header header header header header header header header header header ." ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }

    .miz-quote--feature:has(>.miz-quote__footer) {
        --miz-quote-grid-template-areas: ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }

    .miz-quote--feature:has(>.miz-quote__header):has(>.miz-quote__footer) {
        --miz-quote-grid-template-areas: ". header header header header header header header header header header header header ." ". background background background background background background background background background background background background ." ". body body body body body body body body body body body body ." ". footer footer footer footer footer footer footer footer footer footer footer footer .";
        grid-template-areas: var(--miz-quote-grid-template-areas)
    }

    @media(min-width: 768px) {
        .miz-quote--feature {
            ---grid-template-rows: [top main-start] repeat(1, [row] 100%) [main-end bottom];
            grid-template-rows: var(---grid-template-rows);
            ---grid-template-areas: " . body body body body body body body body body body body body .";
            grid-template-areas: var(---grid-template-areas)
        }
    }

    @media(min-width: 768px)and (height >=600px) {
        .miz-quote--feature {
            aspect-ratio: var(--quote-size-aspect-ratio)
        }
    }

    .miz-quote--feature .miz-quote__content {
        position: relative;
        z-index: 10;
        padding: 3.5rem 3.5rem 3.5rem 3.5rem;
        grid-area: body;
        container: revert;
        display: inherit;
        color: var(--quote-content-text-color);
        background-color: var(--quote-content-background-color);
        font-family: var(--quote-content-font-family);
        font-size: var(--quote-content-font-size);
        font-weight: var(--quote-content-font-weight)
    }

    .miz-quote--feature .miz-quote__content ::-moz-selection {
        background-color: var(--quote-content-background-color-selection);
        color: var(--quote-content-text-color-selection)
    }

    .miz-quote--feature .miz-quote__content ::selection {
        background-color: var(--quote-content-background-color-selection);
        color: var(--quote-content-text-color-selection)
    }

    @media(min-width: 768px) {
        .miz-quote--feature .miz-quote__content {
            margin-bottom: 1.5rem;
            grid-column-end: col 8
        }
    }

    .miz-quote--feature .miz-quote__content>*+* {
        margin-top: 1.5rem
    }

    .miz-quote__background {
        grid-area: background;
        object-fit: cover;
        width: 100%;
        height: auto;
        max-height: 100%
    }

    @media(min-width: 768px) {
        .miz-quote__background {
            grid-column: full;
            grid-row: top/bottom;
            z-index: -100
        }
    }

    @media(min-width: 768px) {
        .miz-quote--right .miz-quote__content {
            grid-column: 7 col/span 6;
            grid-row: main
        }
    }
}

@layer pattern {
    .miz-stats {
        --stats-text-color: rgb(0, 0, 0);
        --stats-background-color: transparent;
        --stats-text-color-selection: rgb(0, 0, 0);
        --stats-background-color-selection: rgb(255, 209, 125);
        --stats-content-font-family: var(--Open Sans-font-family, Segoe UI, tahoma, sans-serif);
        --stats-content-font-size: 1.44rem;
        --stats-content-font-weight: 400;
        --stats-title-font-family: Manuka;
        --stats-title-font-size-min: 3.583rem;
        --stats-title-font-size-max: 5.16rem;
        --stats-title-text-align: left;
        container: stats/inline-size;
        background-color: var(--stats-background-color);
        padding: 4rem 0;
        --miz-stats-grid-container-type: inline-size;
        --miz-stats-grid-position: relative;
        --miz-stats-grid-display: grid;
        --miz-stats-grid-align-items: normal;
        --miz-stats-grid-justify-items: normal;
        --miz-stats-grid-align-content: normal;
        --miz-stats-grid-justify-content: center;
        --miz-stats-grid-row-gap: 2rem;
        --miz-stats-grid-col-gap: 0px;
        --miz-stats-grid-gap: var(--miz-stats-grid-row-gap) var(--miz-stats-grid-col-gap);
        --miz-stats-grid-isolation: isolate;
        --miz-stats-grid-overflow: visible;
        --miz-stats-grid-max-width: 1920px;
        --miz-stats-grid-margin-right: auto;
        --miz-stats-grid-margin-left: auto;
        container: miz-stats/var(--miz-stats-grid-container-type);
        position: var(--miz-stats-grid-position);
        display: var(--miz-stats-grid-display);
        place-items: var(--miz-stats-grid-align-items) var(--miz-stats-grid-justify-items);
        place-content: var(--miz-stats-grid-align-content) var(--miz-stats-grid-justify-content);
        gap: var(--miz-stats-grid-gap);
        isolation: var(--miz-stats-grid-isolation);
        overflow: var(--miz-stats-grid-overflow);
        max-width: var(--miz-stats-grid-max-width);
        margin-right: var(--miz-stats-grid-margin-right);
        margin-left: var(--miz-stats-grid-margin-left);
        --miz-stats-grid-template-columns: [full-start] calc(16px - var(--miz-stats-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-stats-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-stats-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-stats {
            --miz-stats-grid-template-columns: [full-start] calc(16px - var(--miz-stats-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(16px - var(--miz-stats-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-stats-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-stats {
            --miz-stats-grid-template-columns: [full-start] calc(32px - var(--miz-stats-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(32px - var(--miz-stats-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-stats-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-stats {
            --miz-stats-grid-template-columns: [full-start] calc(64px - var(--miz-stats-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(64px - var(--miz-stats-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-stats-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-stats {
            --miz-stats-grid-template-columns: [full-start] calc(96px - var(--miz-stats-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(96px - var(--miz-stats-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-stats-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-stats {
            --miz-stats-grid-template-columns: [full-start] calc(160px - var(--miz-stats-grid-col-gap)) [main-start] repeat(1, [col] 1fr) [main-end] calc(160px - var(--miz-stats-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-stats-grid-template-columns)
        }
    }

    .miz-stats {
        --miz-stats-grid-template-rows: [top main-start] repeat(1, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-stats-grid-template-rows);
        --miz-stats-grid-template-areas: ". body .";
        grid-template-areas: var(--miz-stats-grid-template-areas)
    }

    .miz-stats:has(>.miz-stats__header),
    .miz-stats:has(>.miz-stats__footer) {
        --miz-stats-grid-template-rows: [top main-start] repeat(2, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-stats-grid-template-rows)
    }

    .miz-stats:has(>.miz-stats__header):has(>.miz-stats__footer) {
        --miz-stats-grid-template-rows: [top main-start] repeat(3, [row] auto) [main-end bottom];
        grid-template-rows: var(--miz-stats-grid-template-rows)
    }

    .miz-stats:has(>.miz-stats__header) {
        --miz-stats-grid-template-areas: ". header ." ". body .";
        grid-template-areas: var(--miz-stats-grid-template-areas)
    }

    .miz-stats:has(>.miz-stats__footer) {
        --miz-stats-grid-template-areas: ". body ." ". footer .";
        grid-template-areas: var(--miz-stats-grid-template-areas)
    }

    .miz-stats:has(>.miz-stats__header):has(>.miz-stats__footer) {
        --miz-stats-grid-template-areas: ". header ." ". body ." ". footer .";
        grid-template-areas: var(--miz-stats-grid-template-areas)
    }

    .miz-stats ::-moz-selection {
        color: var(--stats-text-color-selection);
        background-color: var(--stats-background-color-selection)
    }

    .miz-stats ::selection {
        color: var(--stats-text-color-selection);
        background-color: var(--stats-background-color-selection)
    }
}

@layer component {
    .miz-stats__header {
        grid-area: header
    }
}

@layer component {
    .miz-stats__title {
        position: relative;
        z-index: 10;
        font-family: var(--stats-title-font-family);
        font-size: var(--stats-title-font-size);
        font-weight: var(--stats-title-font-weight);
        text-align: var(--stats-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-stats__title::before,
    .miz-stats__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-stats__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-stats__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-stats__title {
        --stats-title-font-size: clamp(var(--stats-title-font-size-min), 5.16cqi, var(--stats-title-font-size-max))
    }
}

@layer modifier {
    .miz-stats__title--left {
        --stats-title-text-align: left
    }

    .miz-stats__title--center {
        --stats-title-text-align: center
    }

    .miz-stats__title--right {
        --stats-title-text-align: right
    }
}

@layer component {
    .miz-stats__content {
        grid-area: body
    }
}

@layer component {
    .miz-stats__intro {
        margin-bottom: 2rem;
        font-size: var(--stats-content-font-size)
    }
}

@layer component {
    .miz-stats__background {
        grid-area: background;
        object-fit: cover;
        width: 100%;
        height: auto;
        max-height: 100%;
        aspect-ratio: 16/9
    }

    @media(min-width: 768px) {
        .miz-stats__background {
            grid-column: full;
            grid-row: top/bottom;
            z-index: -100
        }
    }
}

@layer modifier {

    .miz-stats--light,
    .miz-stats[data-theme=light] {
        --stats-text-color: rgb(0, 0, 0);
        --stats-background-color: rgb(255, 255, 255);
        --stats-text-color-selection: rgb(0, 0, 0);
        --stats-background-color-selection: rgb(255, 209, 125);
        --stats-stripe-background-color: ;
        --stats-stripe-foreground-color:
    }

    .miz-stats--light .miz-stats__title,
    .miz-stats[data-theme=light] .miz-stats__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    @scope ([data-theme='light']) {
        .miz-stats {
            --stats-text-color: rgb(0, 0, 0);
            --stats-background-color: rgb(255, 255, 255);
            --stats-text-color-selection: rgb(0, 0, 0);
            --stats-background-color-selection: rgb(255, 209, 125);
            --stats-stripe-background-color: ;
            --stats-stripe-foreground-color:
        }

        .miz-stats .miz-stats__title {
            --highlight-text-color-default: rgb(0, 0, 0);
            --highlight-color-default: rgb(253, 183, 25);
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }
    }
}

@layer modifier {

    .miz-stats--dark,
    .miz-stats[data-theme=dark] {
        --stats-text-color: rgb(255, 255, 255);
        --stats-background-color: rgb(0, 0, 0);
        --stats-text-color-selection: rgb(0, 0, 0);
        --stats-background-color-selection: rgb(152, 152, 152);
        --stats-stripe-background-color: ;
        --stats-stripe-foreground-color:
    }

    .miz-stats--dark .miz-stats__title,
    .miz-stats[data-theme=dark] .miz-stats__title {
        --highlight-text-color-default: rgb(253, 183, 25);
        --highlight-color-default: transparent;
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    .miz-stats--dark .miz-stats__intro,
    .miz-stats[data-theme=dark] .miz-stats__intro {
        color: var(--stats-text-color)
    }

    .miz-stats--dark .miz-statistic,
    .miz-stats[data-theme=dark] .miz-statistic {
        --statistic-text-color: var(--stats-text-color)
    }

    @scope ([data-theme='dark']) {
        .miz-stats {
            --stats-text-color: rgb(255, 255, 255);
            --stats-background-color: rgb(0, 0, 0);
            --stats-text-color-selection: rgb(0, 0, 0);
            --stats-background-color-selection: rgb(152, 152, 152);
            --stats-stripe-background-color: ;
            --stats-stripe-foreground-color:
        }

        .miz-stats .miz-stats__title {
            --highlight-text-color-default: rgb(253, 183, 25);
            --highlight-color-default: transparent;
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }

        .miz-stats .miz-statistic {
            --statistic-text-color: rgb(255, 255, 255)
        }
    }
}

@layer modifier {

    .miz-stats--gold,
    .miz-stats[data-theme=gold] {
        --stats-text-color: rgb(0, 0, 0);
        --stats-background-color: rgb(253, 183, 25);
        --stats-text-color-selection: rgb(0, 0, 0);
        --stats-background-color-selection: rgb(255, 237, 207);
        --stats-stripe-background-color: ;
        --stats-stripe-foreground-color:
    }

    .miz-stats--gold .miz-stats__title,
    .miz-stats[data-theme=gold] .miz-stats__title {
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(255, 255, 255);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap
    }

    @scope ([data-theme='gold']) {
        .miz-stats {
            --stats-text-color: rgb(0, 0, 0);
            --stats-background-color: rgb(253, 183, 25);
            --stats-text-color-selection: rgb(0, 0, 0);
            --stats-background-color-selection: rgb(255, 237, 207);
            --stats-stripe-background-color: ;
            --stats-stripe-foreground-color:
        }

        .miz-stats .miz-stats__title {
            --highlight-text-color-default: rgb(0, 0, 0);
            --highlight-color-default: rgb(255, 255, 255);
            color: var(--highlight-text-color, var(--highlight-text-color-default));
            -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            text-decoration-color: var(--highlight-color, var(--highlight-color-default));
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
            text-underline-offset: -0.075cap;
            text-decoration-thickness: .138cap
        }
    }
}

@layer pattern {
    .miz-welcome-message {
        --welcome-message-background-color: var(--wp--preset--color--white);
        --welcome-message-content-text-color: var(--wp--preset--color--black);
        --welcome-message-content-background-color: var(--wp--preset--color--white);
        --welcome-message-content-font-family: var(--wp--preset--font-family--open-sans);
        --welcome-message-content-font-size: var(--wp--preset--font-size--level-2);
        --welcome-message-content-font-weight: var(--wp--custom--typography--font-weight--medium);
        --welcome-message-content-text-color-selection: var(--wp--preset--color--black);
        --welcome-message-content-background-color-selection: var(--wp--preset--color--gold-300);
        --welcome-message-title-font-family: var(--wp--preset--font-family--manuka);
        --welcome-message-title-font-size: var(--wp--custom--typography--font-size--display-level-1);
        --welcome-message-title-text-align: left;
        --welcome-message-title-font-family: var(--wp--preset--font-family--manuka);
        --welcome-message-title-font-size-min: var(--wp--custom--typography--font-size--display-level-2);
        --welcome-message-title-font-size-max: var(--wp--custom--typography--font-size--display-level-4);
        --welcome-message-title-text-align: left;
        --miz-welcome-message-grid-container-type: inline-size;
        --miz-welcome-message-grid-position: relative;
        --miz-welcome-message-grid-display: grid;
        --miz-welcome-message-grid-align-items: normal;
        --miz-welcome-message-grid-justify-items: normal;
        --miz-welcome-message-grid-align-content: normal;
        --miz-welcome-message-grid-justify-content: center;
        --miz-welcome-message-grid-row-gap: 0px;
        --miz-welcome-message-grid-col-gap: 2rem;
        --miz-welcome-message-grid-gap: var(--miz-welcome-message-grid-row-gap) var(--miz-welcome-message-grid-col-gap);
        --miz-welcome-message-grid-isolation: isolate;
        --miz-welcome-message-grid-overflow: visible;
        --miz-welcome-message-grid-max-width: 1920px;
        --miz-welcome-message-grid-margin-right: auto;
        --miz-welcome-message-grid-margin-left: auto;
        container: miz-welcome-message/var(--miz-welcome-message-grid-container-type);
        position: var(--miz-welcome-message-grid-position);
        display: var(--miz-welcome-message-grid-display);
        place-items: var(--miz-welcome-message-grid-align-items) var(--miz-welcome-message-grid-justify-items);
        place-content: var(--miz-welcome-message-grid-align-content) var(--miz-welcome-message-grid-justify-content);
        gap: var(--miz-welcome-message-grid-gap);
        isolation: var(--miz-welcome-message-grid-isolation);
        overflow: var(--miz-welcome-message-grid-overflow);
        max-width: var(--miz-welcome-message-grid-max-width);
        margin-right: var(--miz-welcome-message-grid-margin-right);
        margin-left: var(--miz-welcome-message-grid-margin-left);
        --miz-welcome-message-grid-template-columns: [full-start] calc(16px - var(--miz-welcome-message-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(16px - var(--miz-welcome-message-grid-col-gap)) [full-end];
        grid-template-columns: var(--miz-welcome-message-grid-template-columns)
    }

    @media(min-width: 576px) {
        .miz-welcome-message {
            --miz-welcome-message-grid-template-columns: [full-start] calc(16px - var(--miz-welcome-message-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(16px - var(--miz-welcome-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-welcome-message-grid-template-columns)
        }
    }

    @media(min-width: 768px) {
        .miz-welcome-message {
            --miz-welcome-message-grid-template-columns: [full-start] calc(32px - var(--miz-welcome-message-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(32px - var(--miz-welcome-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-welcome-message-grid-template-columns)
        }
    }

    @media(min-width: 1024px) {
        .miz-welcome-message {
            --miz-welcome-message-grid-template-columns: [full-start] calc(64px - var(--miz-welcome-message-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(64px - var(--miz-welcome-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-welcome-message-grid-template-columns)
        }
    }

    @media(min-width: 1280px) {
        .miz-welcome-message {
            --miz-welcome-message-grid-template-columns: [full-start] calc(96px - var(--miz-welcome-message-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(96px - var(--miz-welcome-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-welcome-message-grid-template-columns)
        }
    }

    @media(min-width: 1440px) {
        .miz-welcome-message {
            --miz-welcome-message-grid-template-columns: [full-start] calc(160px - var(--miz-welcome-message-grid-col-gap)) [main-start] repeat(2, [col] 1fr) [main-end] calc(160px - var(--miz-welcome-message-grid-col-gap)) [full-end];
            grid-template-columns: var(--miz-welcome-message-grid-template-columns)
        }
    }

    .miz-welcome-message {
        --miz-welcome-message-grid-template-rows: [top] 4rem [main-start] repeat(3, [row] auto) [main-end] 4rem [bottom];
        grid-template-rows: var(--miz-welcome-message-grid-template-rows);
        --miz-welcome-message-grid-template-areas: ". . . ." ". body body ." ". . . .";
        grid-template-areas: var(--miz-welcome-message-grid-template-areas)
    }
}

@layer component {
    .miz-welcome-message__content {
        grid-area: body;
        display: grid;
        grid-auto-flow: row;
        row-gap: 2rem
    }

    @media(min-width: 1024px) {
        .miz-welcome-message__content {
            grid-template-columns: subgrid;
            grid-auto-flow: column
        }

        .miz-welcome-message__content>* {
            grid-column: span 1
        }
    }
}

@layer component {
    .miz-welcome-message__title {
        position: relative;
        z-index: 10;
        color: var(--welcome-message-title-text-color);
        background-color: var(--welcome-message-title-background-color);
        font-family: var(--welcome-message-title-font-family);
        font-size: var(--welcome-message-title-font-size);
        font-weight: var(--welcome-message-title-font-weight);
        text-align: var(--welcome-message-title-text-align);
        --highlight-text-color-default: rgb(0, 0, 0);
        --highlight-color-default: rgb(253, 183, 25);
        color: var(--highlight-text-color, var(--highlight-text-color-default));
        -webkit-text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        text-decoration-color: var(--highlight-color, var(--highlight-color-default));
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: -0.075cap;
        text-decoration-thickness: .138cap;
        line-height: .9
    }

    .miz-welcome-message__title::before,
    .miz-welcome-message__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0
    }

    .miz-welcome-message__title::before {
        margin-bottom: calc(-0.0872174156em + 0px)
    }

    .miz-welcome-message__title::after {
        margin-top: calc(-0.0697739325em + 0px)
    }

    .miz-welcome-message__title {
        --welcome-message-title-font-size: clamp(var(--welcome-message-title-font-size-min), 5.16cqi, var(--welcome-message-title-font-size-max));
        padding-bottom: 1rem
    }
}

@layer component {
    .miz-welcome-message__statements {
        align-items: stretch;
        display: grid;
        gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60)
    }

    @media(min-width: 1024px) {
        .miz-welcome-message__statements {
            grid-auto-flow: column;
            grid-template-rows: repeat(3, 1fr);
            margin: initial
        }
    }

    .miz-welcome-message__statement {
        padding: .5rem 0;
        border-bottom: 1px solid var(--wp--preset--color--black);
        font-family: var(--wp--preset--font-family--martina-plantijn)
    }

    .miz-welcome-message__statement .miz-welcome-message__statement--content {
        font-size: var(--wp--preset--font-size--level-1);
        line-height: var(--wp--custom--line-height--body)
    }
}