/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.miz-visually-hidden {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    &:not(caption) {
        position: absolute;
    }
}
.block-mizzou-local-tasks {
    display: block;
    width: 100%;
    padding: 0.5rem 0 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}
body.is-layout-editing .block-mizzou-local-tasks {
    position: static;
    margin-bottom: 1rem;
}
#region--content .block-mizzou-local-tasks {
    margin-top: 1.5rem;
    padding-bottom: 0.75rem !important;
}
.page-node-type-landing-page .block-mizzou-local-tasks {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.block-mizzou-local-tasks > ul {
    display: inline-flex;
    flex-direction: row;
    width: auto;
    gap: 0.5em;
    padding: 5px 7px 0;
    background-color: rgba(230, 230, 230, 0.3);
    justify-content: center;
    zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgb(212, 212, 212);
    font-size: 1rem;
}
body.is-layout-editing .block-mizzou-local-tasks > ul {
    width: 100%;
}
.block-mizzou-local-tasks > ul {
}
.block-mizzou-local-tasks > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.block-mizzou-local-tasks > ul > li a {
    display: block;
    position: relative;
    bottom: -1px;
    margin: 0;
    padding: 0.2em 1em;
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-size: inherit;
    text-decoration: none;
    color: rgb(70, 70, 70);
    background-color: rgb(224.75, 224.75, 224.75);
    z-index: 0;
}
.block-mizzou-local-tasks > ul > li a:hover,
.block-mizzou-local-tasks > ul > li a:active,
.block-mizzou-local-tasks > ul > li a:focus {
    background-color: rgb(255, 255, 255);
    border-color: rgb(212, 212, 212);
    color: rgb(0, 0, 0);
}
.block-mizzou-local-tasks > ul > li a.is-active,
.block-mizzou-local-tasks > ul > li a.is-active:hover {
    background-color: #ffffff;
    border-color: #999999;
    color: #222222;
    z-index: 1;
    cursor: default;
}
@media (width >= 62em) {
    .block-mizzou-local-tasks > ul > li a.is-active,
    .block-mizzou-local-tasks > ul > li a.is-active:hover {
        border-color: #cccccc #cccccc #ffffff;
    }
}
@media (width >= 62em) {
    .block-mizzou-local-tasks > ul > li a {
        margin-bottom: 0;
        border-bottom-color: transparent;
        border-radius: 0;
    }
}
@layer component {
    .miz-nav {
        --nav-background-color: var(--component-mode-background-color, transparent);
        --nav-text-color: var(--component-mode-text-color, rgb(0, 0, 0));
        --nav-text-color-selection: var(--component-mode-text-color-selection, rgb(0, 0, 0));
        --nav-text-background-color-selection: var(
            --component-mode-text-background-color-selection,
            rgb(255, 209, 125)
        );
        --nav-font-size: var(--component-mode-font-size, medium);
        --nav-list-display: var(--component-mode-nav-list-display, auto);
        --nav-list-flex-direction: var(--component-mode-nav-list-flex-direction, row);
        --nav-list-padding: var(--component-mode-nav-list-padding, 0);
        --nav-list-margin: var(--component-mode-nav-list-margin, 0);
        --nav-list-background-color: var(--component-mode-nav-list-background-color, transparent);
        --nav-list-list-style: var(--component-mode-nav-list-list-style, none);
        --nav-link-display: var(--component-mode-link-display, flex);
        --nav-link-display-flex-gap: var(--component-mode-link-display-flex-gap, 0.75rem);
        --nav-link-display-flex-align-items: var(--component-mode-link-display-flex-align-items, normal);
        --nav-link-space-padding: var(--component-mode-link-space-padding, 1rem 1rem 1rem 1rem);
        --nav-link-background-color: var(--component-mode-link-background-color, transparent);
        --nav-link-background-color-hover: var(--component-mode-link-background-color-hover, #e5e5e5);
        --nav-link-font-weight: var(--component-mode-link-font-weight, normal);
        --nav-link-font-size: var(--component-mode-link-font-size, medium);
        --nav-link-text-align: var(--component-mode-link-text-align, left);
        --nav-link-text-decoration: var(--component-mode-link-text-decoration, none);
        --nav-link-text-decoration-hover: var(--component-mode-link-text-decoration-hover, underline);
        --nav-link-text-color: var(--component-mode-link-text-color, rgb(0, 0, 0));
        --nav-link-text-color-hover: var(--component-mode-link-text-color-hover, rgb(0, 0, 0));
        display: var(--component-mode-display, var(--nav-display));
        position: relative;
        font-size: var(--component-mode-font-size, var(--nav-font-size));
        color: var(--component-mode-text-color, var(--nav-text-color));
        background-color: var(--component-mode-background-color, var(--nav-background-color));
    }
    .miz-nav ::selection {
        background-color: var(--nav-text-background-color-selection);
        color: var(--nav-text-color-selection);
    }
}
@layer component {
    .miz-nav__list {
        display: var(--component-mode-nav-list-display, var(--nav-list-display));
        flex-direction: var(--component-mode-nav-list-flex-direction, var(--nav-list-flex-direction));
        padding: var(--component-mode-nav-list-padding, var(--nav-list-padding));
        margin: var(--component-mode-nav-list-margin, var(--nav-list-margin));
        background-color: var(--component-mode-nav-list-background-color, var(--nav-list-background-color));
        list-style: var(--component-mode-nav-list-list-style, var(--nav-list-list-style));
    }
}
@layer component {
    .miz-nav__list-item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}
@layer modifier {
    .miz-nav--compact {
        --nav-link-space-padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    }
    .miz-nav--inline {
        --nav-list-display: flex;
    }
}
@layer component {
    .miz-nav__link {
        font-size: var(--nav-link-font-size);
        font-weight: var(--nav-link-font-weight);
        text-align: var(--nav-link-text-align);
        padding: var(--component-mode-link-space-padding, var(--nav-link-space-padding));
        background-color: var(--component-mode-link-background-color, var(--nav-link-background-color));
        color: var(--component-mode-link-color, var(--nav-link-text-color));
        text-decoration: var(--component-mode-link-text-decoration, var(--nav-link-text-decoration));
        display: var(--nav-link-display);
        align-items: var(--nav-link-display-flex-align-items);
        gap: var(--nav-link-display-flex-gap);
        width: 100%;
        border: none;
    }
    .miz-nav__link:hover {
        background-color: var(--component-mode-link-background-color-hover, var(--nav-link-background-color-hover));
        text-decoration: var(--component-mode-link-text-decoration-hover, var(--nav-link-text-decoration-hover));
    }
}
@layer component {
    .miz-icon {
        --icon-width: 1.5rem;
        --icon-height: 1.5rem;
        --icon-max-width: 6rem;
        --icon-max-height: 6rem;
        --icon-min-width: 1.25rem;
        --icon-min-height: 1.25rem;
        --icon-color: currentcolor;
        --icon-user-select: all;
        display: inline-block;
        vertical-align: middle;
        max-width: var(--icon-max-width);
        max-height: var(--icon-max-height);
        min-width: var(--icon-min-width);
        min-height: var(--icon-min-height);
        width: var(--icon-width);
        height: var(--icon-height);
        color: var(--icon-color);
        user-select: var(--icon-user-select);
    }
}
.miz-icon--small {
    --icon-width: 1.25rem;
    --icon-height: 1.25rem;
    --icon-max-width: 1.25rem;
    --icon-max-height: 1.25rem;
}
.miz-icon--large {
    --icon-width: 2.5rem;
    --icon-height: 2.5rem;
    --icon-max-width: 2.5rem;
    --icon-max-height: 2.5rem;
}
.miz-icon--x-large {
    --icon-width: 3rem;
    --icon-height: 3rem;
    --icon-max-width: 3rem;
    --icon-max-height: 3rem;
}
@layer component {
    .miz-breadcrumbs {
        --breadcrumbs-background-color: var(--component-mode-background-color, transparent);
        --breadcrumbs-text-color: var(--component-mode-text-color, rgb(0, 0, 0));
        --breadcrumbs-text-color-selection: var(--component-mode-text-color-selection, rgb(0, 0, 0));
        --breadcrumbs-text-background-color-selection: var(
            --component-mode-text-background-color-selection,
            rgb(255, 209, 125)
        );
        --breadcrumbs-font-size: var(--component-mode-font-size, 0.833rem);
        --breadcrumbs-font-weight: var(--component-mode-font-weight, 400);
        --breadcrumbs-text-decoration: var(--component-mode-text-decoration, underline);
        --breadcrumbs-text-decoration-hover: var(--component-mode-text-decoration-hover, none);
        --breadcrumbs-link-space-padding: var(--component-mode-breadcrumbs-link-space-padding, 0.5rem 0.5rem);
        --nav-background-color: var(--breadcrumbs-background-color);
        --nav-text-color: var(--breadcrumbs-text-color);
        --nav-font-size: var(--breadcrumbs-font-size);
        --nav-list-display: flex;
        --nav-link-text-color: var(--breadcrumbs-text-color);
        --nav-list-background-color: transparent;
        --nav-link-space-padding: var(--breadcrumbs-link-space-padding);
        --nav-link-font-size: var(--breadcrumbs-font-size);
        --nav-link-background-color: var(--breadcrumbs-background-color);
        --nav-link-background-color-hover: transparent;
        --nav-link-text-decoration: var(--breadcrumbs-text-decoration);
        --nav-link-text-decoration-hover: var(--breadcrumbs-text-decoration-hover);
        container: breadcrumbs/inline-size;
    }
}
@layer component {
    .miz-breadcrumbs__list {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }
    .miz-breadcrumbs__list > * {
        flex: 0 1 auto;
    }
}
@layer component {
    @media (max-width: 767.98px) {
        .miz-breadcrumbs--is-responsive .miz-breadcrumbs__list-item:not(:nth-last-child(2)) {
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .miz-breadcrumbs--is-responsive .miz-breadcrumbs__list-item:not(:nth-last-child(2)):not(caption) {
            position: absolute;
        }
    }
}
@layer component {
}
@layer component {
    .miz-breadcrumbs__current {
        font-weight: 600;
    }
}
@layer modifier {
    .miz-breadcrumbs--light {
        --nav-text-color: rgb(0, 0, 0);
        --nav-background-color: rgb(255, 255, 255);
        --nav-list-background-color: rgb(255, 255, 255);
        --nav-link-text-color: rgb(0, 0, 0);
        --nav-link-background-color: rgb(255, 255, 255);
        --nav-link-background-color-hover: rgb(255, 255, 255);
    }
}
@layer modifier {
    .miz-breadcrumbs--dark {
        --nav-text-color: rgb(255, 255, 255);
        --nav-background-color: rgb(31, 31, 31);
        --nav-list-background-color: rgb(31, 31, 31);
        --nav-link-text-color: rgb(255, 255, 255);
        --nav-link-background-color: rgb(31, 31, 31);
        --nav-link-background-color-hover: rgb(31, 31, 31);
    }
}
@layer modifier {
    .miz-breadcrumbs--on-light {
        --nav-text-color: rgb(0, 0, 0);
        --nav-link-text-color: rgb(0, 0, 0);
    }
}
@layer modifier {
    .miz-breadcrumbs--on-dark {
        --nav-text-color: rgb(255, 255, 255);
        --nav-link-text-color: rgb(255, 255, 255);
    }
}
@layer modifier {
    .miz-breadcrumbs--on-gold {
        --nav-text-color: rgb(0, 0, 0);
        --nav-link-text-color: rgb(0, 0, 0);
    }
}
@layer component {
    .miz-card {
        --card-body-background-color: transparent;
        --card-border-color: transparent;
        --card-border-width: 0;
        --card-border-radius: 0;
        --card-border-style: solid;
        --card-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --card-font-size: medium;
        --card-text-color: rgb(0, 0, 0);
        --card-text-title-color: rgb(0, 0, 0);
        --card-title-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --card-title-font-size: 2.074rem;
        --card-title-font-weight: 700;
        --card-title-font-stretch: 75%;
        --card-subtitle-text-color: rgb(0, 0, 0);
        --card-subtitle-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --card-subtitle-font-size: 1.2rem;
        --card-subtitle-font-weight: 600;
        --card-subtitle-margin-top: 0.5rem;
        --card-max-width: none;
        --card-body-padding: 1.5rem 1.5rem 1.5rem 1.5rem;
        --card-body-stack: 1rem 0 0 0;
        --card-header-space: 0.5rem 1.5rem 0.5rem 1.5rem;
        --card-header-background-color: rgb(255, 237, 207);
        --card-header-border-size: 1px;
        --card-header-border-style: solid;
        --card-header-border-color: rgb(255, 209, 125);
        --card-header-font-weight: 600;
        --card-header-text-color: rgb(0, 0, 0);
        position: relative;
        display: flex;
        flex-direction: column;
        container: card/inline-size;
        max-width: var(--card-max-width);
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        background-color: var(--card-background-color, var(--card-body-background-color));
        border-width: var(--card-border-width);
        border-style: var(--card-border-style);
        border-color: var(--card-border-color);
        border-radius: var(--card-border-radius);
        font-family: var(--card-font-family);
        font-size: var(--card-font-size);
        color: var(--card-text-color);
    }
    .miz-card ::selection {
        background-color: rgb(255, 209, 125);
    }
}
@layer component {
    .miz-card__body {
        flex: 1 1 auto;
        padding: var(--card-body-padding);
        background-color: var(--card-body-background-color);
        font-size: var(--card-font-size);
    }
    .miz-card__body * {
        margin-bottom: 0;
    }
    .miz-card__body > * + * {
        margin: var(--card-body-stack);
    }
}
@layer component {
    .miz-card__title {
        font-family: var(--card-title-font-family);
        font-size: var(--card-title-font-size);
        font-weight: var(--card-title-font-weight);
        font-stretch: var(--card-title-font-stretch);
        color: var(--card-title-text-color);
    }
    .miz-card__title:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}
@layer component {
    .miz-card__title-link {
        --effect-background-image: linear-gradient(0deg, rgb(253, 184, 25) 0%, rgb(253, 184, 25) 100%);
        display: inline-block;
        margin: 0 -1px -0.25rem -1px;
        padding: 0.125rem 0.125rem 0.125rem 0.125rem;
        text-decoration: none;
        z-index: 1;
        background-image: var(--effect-background-image);
        background-repeat: no-repeat;
        background-size: 100% 4px;
        background-position: 0 100%;
        color: currentcolor;
        font-weight: 600;
        transition:
            background-size 0.1s ease-in-out,
            color 0.1s;
    }
    .miz-card__title-link:hover {
        background-size: 100% 100%;
        color: rgb(0, 0, 0);
    }
    .miz-card__title-link:active {
        background-size: 100% 100%;
        background-image: linear-gradient(0deg, rgb(255, 209, 125) 0%, rgb(255, 209, 125) 100%);
    }
}
@layer component {
    .miz-card__subtitle {
        margin-top: var(--card-subtitle-margin-top);
        font-family: var(--card-subtitle-font-family);
        font-size: var(--card-subtitle-font-size);
        font-weight: var(--card-subtitle-font-weight);
        color: var(--card-subtitle-text-color);
    }
}
@layer component {
    .miz-card__image {
        width: 100%;
        height: auto;
    }
}
@layer component {
    .miz-card__links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    @media (min-width: 768px) {
        .miz-card__links {
            flex-flow: row wrap;
        }
    }
}
@layer component {
    .miz-card__link {
        --effect-background-image: linear-gradient(0deg, rgb(253, 184, 25) 0%, rgb(253, 184, 25) 100%);
        display: inline-block;
        margin: 0 -1px 0.05rem -1px;
        padding: 0.125rem 0.125rem 0.125rem 0.125rem;
        text-decoration: none;
        z-index: 1;
        background-image: var(--effect-background-image);
        background-repeat: no-repeat;
        background-size: 100% 2px;
        background-position: 0 100%;
        color: currentcolor;
        font-weight: 600;
        transition:
            background-size 0.1s ease-in-out,
            color 0.1s;
    }
    .miz-card__link:hover {
        background-size: 100% 100%;
        color: rgb(0, 0, 0);
    }
    .miz-card__link:active {
        background-size: 100% 100%;
        background-image: linear-gradient(0deg, rgb(255, 209, 125) 0%, rgb(255, 209, 125) 100%);
    }
}
@layer component {
    .miz-card__links--stack {
        flex-direction: column;
    }
}
@layer component {
    .miz-card__header {
        padding: var(--card-header-space);
        margin-bottom: 0;
        background-color: var(--card-header-background-color);
        border-bottom: var(--card-header-border-size) var(--card-header-border-style) var(--card-header-border-color);
        font-size: 0.833rem;
        font-weight: var(--card-header-font-weight);
        color: var(--card-header-text-color);
    }
    .miz-card__header > :last-child {
        margin-bottom: 0;
    }
}
@layer component {
    @container card (width < 375px) {
        .miz-card__header {
            --card-header-space: 0.5rem 1rem;
        }
        .miz-card__body {
            --card-body-space: 1rem;
        }
    }
}
@layer modifier {
    .miz-card--light {
        --card-body-background-color: rgb(255, 255, 255);
    }
    .miz-card--dark {
        --card-text-color: rgb(255, 255, 255);
        --card-title-text-color: rgb(253, 184, 25);
        --card-subtitle-text-color: rgb(255, 255, 255);
        --card-header-text-color: rgb(255, 255, 255);
        --card-header-background-color: rgb(51, 51, 51);
        --card-header-border-color: rgb(51, 51, 51);
        --card-body-background-color: rgb(31, 31, 31);
    }
    .miz-card--dark .miz-card__title-link {
        --effect-background-image: linear-gradient(0deg, rgb(253, 184, 25) 0%, rgb(253, 184, 25) 100%);
        display: inline-block;
        margin: 0 -1px -0.25rem -1px;
        padding: 0.125rem 0.125rem 0.125rem 0.125rem;
        text-decoration: none;
        z-index: 1;
        background-image: var(--effect-background-image);
        background-repeat: no-repeat;
        background-size: 100% 4px;
        background-position: 0 100%;
        color: currentcolor;
        font-weight: 600;
        transition:
            background-size 0.1s ease-in-out,
            color 0.1s;
    }
    .miz-card--dark .miz-card__title-link:hover {
        background-size: 100% 100%;
        color: rgb(0, 0, 0);
    }
    .miz-card--dark .miz-card__title-link:active {
        background-size: 100% 100%;
        background-image: linear-gradient(0deg, rgb(255, 209, 125) 0%, rgb(255, 209, 125) 100%);
    }
    .miz-card--dark ::selection {
        background-color: rgb(51, 51, 51);
    }
    .miz-card--outline {
        --card-border-color: rgb(212, 212, 212);
        --card-border-width: 1px;
        --card-border-style: solid;
    }
    .miz-card--outline.miz-card--dark {
        --card-border-color: rgb(70, 70, 70);
    }
    @media (min-width: 768px) {
        .miz-card--inline {
            height: 100%;
            flex-direction: row;
            align-items: stretch;
            overflow: hidden;
        }
        .miz-card--inline .miz-card__picture {
            flex: 1 1 40%;
        }
        .miz-card--inline :is(.miz-card__picture),
        .miz-card--inline :has(.miz-card__picture) {
            display: flex;
            min-width: 40%;
            min-height: 200px;
            overflow: hidden;
        }
        .miz-card--inline :is(.miz-card__picture) .miz-card__image,
        .miz-card--inline :has(.miz-card__picture) .miz-card__image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .miz-card--inline .miz-card__body {
            flex: 1 1 auto;
        }
    }
    .miz-card__body--flush {
        padding-right: 0;
        padding-left: 0;
    }
    .miz-card__body--center .miz-card__title,
    .miz-card__body--center .miz-card__subtitle {
        text-align: center;
    }
    .miz-card__body--center * {
        margin-left: auto;
        margin-right: auto;
    }
}
.miz-card-group {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    flex-flow: column wrap;
    align-items: stretch;
}
.miz-card-group > * {
    flex: 1 1 auto;
}
@media (min-width: 768px) {
    .miz-card-group {
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
    }
    .miz-card-group > * {
        flex: 1 1 auto;
    }
    .miz-card-group > .miz-card {
        margin-bottom: 0;
    }
}
.miz-card-deck {
    display: flex;
    flex-flow: column wrap;
    align-items: stretch;
}
.miz-card-deck > * {
    flex: 1 1 auto;
}
.miz-card-deck > .miz-card {
    margin-bottom: 1.5rem;
}
.miz-card-deck > .miz-card:last-of-type {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .miz-card-deck {
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
    }
    .miz-card-deck > * {
        flex: 1 1 100%;
    }
    .miz-card-deck > .miz-card {
        margin-right: 1.5rem;
        margin-bottom: 0;
    }
    .miz-card-deck > .miz-card:last-of-type {
        margin-right: 0;
    }
}
@layer theme {
    .miz-card--special {
        --card-font-size: 1.1em;
        --card-title-font-size: 3em;
        --card-subtitle-font-size: 1.3em;
        --card-title-font-family: Manuka;
        --card-subtitle-font-family: Martina Plantijn;
        --card-body-stack: 2rem 0 0 0;
    }
}
.miz-contact-point {
    list-style: none;
}
.miz-contact-point + .miz-contact-point {
    margin-top: 1rem;
}
.miz-contact-point__group {
    position: relative;
    display: flex;
}
.miz-contact-point__group + .miz-contact-point__group {
    margin-top: 0.5rem;
}
.miz-contact-point__group--stack {
    flex-direction: column;
}
.miz-contact-point__term {
    position: relative;
    font-weight: 700;
    font-size: medium;
}
.miz-contact-point__term--is-hidden {
    display: flex;
    align-items: flex-start;
}
.miz-contact-point__term--is-hidden .miz-contact-point__term-text {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.miz-contact-point__term--is-hidden .miz-contact-point__term-text:not(caption) {
    position: absolute;
}
.miz-contact-point__term-text {
    display: inline-block;
}
.miz-contact-point__term-icon {
    width: 20px;
    height: 20px;
    margin: 0 0.25rem 0 0;
    margin-top: 0.25rem;
}
.miz-contact-point__detail {
    position: relative;
    font-size: medium;
}
.miz-contact-point--inline {
    display: flex;
    gap: 0.25rem;
}
.miz-contact-point--inline .miz-contact-point__group {
    margin: 0;
}
.miz-address {
    font-style: normal;
}
.miz-city-w-state::after {
    content: ",";
}
.miz-pattern-bg--g20-w-tiger-stripes,
.miz-pattern-bg--b10-ls-tiger-stripes,
.miz-pattern-bg--w20-g-tiger-stripes,
.miz-pattern-bg--w20-b-tiger-stripes,
.miz-pattern-bg--g20-w-columns,
.miz-pattern-bg--b10-ls-columns,
.miz-pattern-bg--w20-g-columns,
.miz-pattern-bg--w20-b-columns,
.miz-pattern-bg--g20-w-1839a,
.miz-pattern-bg--b10-ls-1839a,
.miz-pattern-bg--w20-g-1839a,
.miz-pattern-bg--w20-b-1839a {
    --pattern-svg-url: "";
    --pattern-bg-color: transparent;
    --pattern-fg-color: transparent;
    --pattern-text-color: rgb(0, 0, 0);
    background-color: var(--pattern-bg-color);
    color: var(--pattern-text-color);
    overflow: hidden;
}
.miz-pattern-bg--g20-w-tiger-stripes::before,
.miz-pattern-bg--b10-ls-tiger-stripes::before,
.miz-pattern-bg--w20-g-tiger-stripes::before,
.miz-pattern-bg--w20-b-tiger-stripes::before,
.miz-pattern-bg--g20-w-columns::before,
.miz-pattern-bg--b10-ls-columns::before,
.miz-pattern-bg--w20-g-columns::before,
.miz-pattern-bg--w20-b-columns::before,
.miz-pattern-bg--g20-w-1839a::before,
.miz-pattern-bg--b10-ls-1839a::before,
.miz-pattern-bg--w20-g-1839a::before,
.miz-pattern-bg--w20-b-1839a::before {
    content: "";
    mask: var(--pattern-svg-url);
    position: absolute;
    mask-size: cover;
    left: 0;
    right: 0;
    height: 300%;
    z-index: -100;
    background-color: var(--pattern-fg-color);
}
.miz-pattern-bg--w20-b-tiger-stripes,
.miz-pattern-bg--w20-b-columns,
.miz-pattern-bg--w20-b-1839a {
    --pattern-bg-color: rgb(0, 0, 0);
    --pattern-text-color: rgb(255, 255, 255);
}
.miz-pattern-bg--w20-b-tiger-stripes::before,
.miz-pattern-bg--w20-b-columns::before,
.miz-pattern-bg--w20-b-1839a::before {
    --pattern-fg-color: rgb(from rgb(255, 255, 255) r g b / calc(alpha * 0.2));
}
.miz-pattern-bg--w20-g-tiger-stripes,
.miz-pattern-bg--w20-g-columns,
.miz-pattern-bg--w20-g-1839a {
    --pattern-bg-color: rgb(253, 184, 25);
    --pattern-text-color: rgb(0, 0, 0);
}
.miz-pattern-bg--w20-g-tiger-stripes::before,
.miz-pattern-bg--w20-g-columns::before,
.miz-pattern-bg--w20-g-1839a::before {
    --pattern-fg-color: rgb(from rgb(255, 255, 255) r g b / calc(alpha * 0.2));
}
.miz-pattern-bg--b10-ls-tiger-stripes,
.miz-pattern-bg--b10-ls-columns,
.miz-pattern-bg--b10-ls-1839a {
    --pattern-bg-color: rgb(212, 212, 212);
}
.miz-pattern-bg--b10-ls-tiger-stripes::before,
.miz-pattern-bg--b10-ls-columns::before,
.miz-pattern-bg--b10-ls-1839a::before {
    --pattern-fg-color: rgb(from rgb(0, 0, 0) r g b / calc(alpha * 0.1));
}
.miz-pattern-bg--g20-w-tiger-stripes,
.miz-pattern-bg--g20-w-columns,
.miz-pattern-bg--g20-w-1839a {
    --pattern-bg-color: rgb(255, 255, 255);
}
.miz-pattern-bg--g20-w-tiger-stripes::before,
.miz-pattern-bg--g20-w-columns::before,
.miz-pattern-bg--g20-w-1839a::before {
    --pattern-fg-color: rgb(from rgb(253, 184, 25) r g b / calc(alpha * 0.2));
}
.miz-pattern-bg--w20-b-1839a {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/1839a-full.min.svg");
}
.miz-pattern-bg--w20-g-1839a {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/1839a-full.min.svg");
}
.miz-pattern-bg--b10-ls-1839a {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/1839a-full.min.svg");
}
.miz-pattern-bg--g20-w-1839a {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/1839a-full.min.svg");
}
.miz-pattern-bg--w20-b-columns {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/columns-full.min.svg");
}
.miz-pattern-bg--w20-g-columns {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/columns-full.min.svg");
}
.miz-pattern-bg--b10-ls-columns {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/columns-full.min.svg");
}
.miz-pattern-bg--g20-w-columns {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/columns-full.min.svg");
}
.miz-pattern-bg--w20-b-tiger-stripes {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/tiger-stripes-full.min.svg");
}
.miz-pattern-bg--w20-g-tiger-stripes {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/tiger-stripes-full.min.svg");
}
.miz-pattern-bg--b10-ls-tiger-stripes {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/tiger-stripes-full.min.svg");
}
.miz-pattern-bg--g20-w-tiger-stripes {
    --pattern-svg-url: url("/modules/contrib/miz_components/assets/images/brand/patterns/tiger-stripes-full.min.svg");
}
.miz-pattern--ribbon,
.miz-pattern--background {
    --pattern-svg-url: "";
    --pattern-bg-color: transparent;
    --pattern-fg-color: transparent;
    --pattern-text-color: rgb(0, 0, 0);
}
.miz-pattern--ribbon::before,
.miz-pattern--background::before {
    content: "";
    position: absolute;
    mask-image: var(--pattern-svg-url);
    mask-size: cover;
    left: 0;
    right: 0;
    z-index: -100;
    background-color: var(--pattern-fg-color);
}
.miz-pattern--background {
    background-color: var(--pattern-bg-color);
    color: var(--pattern-text-color);
}
.miz-pattern--background::before {
    height: 300%;
}
.miz-pattern--ribbon {
    box-shadow: inset 0 64px var(--pattern-bg-color);
    padding-top: 64px;
}
.miz-pattern--ribbon::before {
    height: 64px;
}
.miz-pattern--1839a {
    --pattern-svg-url: url(/modules/contrib/miz_components/assets/images/brand/patterns/1839a-full.min.svg);
}
.miz-pattern--columns {
    --pattern-svg-url: url(/modules/contrib/miz_components/assets/images/brand/patterns/columns-full.min.svg);
}
.miz-pattern--tiger-stripes {
    --pattern-svg-url: url(/modules/contrib/miz_components/assets/images/brand/patterns/tiger-stripes-full.min.svg);
}
.miz-pattern--w20-b {
    --pattern-bg-color: rgb(0, 0, 0);
    --pattern-text-color: rgb(255, 255, 255);
}
.miz-pattern--w20-b::before {
    --pattern-fg-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2));
}
.miz-pattern--w20-g {
    --pattern-bg-color: rgb(253, 184, 25);
    --pattern-text-color: rgb(0, 0, 0);
}
.miz-pattern--w20-g::before {
    --pattern-fg-color: rgb(from rgb(255, 255, 255) r g b/calc(alpha * 0.2));
}
.miz-pattern--b10-ls {
    --pattern-bg-color: rgb(212, 212, 212);
    --pattern-text-color:;
}
.miz-pattern--b10-ls::before {
    --pattern-fg-color: rgb(from rgb(0, 0, 0) r g b/calc(alpha * 0.1));
}
.miz-pattern--g20-w {
    --pattern-bg-color: rgb(255, 255, 255);
    --pattern-text-color:;
}
.miz-pattern--g20-w::before {
    --pattern-fg-color: rgb(from rgb(253, 184, 25) r g b/calc(alpha * 0.2));
}
@layer modifier {
    .miz-decoration-container {
        border-top-right-radius: 105px;
        overflow: hidden;
    }
    .miz-decoration-container--reverse {
        border-top-left-radius: 105px;
        overflow: hidden;
    }
    .miz-decoration-container--double-curve {
        border-top-right-radius: 105px;
        border-bottom-left-radius: 105px;
        overflow: hidden;
    }
    .miz-decoration-container--double-curve--reverse {
        border-top-left-radius: 105px;
        border-bottom-right-radius: 105px;
        overflow: hidden;
    }
    .miz-decoration-container--layered {
        box-shadow: 1.5rem 1.5rem rgb(253, 184, 25);
        width: calc(100% - 1.5rem);
        margin: 0 1.5rem 1.5rem 0;
        overflow: hidden;
    }
    .miz-decoration-container--layered-to-bl {
        box-shadow: -1.5rem 1.5rem rgb(253, 184, 25);
        width: calc(100% - 1.5rem);
        margin: 0 0 1.5rem 1.5rem;
        overflow: hidden;
    }
}
@layer modifier {
    .miz-decoration-bg--vertical-gradient::before {
        background: rgb(253, 184, 25);
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0%,
            rgb(253, 185, 28) 51%,
            rgba(255, 255, 255, 0) 100%
        );
    }
}
@layer layout {
    .miz-footer {
        --footer-max-width: 100%;
        --footer-width: 100%;
        --footer-content-max-width: 1600px;
        --footer-min-padding-right: 16px;
        --footer-min-padding-left: 16px;
        width: var(--footer-width);
        max-width: var(--footer-max-width);
        padding-right: max(
            var(--footer-min-padding-right),
            (var(--footer-width) - var(--footer-content-max-width)) / 2
        );
        padding-left: max(var(--footer-min-padding-left), (var(--footer-width) - var(--footer-content-max-width)) / 2);
        margin-right: auto;
        margin-left: auto;
        background-color: rgb(51, 51, 51);
        color: rgb(255, 255, 255);
    }
    .miz-footer a:hover {
        color: rgb(255, 255, 255);
    }
    .miz-footer-layer {
        padding: 2rem 0 2rem;
    }
    .miz-footer-layer:not(:first-of-type) {
        border-top: 1px solid rgb(253, 184, 25);
    }
}
.miz-header--dark .miz-masthead__title a {
    color: rgb(255, 255, 255);
}
.miz-header--dark .miz-masthead__title a:hover,
.miz-header--dark .miz-masthead__title a:focus,
.miz-header--dark .miz-masthead__title a:active {
    color: rgb(253, 184, 25);
}
@layer component {
    .miz-image {
        --image-position: relative;
        --image-margin: 0 0;
        --image-width: 100%;
        --image-height: auto;
        --image-max-width: 100%;
        --image-aspect-ratio: auto;
        position: var(--image-position);
        bottom: 0;
        display: block;
        width: var(--image-width);
        height: var(--image-height);
        max-width: var(--image-max-width);
        margin: var(--image-margin);
        aspect-ratio: var(--image-aspect-ratio);
    }
}
@layer modifier {
    .miz-image--curve-container {
        border-top-right-radius: clamp(33%, 90px, 50%);
        overflow: hidden;
    }
    .miz-image--double-curve-container {
        border-top-right-radius: clamp(33%, 90px, 50%);
        border-bottom-left-radius: clamp(33%, 90px, 50%);
        overflow: hidden;
    }
    .miz-image--layered {
        box-shadow: 1.5rem 1.5rem 0 0 rgb(253, 184, 25);
        width: calc(100% - 1.5rem);
        margin-bottom: 1.5rem;
        overflow: hidden;
    }
}
@layer component {
    .miz-link,
    .miz-link-container a:not([aria-hidden="true"]) {
        --link-font-color: currentcolor;
        --link-background-color: transparent;
        --link-border-color: transparent;
        --effect-background-image: linear-gradient(0deg, rgb(253, 184, 25) 0%, rgb(253, 184, 25) 100%);
        display: inline-block;
        margin: 0 -1px -0.25rem -1px;
        padding: 0.125rem 0.125rem 0.125rem 0.125rem;
        text-decoration: none;
        z-index: 1;
        background-image: var(--effect-background-image);
        background-repeat: no-repeat;
        background-size: 100% 2px;
        background-position: 0 100%;
        color: currentcolor;
        font-weight: 600;
        transition:
            background-size 0.1s ease-in-out,
            color 0.1s;
        color: var(--link-font-color);
        background-color: var(--link-background-color);
        font-weight: 600;
    }
    .miz-link:hover,
    .miz-link-container a:hover:not([aria-hidden="true"]) {
        background-size: 100% 100%;
        color: rgb(0, 0, 0);
    }
    .miz-link:active,
    .miz-link-container a:active:not([aria-hidden="true"]) {
        background-size: 100% 100%;
        background-image: linear-gradient(0deg, rgb(255, 209, 125) 0%, rgb(255, 209, 125) 100%);
    }
    .miz-link:focus-visible,
    .miz-link-container a:focus-visible:not([aria-hidden="true"]) {
        outline: 2px dashed rgb(253, 184, 25);
        outline-offset: 1px;
        background-image: linear-gradient(0deg, rgb(255, 223, 165) 0%, rgb(255, 223, 165) 100%);
        background-size: 100% 100%;
        color: rgb(0, 0, 0);
    }
}
@layer container {
}
@layer component {
    .miz-link-group {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
}
@layer component {
    .miz-link__icon {
        vertical-align: middle;
    }
    .miz-link__icon:first-child {
        margin-right: 12px;
        margin-left: -4px;
    }
    .miz-link__icon:last-child {
        margin-right: -4px;
        margin-left: 8px;
    }
    .miz-link__icon:only-child {
        margin: 0 -4px;
    }
}
@layer modifier {
    .miz-link--cta {
        --link-font-color: rgb(0, 0, 0);
        --link-background-color: rgb(255, 209, 125);
        --link-background-color-hover: rgb(253, 184, 25);
        --link-border-color: rgb(0, 0, 0);
        display: inline-block;
        padding: 1rem 1.5rem 1rem 1.5rem;
        border-bottom: 2px solid var(--link-border-color);
        color: var(--link-font-color);
        text-decoration: none;
        font-weight: bold;
        z-index: 1;
        background-color: var(--link-background-color);
        background-image: linear-gradient(
            to left,
            var(--link-background-color-hover) 0%,
            var(--link-background-color-hover) 100%
        );
        background-repeat: no-repeat;
        background-size: 0 100%;
        background-position: left 0;
        transition: background-size 0.1s ease-in-out 0s;
        box-shadow: 0 4px 16px -3px rgba(0, 0, 0, 0.2);
    }
    .miz-link--cta:hover {
        background-size: 100% 100%;
    }
    .miz-link--cta:active {
        --link-background-color-hover: rgb(255, 209, 125);
    }
}
@layer modifier {
    .miz-link--outlined {
        --link-font-color: rgb(0, 0, 0);
        --link-border-color: rgb(253, 184, 25);
        --link-background-color: rgb(255, 255, 255);
        --link-background-color-hover: rgb(253, 184, 25);
        display: inline-block;
        padding: 1rem 1.5rem 1rem 1.5rem;
        border: 2px solid var(--link-border-color);
        text-decoration: none;
        font-weight: bold;
        z-index: 1;
        background-image: linear-gradient(
            to left,
            var(--link-background-color-hover) 0%,
            var(--link-background-color-hover) 100%
        );
        background-repeat: no-repeat;
        background-size: 0 100%;
        background-position: left 0;
        transition: background-size 0.1s ease-in-out 0s;
        box-shadow: 0 4px 16px -3px rgba(0, 0, 0, 0.1);
    }
    .miz-link--outlined:hover {
        background-size: 100% 100%;
    }
    .miz-link--outlined:active {
        --link-background-color-hover: rgb(255, 209, 125);
    }
}
@layer modifier {
    .miz-link--condensed {
        font-stretch: condensed;
        font-size: 1.1em;
    }
}
@layer modifier {
    .miz-link--caps {
        text-transform: uppercase;
    }
}
@layer modifier {
    .miz-link--fill {
        display: block;
        text-align: center;
    }
}
@layer modifier {
    .miz-link--light {
        --link-font-color: rgb(0, 0, 0);
        --link-background-color: rgb(249, 249, 249);
        --link-background-color-hover: rgb(212, 212, 212);
        --link-border-color: rgb(96, 96, 96);
        box-shadow: 0 4px 16px -3px rgba(0, 0, 0, 0.2);
    }
    .miz-link--light:active {
        --link-background-color-hover: #e5e5e5;
    }
    .miz-link--dark {
        --link-font-color: rgb(255, 255, 255);
        --link-background-color: rgb(31, 31, 31);
        --link-background-color-hover: rgb(51, 51, 51);
        --link-border-color: rgb(249, 249, 249);
        border-width: 1px;
    }
    .miz-link--dark:hover {
        color: var(--link-font-color);
    }
    .miz-link--dark:active {
        --link-background-color-hover: rgb(70, 70, 70);
    }
}
@layer component {
    .miz-link-list {
        --link-list-flex-direction: column;
        --link-list-flex-wrap: nowrap;
        --link-list-flex-align-content: normal;
        --link-list-flex-align-items: flex-start;
        --link-list-flex-justify-content: flex-start;
        --link-list-padding: 0;
        --link-list-width: fit-content;
        --link-list-style: none;
        --link-list-font-size: medium;
        position: relative;
        display: flex;
        flex-flow: var(--link-list-flex-direction) var(--link-list-flex-wrap);
        align-items: var(--link-list-flex-align-items);
        place-content: var(--link-list-flex-align-content) var(--link-list-flex-justify-content);
        padding: var(--link-list-padding);
        width: var(--link-list-width);
        font-size: var(--link-list-link-font-size);
        list-style: var(--link-list-style);
    }
}
@layer component {
    .miz-link-list__item {
        flex: 0 1 auto;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}
@layer component {
    .miz-link-list__link {
        --link-list-link-display: inline-block;
        --link-list-link-width: 100%;
        --link-list-link-font-size: var(--link-list-font-size);
        --link-list-link-color-default: rgb(0, 0, 0);
        --link-list-link-color-hover-default: rgb(0, 0, 0);
        --link-list-link-background-color: transparent;
        --link-list-link-background-color-hover: transparent;
        --link-list-link-font-weight: normal;
        --link-list-link-text-align: left;
        --link-list-link-text-decoration-default: underline;
        --link-list-link-text-decoration-hover-default: none;
        display: var(--link-list-link-display);
        padding: var(--link-list-link-spacing, 1rem 1rem 1rem 1rem);
        width: var(--link-list-link-width);
        text-align: var(--link-list-link-text-align);
        text-decoration: var(--link-list-link-text-decoration, var(--link-list-link-text-decoration-default));
        color: var(--link-list-link-color, var(--link-list-link-color-default));
        background-color: var(--link-list-link-background-color);
        font-size: var(--link-list-link-font-size);
        font-weight: var(--link-list-link-font-weight);
        line-height: 1.3;
    }
    .miz-link-list__link::before,
    .miz-link-list__link::after {
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
    .miz-link-list__link::before {
        margin-bottom: calc(-0.30625em + 0px);
    }
    .miz-link-list__link::after {
        margin-top: calc(-0.275em + 0px);
    }
    .miz-link-list__link:hover {
        --link-list-link-color: var(--link-list-link-color-hover, var(--link-list-link-color-hover-default));
        --link-list-link-background-color: var(--link-list-link-background-color-hover);
        --link-list-link-text-decoration: var(
            --link-list-link-text-decoration-hover,
            var(--link-list-link-text-decoration-hover-default)
        );
    }
}
.miz-link-list__item {
    margin: 0;
    padding: 0;
}
.miz-link-list--right {
    margin-left: auto;
}
.miz-link-list--fill {
    --link-list-flex-align-items: stretch;
    --link-list-width: 100%;
}
.miz-link-list--inline {
    --link-list-flex-align-items: stretch;
    --link-list-flex-align-content: center;
    --link-list-flex-direction: row;
    --link-list-flex-wrap: wrap;
}
.miz-link-list--inline > .miz-link-list__item {
    width: fit-content;
}
.miz-link-list--inline.miz-link-list--fill {
    --link-list-flex-align-items: stretch;
    --link-list-flex-justify-content: space-between;
}
.miz-link-list--inline.miz-link-list--fill > .miz-link-list__item {
    flex: 1 0 auto;
}
.miz-link-list--inline.miz-link-list--right {
    --link-list-flex-align-items: stretch;
    --link-list-flex-justify-content: flex-end;
}
.miz-link-list--compact {
    --link-list-link-spacing: 0.5rem 0.5rem 0.5rem 0.5rem;
}
@layer modifier {
    .miz-link-list--gap {
        gap: 1rem;
    }
    .miz-link-list--gap-tight {
        gap: 0.5rem;
		padding-top: 2rem;
    }
    .miz-link-list--gap-loose {
        gap: 1.5rem;
    }
}
@layer component {
    .miz-masthead {
        --masthead-padding: 1rem 0 1rem;
        --masthead-max-width: 100%;
        --masthead-width: 100%;
        --masthead-content-max-width: 1600px;
        --masthead-min-padding-right: 16px;
        --masthead-min-padding-left: 16px;
        --masthead-background-color: transparent;
        --masthead-title-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --masthead-title-font-size: 1.728rem;
        --masthead-title-font-weight: 400;
        --masthead-title-font-stretch: 100%;
        --masthead-title-font-color: rgb(0, 0, 0);
        --masthead-subtitle-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --masthead-subtitle-font-size: 1.2rem;
        --masthead-subtitle-font-weight: 400;
        --masthead-subtitle-font-stretch: 100%;
        --masthead-subtitle-font-color: rgb(0, 0, 0);
        --masthead-subtitle-margin-top: 0.5rem;
        padding: var(--masthead-padding);
        width: var(--masthead-width);
        max-width: var(--masthead-max-width);
        padding-right: max(
            var(--masthead-min-padding-right),
            (var(--masthead-width) - var(--masthead-content-max-width)) / 2
        );
        padding-left: max(
            var(--masthead-min-padding-left),
            (var(--masthead-width) - var(--masthead-content-max-width)) / 2
        );
        margin-right: auto;
        margin-left: auto;
        background-color: var(--masthead-background-color);
    }
    @media (min-width: 768px) {
        .miz-masthead {
            --masthead-padding: 1.5rem 0 1.5rem;
            --masthead-title-font-size: 2.488rem;
            --masthead-title-font-weight: 300;
            --masthead-subtitle-font-size: 1.44rem;
            --masthead-subtitle-font-weight: 400;
            --masthead-subtitle-margin-top: 1rem;
        }
    }
    .miz-masthead__title {
        font-family: var(--masthead-title-font-family);
        font-size: var(--masthead-title-font-size);
        font-weight: var(--masthead-title-font-weight);
        font-stretch: var(--masthead-title-font-stretch);
        color: var(--masthead-title-font-color);
        line-height: 1.3;
    }
    .miz-masthead__title::before,
    .miz-masthead__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
    .miz-masthead__title::before {
        margin-bottom: calc(-0.30625em + 2px);
    }
    .miz-masthead__title::after {
        margin-top: calc(-0.275em + 1px);
    }
    .miz-masthead__title-link {
        display: inline-block;
        text-decoration: none;
        color: var(--masthead-title-font-color);
    }
    .miz-masthead__title-link:hover {
        --masthead-title-font-color: rgb(110, 0, 38);
    }
    .miz-masthead__title-link:focus-visible {
        outline: 2px dashed rgb(253, 184, 25);
        outline-offset: 1px;
        background-image: linear-gradient(0deg, rgb(255, 223, 165) 0%, rgb(255, 223, 165) 100%);
        background-size: 100% 100%;
        color: rgb(0, 0, 0);
    }
    .miz-masthead__subtitle {
        margin-top: var(--masthead-subtitle-margin-top);
        font-family: var(--masthead-subtitle-font-family);
        font-size: var(--masthead-subtitle-font-size);
        font-weight: var(--masthead-subtitle-font-weight);
        font-stretch: var(--masthead-subtitle-font-stretch);
        color: var(--masthead-subtitle-font-color);
        line-height: 1.3;
    }
    .miz-masthead__subtitle::before,
    .miz-masthead__subtitle::after {
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
    .miz-masthead__subtitle::before {
        margin-bottom: calc(-0.30625em + 2px);
    }
    .miz-masthead__subtitle::after {
        margin-top: calc(-0.275em + 1px);
    }
    .miz-masthead--dark {
        --masthead-background-color: rgb(51, 51, 51);
        --masthead-title-font-color: rgb(255, 255, 255);
        --masthead-subtitle-font-color: rgb(255, 255, 255);
    }
    .miz-masthead--dark .miz-masthead__title-link:hover {
        --masthead-title-font-color: rgb(253, 184, 25);
    }
    .miz-masthead--small {
        --masthead-padding: 0.5rem 0 0.5rem;
        --masthead-title-font-size: 1.44rem;
        --masthead-title-font-weight: 400;
        --masthead-subtitle-font-size: medium;
        --masthead-subtitle-font-weight: 400;
    }
    @media (min-width: 768px) {
        .miz-masthead--small {
            --masthead-padding: 1rem 0 1rem;
            --masthead-title-font-size: 2.074rem;
            --masthead-title-font-weight: 300;
            --masthead-subtitle-font-size: 1.2rem;
            --masthead-subtitle-font-weight: 400;
        }
    }
    .miz-masthead--large {
        --masthead-padding: 1.5rem 0 1.5rem;
        --masthead-title-font-size: 2.074rem;
        --masthead-title-font-weight: 400;
        --masthead-subtitle-font-size: 1.2rem;
        --masthead-subtitle-font-weight: 400;
        --masthead-subtitle-margin-top: 1rem;
    }
    @media (min-width: 768px) {
        .miz-masthead--large {
            --masthead-padding: 2rem 0 2rem;
            --masthead-title-font-size: 2.986rem;
            --masthead-title-font-weight: 300;
            --masthead-subtitle-font-size: 1.728rem;
            --masthead-subtitle-font-weight: 400;
        }
    }
    .miz-masthead--compact {
        --masthead-spacing: 1rem 0 1rem;
        --masthead-title-font-size: 1.728rem;
        --masthead-title-font-weight: 600;
        --masthead-title-font-stretch: 75%;
        --masthead-subtitle-font-size: 1.2rem;
        --masthead-subtitle-font-weight: 400;
        --masthead-subtitle-font-stretch: 87.5%;
    }
    .miz-masthead--compact:where(.miz-masthead--small) {
        --masthead-spacing: 0.5rem 0 0.5rem;
        --masthead-title-font-size: 1.44rem;
        --masthead-title-font-weight: 600;
        --masthead-title-font-stretch: 75%;
        --masthead-subtitle-font-size: medium;
        --masthead-subtitle-font-weight: 400;
        --masthead-subtitle-font-stretch: 87.5%;
    }
    .miz-masthead--compact:where(.miz-masthead--large) {
        --masthead-spacing: 1.5rem 0 1.5rem;
        --masthead-title-font-size: 2.074rem;
        --masthead-title-font-weight: 600;
        --masthead-title-font-stretch: 75%;
        --masthead-subtitle-font-size: 1.2rem;
        --masthead-subtitle-font-weight: 500;
        --masthead-subtitle-font-stretch: 87.5%;
    }
    @media (min-width: 768px) {
        .miz-masthead--compact {
            --masthead-spacing: 1rem 0 1rem;
            --masthead-title-font-size: 2.488rem;
            --masthead-title-font-weight: 600;
            --masthead-title-font-stretch: 75%;
            --masthead-subtitle-font-size: 1.44rem;
            --masthead-subtitle-font-weight: 400;
            --masthead-subtitle-font-stretch: 87.5%;
        }
        .miz-masthead--compact:where(.miz-masthead--small) {
            --masthead-spacing: 0.5rem 0 0.5rem;
            --masthead-title-font-size: 2.074rem;
            --masthead-title-font-weight: 600;
            --masthead-title-font-stretch: 75%;
            --masthead-subtitle-font-size: 1.2rem;
            --masthead-subtitle-font-weight: 400;
            --masthead-subtitle-font-stretch: 87.5%;
        }
        .miz-masthead--compact:where(.miz-masthead--large) {
            --masthead-spacing: 1.5rem 0 1.5rem;
            --masthead-title-font-size: 2.986rem;
            --masthead-title-font-weight: 600;
            --masthead-title-font-stretch: 75%;
            --masthead-subtitle-font-size: 1.728rem;
            --masthead-subtitle-font-weight: 400;
            --masthead-subtitle-font-stretch: 87.5%;
        }
    }
    .miz-masthead--inline {
        display: inline-block;
    }
}
.miz-signature {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(clamp(26px, 10vw, 34px) / 3);
    min-width: calc(204px + 34px / 3);
    padding: calc(clamp(26px, 10vw, 34px) / 3);
}
.miz-signature > * {
    position: relative;
    display: inline-flex;
    flex: 0 1 content;
}
.miz-signature__logo {
    display: block;
    width: clamp(26px, 10vw, 34px);
    padding: 0;
    margin: 0;
    pointer-events: none;
}
.miz-signature__wordmark {
    display: inline-flex;
    width: 215.9px;
    height: clamp(17.16px, 7vw, 25.1328px);
    fill: rgb(0, 0, 0);
    pointer-events: none;
}
.miz-signature--small {
    gap: calc(clamp(26px, 10vw, 26px) / 3);
    padding: calc(clamp(26px, 10vw, 26px) / 3);
}
.miz-signature--small .miz-signature__logo {
    width: clamp(26px, 10vw, 26px);
}
.miz-signature--small .miz-signature__wordmark {
    width: calc(clamp(26px, 10vw, 26px) * 6.35);
    height: clamp(17.16px, 7vw, 19.2192px);
}
.miz-signature--medium {
    gap: calc(clamp(26px, 10vw, 34px) / 3);
    padding: calc(clamp(26px, 10vw, 34px) / 3);
}
.miz-signature--medium .miz-signature__logo {
    width: clamp(26px, 10vw, 34px);
}
.miz-signature--medium .miz-signature__wordmark {
    width: calc(clamp(26px, 10vw, 34px) * 6.35);
    height: clamp(17.16px, 7vw, 25.1328px);
}
.miz-signature--large {
    gap: calc(clamp(26px, 10vw, 50px) / 3);
    padding: calc(clamp(26px, 10vw, 50px) / 3);
}
.miz-signature--large .miz-signature__logo {
    width: clamp(26px, 10vw, 50px);
}
.miz-signature--large .miz-signature__wordmark {
    width: calc(clamp(26px, 10vw, 50px) * 6.35);
    height: clamp(17.16px, 7vw, 36.96px);
}
.miz-signature--xlarge {
    gap: calc(clamp(26px, 10vw, 74px) / 3);
    padding: calc(clamp(26px, 10vw, 74px) / 3);
}
.miz-signature--xlarge .miz-signature__logo {
    width: clamp(26px, 10vw, 74px);
}
.miz-signature--xlarge .miz-signature__wordmark {
    width: calc(clamp(26px, 10vw, 74px) * 6.35);
    height: clamp(17.16px, 7vw, 54.7008px);
}
.miz-signature--reverse .miz-signature__wordmark {
    fill: rgb(255, 255, 255);
}
@layer component {
    .miz-ribbon {
        --ribbon-width: 100%;
        --ribbon-max-width: 100%;
        --ribbon-content-max-width: 1600px;
        --ribbon-text-color: rgb(255, 255, 255);
        --ribbon-bg-color: rgb(0, 0, 0);
        --ribbon-fill-color: rgb(255, 255, 255);
        --ribbon-link-color: rgb(253, 184, 25);
        --ribbon-min-padding-right: 16px;
        --ribbon-min-padding-left: 16px;
        position: relative;
        background-color: var(--ribbon-bg-color);
        padding: 1rem 1rem 1rem 1rem;
        min-height: 16px;
        width: var(--ribbon-width);
        max-width: var(--ribbon-max-width);
        padding-right: max(
            var(--ribbon-min-padding-right),
            (var(--ribbon-width) - var(--ribbon-content-max-width)) / 2
        );
        padding-left: max(var(--ribbon-min-padding-left), (var(--ribbon-width) - var(--ribbon-content-max-width)) / 2);
        margin-right: auto;
        margin-left: auto;
    }
    .miz-ribbon > * {
        margin-bottom: 0;
    }
    .miz-ribbon > * + * {
        margin-top: 1rem;
    }
    .miz-ribbon__signature {
        flex: 1 0 100%;
    }
    .miz-ribbon__tactical {
        display: none;
    }
    .miz-ribbon__tactical-button {
        position: absolute;
        top: 0;
        right: 0;
        fill: var(--ribbon-fill-color);
    }
    .miz-ribbon__link-list {
        --link-list-link-color: rgb(253, 184, 25);
        --link-list-link-color-hover: rgb(253, 184, 25);
        --link-list-link-text-decoration: none;
        --link-list-link-text-decoration-hover: underline;
        align-items: center;
        list-style: none;
        padding: 0;
    }
    .miz-ribbon__search {
        display: flex;
    }
    .miz-ribbon--gold {
        --ribbon-bg-color: rgb(253, 184, 25);
        --ribbon-fill-color: rgb(0, 0, 0);
        --ribbon-link-color: rgb(0, 0, 0);
    }
    .miz-ribbon--gold .miz-ribbon__link-list {
        --link-list-link-color: rgb(0, 0, 0);
        --link-list-link-color-hover: rgb(0, 0, 0);
    }
    @media (min-width: 768px) {
        .miz-ribbon {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        .miz-ribbon > * {
            flex: 0 1 auto;
            margin: 0;
        }
        .miz-ribbon__signature {
            align-self: flex-start;
            margin-right: auto;
        }
        .miz-ribbon__tactical {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        .miz-ribbon__tactical-button {
            display: none !important;
        }
        .miz-ribbon__search {
            flex: 0 1 auto;
        }
    }
}
@layer component {
    .miz-button {
        --button-padding: 1rem;
        --button-border-width: 1px;
        --button-border-style: solid;
        --button-border-color: transparent;
        --button-border-radius: 0;
        --button-background-color: transparent;
        --button-font-color: rgb(0, 0, 0);
        --button-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --button-font-size: medium;
        --button-font-weight: 400;
        --button-line-height: 1.5;
        --button-text-transform: none;
        --button-transition: all 0.1s ease-in-out 0s;
        display: inline-block;
        padding: var(--button-padding);
        border-width: var(--button-border-width);
        border-style: var(--button-border-style);
        border-color: var(--button-border-color);
        border-radius: var(--button-border-radius);
        background-color: var(--button-background-color);
        color: var(--button-font-color);
        font-family: var(--button-font-family);
        font-size: var(--button-font-size);
        font-weight: var(--button-font-weight);
        line-height: var(--button-line-height);
        text-transform: var(--button-text-transform);
        transition: var(--button-transition);
        white-space: nowrap;
        cursor: pointer;
        line-height: 1.3;
    }
    .miz-button::before,
    .miz-button::after {
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
    .miz-button::before {
        margin-bottom: calc(-0.30625em + 0px);
    }
    .miz-button::after {
        margin-top: calc(-0.275em + 0px);
    }
    .miz-button:focus-visible {
        transition: outline 0s;
        outline: 4px solid rgb(253, 184, 25);
        outline-offset: 0.25rem;
        background-color: auto;
    }
    .miz-button:hover {
        --button-background-color: transparent;
        --button-border-color: transparent;
    }
    .miz-button:active {
        --button-background-color: transparent;
        --button-border-color: transparent;
    }
    .miz-button--primary {
        --button-background-color: rgb(253, 184, 25);
        --button-border-color: rgb(253, 184, 25);
    }
    .miz-button--primary:hover {
        --button-background-color: rgb(255, 209, 125);
        --button-border-color: rgb(253, 184, 25);
    }
    .miz-button--primary:active {
        --button-background-color: rgb(255, 223, 165);
        --button-border-color: rgb(255, 223, 165);
    }
    .miz-button--primary.miz-button--muted,
    .miz-button--primary.miz-button--light {
        --button-background-color: rgb(255, 237, 207);
        --button-border-color: rgb(255, 223, 165);
    }
    .miz-button--primary.miz-button--muted:hover,
    .miz-button--primary.miz-button--light:hover {
        --button-background-color: rgb(255, 223, 165);
        --button-border-color: rgb(253, 184, 25);
    }
    .miz-button--primary.miz-button--muted:active,
    .miz-button--primary.miz-button--light:active {
        --button-background-color: rgb(255, 237, 207);
        --button-border-color: rgb(255, 237, 207);
    }
    .miz-button--primary.miz-button--ghost {
        --button-background-color: transparent;
        --button-font-color: rgb(253, 184, 25);
        --button-border-color: rgb(253, 184, 25);
    }
    .miz-button--primary.miz-button--ghost:hover {
        --button-background-color: rgb(from rgb(253, 184, 25) r g b / 10%);
        --button-border-color: rgb(253, 184, 25);
    }
    .miz-button--primary.miz-button--ghost:active {
        --button-background-color: rgb(from rgb(253, 184, 25) r g b / 30%);
        --button-border-color: rgb(253, 184, 25);
    }
    .miz-button--secondary {
        --button-background-color: rgb(0, 0, 0);
        --button-border-color: rgb(70, 70, 70);
        --button-font-color: rgb(255, 255, 255);
    }
    .miz-button--secondary:hover {
        --button-background-color: rgb(70, 70, 70);
    }
    .miz-button--secondary:active {
        --button-background-color: rgb(96, 96, 96);
        --button-border-color: rgb(96, 96, 96);
    }
    .miz-button--secondary.miz-button--muted,
    .miz-button--secondary.miz-button--light {
        --button-background-color: #e5e5e5;
        --button-border-color: rgb(212, 212, 212);
        --button-font-color: rgb(0, 0, 0);
    }
    .miz-button--secondary.miz-button--muted:hover,
    .miz-button--secondary.miz-button--light:hover {
        --button-background-color: rgb(212, 212, 212);
        --button-border-color: rgb(152, 152, 152);
    }
    .miz-button--secondary.miz-button--muted:active,
    .miz-button--secondary.miz-button--light:active {
        --button-background-color: #e5e5e5;
        --button-border-color: rgb(212, 212, 212);
    }
    .miz-button--secondary.miz-button--ghost {
        --button-background-color: transparent;
        --button-border-color: rgb(255, 255, 255);
    }
    .miz-button--secondary.miz-button--ghost:hover {
        --button-background-color: rgb(from rgb(255, 255, 255) r g b / 10%);
    }
    .miz-button--secondary.miz-button--ghost:active {
        --button-background-color: rgb(from rgb(255, 255, 255) r g b / 20%);
    }
    .miz-button--small {
        --button-padding: 0.5rem 0.5rem 0.5rem 0.5rem;
        --button-font-size: 0.833rem;
    }
    .miz-button--large {
        --button-padding: 1rem 1.5rem 1rem 1.5rem;
        --button-font-size: 1.2rem;
    }
}
.miz-button__icon {
    margin-top: -5px;
    margin-bottom: -2px;
}
.miz-button__icon:first-child {
    margin-right: 8px;
    margin-left: -4px;
}
.miz-button__icon:last-child {
    margin-right: -4px;
    margin-left: 8px;
}
.miz-button__icon:only-child {
    margin: 0 -4px;
}
@layer component {
    .mizzou-modal {
        position: fixed;
        padding: 0;
        width: 100%;
        border: 0;
        background-color: rgb(0, 0, 0);
        text-align: right;
    }
    .mizzou-modal::backdrop {
        background: rgba(0, 0, 0, 0.7);
    }
    @media (min-width: 768px) {
        .mizzou-modal {
            width: 50%;
        }
    }
}
@layer component {
    .mizzou-modal__button {
        aspect-ratio: 1;
    }
    .mizzou-modal__button--center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@layer component {
    .mizzou-modal__play-button {
        border-radius: 50%;
    }
}
@layer component {
    .mizzou-modal__close-button {
        --button-border-width: 0;
        color: rgb(255, 255, 255);
    }
    .mizzou-modal__close-button:hover {
        color: rgb(152, 152, 152);
    }
}
@layer component {
    .mizzou-modal__iframe:is(iframe) {
        display: block;
        width: 100%;
        aspect-ratio: 16/9;
        border: 0;
    }
}
@layer component {
    .miz-page-header {
        --page-header-background-color: transparent;
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-space-padding: 1.25rem 0;
        --page-header-title-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --page-header-title-font-size: 2.488rem;
        --page-header-title-font-stretch: 75%;
        --page-header-title-font-weight: 600;
        --component-mode-link-color: var(--page-header-text-color);
        --component-mode-text-color: var(--page-header-text-color);
        container: page-header/inline-size;
        position: relative;
        padding: var(--page-header-space-padding);
        background-color: var(--page-header-background-color);
        color: var(--page-header-text-color);
    }
    .miz-page-header ::selection {
        color: var(--page-header-text-color-selection);
        background-color: var(--page-header-text-background-color-selection);
    }
    .miz-page-header > * + * {
        margin-top: 1rem;
    }
}
@layer component {
    .miz-page-header__title {
        font-family: var(--page-header-title-font-family);
        font-size: var(--page-header-title-font-size);
        font-weight: var(--page-header-title-font-weight);
        font-stretch: var(--page-header-title-font-stretch);
    }
}
@layer modifier {
    .miz-page-header--light {
        --page-header-background-color: rgb(255, 255, 255);
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(0, 0, 0);
        --page-header-link-color-hover: rgb(0, 0, 0);
    }
    .miz-page-header--dark {
        --page-header-background-color: rgb(31, 31, 31);
        --page-header-text-color: rgb(255, 255, 255);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(255, 255, 255);
        --page-header-link-color-hover: rgb(255, 255, 255);
    }
}
@layer modifier {
    .miz-page-header--on-light {
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(0, 0, 0);
        --page-header-link-color-hover: rgb(0, 0, 0);
    }
    .miz-page-header--on-dark {
        --page-header-text-color: rgb(255, 255, 255);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(255, 255, 255);
        --page-header-link-color-hover: rgb(255, 255, 255);
    }
    .miz-page-header--on-gold {
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 237, 207);
        --page-header-link-color: rgb(0, 0, 0);
        --page-header-link-color-hover: rgb(0, 0, 0);
    }
}
@layer modifier {
    .miz-page-header--small {
        --page-header-space-padding: 0.5rem 0;
        --page-header-title-font-size: 2.074rem;
    }
    .miz-page-header--large {
        --page-header-space-padding: 1.5rem 0;
        --page-header-title-font-size: 2.986rem;
    }
    .miz-page-header--xlarge {
        --page-header-space-padding: 2rem 0;
        --page-header-title-font-size: 3.583rem;
    }
}
@layer utility {
    .miz-background-overlay,
    .miz-background-gel--dark-gold,
    .miz-background-gel--gold,
    .miz-background-gel--light,
    .miz-background-gel--dark {
        position: relative;
    }
    .miz-background-overlay::before,
    .miz-background-gel--dark-gold::before,
    .miz-background-gel--gold::before,
    .miz-background-gel--light::before,
    .miz-background-gel--dark::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
@layer utility {
    .miz-background-gel--dark::before {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    }
}
@layer utility {
    .miz-background-gel--light::before {
        background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
    }
}
@layer utility {
    .miz-background-gel--gold::before {
        background: linear-gradient(rgba(253, 184, 25, 0.85), rgba(253, 184, 25, 0.85));
    }
}
@layer utility {
    .miz-background-gel--dark-gold::before {
        background: linear-gradient(rgba(253, 184, 25, 0.6), rgba(253, 184, 25, 0.6));
    }
}
@layer component {
    .miz-page-header {
        --page-header-background-color: transparent;
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-space-padding: 1.25rem 0;
        --page-header-title-font-family: Open Sans, Segoe UI, tahoma, sans-serif;
        --page-header-title-font-size: 2.488rem;
        --page-header-title-font-stretch: 75%;
        --page-header-title-font-weight: 600;
        --component-mode-link-color: var(--page-header-text-color);
        --component-mode-text-color: var(--page-header-text-color);
        container: page-header/inline-size;
        position: relative;
        padding: var(--page-header-space-padding);
        background-color: var(--page-header-background-color);
        color: var(--page-header-text-color);
    }
    .miz-page-header ::selection {
        color: var(--page-header-text-color-selection);
        background-color: var(--page-header-text-background-color-selection);
    }
    .miz-page-header > * + * {
        margin-top: 1rem;
    }
}
@layer component {
    .miz-page-header__title {
        font-family: var(--page-header-title-font-family);
        font-size: var(--page-header-title-font-size);
        font-weight: var(--page-header-title-font-weight);
        font-stretch: var(--page-header-title-font-stretch);
    }
}
@layer modifier {
    .miz-page-header--light {
        --page-header-background-color: rgb(255, 255, 255);
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(0, 0, 0);
        --page-header-link-color-hover: rgb(0, 0, 0);
    }
    .miz-page-header--dark {
        --page-header-background-color: rgb(31, 31, 31);
        --page-header-text-color: rgb(255, 255, 255);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(255, 255, 255);
        --page-header-link-color-hover: rgb(255, 255, 255);
    }
}
@layer modifier {
    .miz-page-header--on-light {
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(0, 0, 0);
        --page-header-link-color-hover: rgb(0, 0, 0);
    }
    .miz-page-header--on-dark {
        --page-header-text-color: rgb(255, 255, 255);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(255, 255, 255);
        --page-header-link-color-hover: rgb(255, 255, 255);
    }
    .miz-page-header--on-gold {
        --page-header-text-color: rgb(0, 0, 0);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 237, 207);
        --page-header-link-color: rgb(0, 0, 0);
        --page-header-link-color-hover: rgb(0, 0, 0);
    }
}
@layer modifier {
    .miz-page-header--small {
        --page-header-space-padding: 0.5rem 0;
        --page-header-title-font-size: 2.074rem;
    }
    .miz-page-header--large {
        --page-header-space-padding: 1.5rem 0;
        --page-header-title-font-size: 2.986rem;
    }
    .miz-page-header--xlarge {
        --page-header-space-padding: 2rem 0;
        --page-header-title-font-size: 3.583rem;
    }
}
@layer component {
    .mizzou-page-header-hero {
        --page-header-text-color: rgb(255, 255, 255);
        --page-header-text-color-selection: rgb(0, 0, 0);
        --page-header-text-background-color-selection: rgb(255, 209, 125);
        --page-header-link-color: rgb(255, 255, 255);
        --page-header-link-color-hover: rgb(255, 255, 255);
        --page-header-space-padding: 0;
        --page-header-title-font-family: Manuka;
        --page-header-title-font-size: 3.583rem;
        --page-header-title-font-stretch: normal;
        --page-header-min-h: 18rem;
        --page-header-max-h: 60dvh;
        --page-header-vh-portrait: 90dvh;
        --page-header-vh-landscape: 80dvh;
        --page-header-vh-tall-portrait: 60dvh;
        position: relative;
        z-index: 0;
        width: 100%;
        aspect-ratio: 16/9;
        max-height: var(--page-header-max-h);
        grid-template-rows: [top-start] minmax(min-content, 0) [top-end main-start] minmax(min-content, 0) minmax(
                min-content,
                auto
            ) minmax(min-content, 0) [main-end bottom-start] minmax(min-content, 0) [bottom-end];
        align-items: end;
        margin-bottom: 64px;
        overflow: visible;
    }
    @media (max-width: 767.98px) {
        .mizzou-page-header-hero {
            height: clamp(var(--page-header-min-h), var(--page-header-vh-portrait), var(--page-header-max-h));
        }
    }
    @media (width <= 812px) and (orientation: landscape) {
        .mizzou-page-header-hero {
            --page-header-max-h: 56rem;
            height: clamp(var(--page-header-min-h), var(--page-header-vh-landscape), var(--page-header-max-h));
        }
    }
    @media (orientation: portrait) and (aspect-ratio <= 10/16) and (height >= 700px) {
        .mizzou-page-header-hero {
            height: clamp(var(--page-header-min-h), var(--page-header-vh-tall-portrait), var(--page-header-max-h));
        }
    }
    @media (min-width: 768px) {
        .mizzou-page-header-hero {
            --page-header-title-font-size: 5.16rem;
        }
    }
    @media (min-width: 1280px) {
        .mizzou-page-header-hero {
            --page-header-title-font-size: 6.192rem;
        }
    }
}
@layer component {
    .miz-page-header-hero__body {
        position: relative;
        display: grid;
        grid-column: full;
        grid-row: body;
        grid-template-columns: subgrid;
        align-items: end;
        background-color: rgb(0, 0, 0);
        padding-bottom: 16px;
    }
    .miz-page-header-hero__body > * {
        grid-column: main;
    }
}
@layer component {
    .mizzou-page-header-hero__title {
        line-height: 0.9;
    }
    .mizzou-page-header-hero__title::before,
    .mizzou-page-header-hero__title::after {
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
    .mizzou-page-header-hero__title::before {
        margin-bottom: calc(-0.0872174156em + 0px);
    }
    .mizzou-page-header-hero__title::after {
        margin-top: calc(-0.0697739325em + 0px);
    }
    .mizzou-page-header-hero__title {
        padding: 2rem 2rem 1rem 2rem;
        width: fit-content;
        color: rgb(253, 184, 25);
        background-color: rgb(0, 0, 0);
    }
    @media (min-width: 768px) {
        .mizzou-page-header-hero__title {
            position: absolute;
            bottom: 100%;
        }
    }
}
@layer component {
    .mizzou-page-header-hero__intro {
        padding: 2rem;
        background-color: rgb(0, 0, 0);
        font-family: "Martina Plantijn";
        font-size: medium;
    }
    @media (min-width: 1024px) {
        .mizzou-page-header-hero__intro {
            grid-column-end: 8;
            font-size: 1.44rem;
            max-width: 75%;
        }
    }
}
@layer component {
    .mizzou-page-header-hero .miz-breadcrumbs {
        display: block;
        padding: 1rem 2rem 0;
    }
    @media (min-width: 1024px) {
        .mizzou-page-header-hero .miz-breadcrumbs {
            padding: 2rem 2rem 0;
        }
    }
}
@layer component {
    .mizzou-page-header-hero__background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -100;
        margin: 0;
    }
    .mizzou-page-header-hero__background > * {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -100;
        margin: 0;
    }
    @media (min-width: 1024px) {
        .mizzou-page-header-hero__background {
            grid-column: full;
            aspect-ratio: 16/9;
        }
    }
}