:root {
    --mvk-green: #a6d503;
    --mvk-green-ink: #a6d503;
    --mvk-orange: #ee7f01;
    --mvk-orange-ink: #ee7f01;

    --mvk-on-green: #fff;
    --mvk-on-orange: #fff;
}

:root {
    --cui-font-family: 'bpreplayregular', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;

    --cui-color-accent: var(--mvk-green-ink);
    --cui-color-on-accent: #fff;

    --cui-color: #4f4f4f;
    --cui-color-muted: #6e6e6e;

    --cui-color-surface-muted: #ededed;

    --cui-radius-2: 0.5rem;
    --cui-radius-3: 0.75rem;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
        --cui-color-accent: var(--mvk-green);
        --cui-color-on-accent: var(--mvk-on-green);
        --cui-color-surface-muted: #23261d;
    }
}

:root[data-theme='dark'] {
    --cui-color-accent: var(--mvk-green);
    --cui-color-on-accent: var(--mvk-on-green);
    --cui-color-surface-muted: #23261d;
}

.cui-prose :is(h1, h2, h3),
.cui-display {
    color: var(--cui-color-accent);
}

.mvk-tile {
    --cui-surface-bg: var(--mvk-green);
    --cui-surface-border: transparent;
    --cui-color: var(--mvk-on-green);
    --cui-color-muted: var(--mvk-on-green);
    --cui-color-accent: var(--mvk-on-green);

    background: var(--mvk-green);
    color: var(--mvk-on-green);
    border-radius: var(--cui-radius-2);
    padding: var(--cui-space-5);
}

.mvk-tile[data-tone='orange'] {
    --cui-surface-bg: var(--mvk-orange);
    --cui-color: var(--mvk-on-orange);
    --cui-color-muted: var(--mvk-on-orange);
    --cui-color-accent: var(--mvk-on-orange);

    background: var(--mvk-orange);
    color: var(--mvk-on-orange);
}

.mvk-tile :is(h1, h2, h3, h4, a) {
    color: inherit;
}

.mvk-slideshow > .cui-hero-bg {
    opacity: 0;
    transition: opacity 600ms ease;
}

.mvk-slideshow > .cui-hero-bg:first-child,
.mvk-slideshow > .cui-hero-bg[data-active] {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .mvk-slideshow > .cui-hero-bg {
        transition: none;
    }
}

.mvk-image-map {
    position: relative;
}

.mvk-image-map img {
    display: block;
    max-inline-size: 100%;
    block-size: auto;
}

.mvk-hotspot,
.mvk-marker {
    position: absolute;
    cursor: help;
}

.mvk-marker {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    margin: -0.75rem 0 0 -0.75rem;
    border-radius: 50%;
    background: var(--mvk-orange);
    border: 2px solid #fff;
    box-shadow: var(--cui-shadow-1);
}

.mvk-hotspot {
    border: 2px dashed var(--mvk-orange);
    border-radius: var(--cui-radius-1);
}

.mvk-crosslink {
    text-align: center;
    font-size: var(--cui-font-size-2);
    font-weight: var(--cui-font-weight-strong);
}

.mvk-hero-shortcuts {
    --cui-cluster-justify: center;

    margin-block-start: var(--cui-space-6);
    padding-inline-start: 0;
    list-style: none;
}

.mvk-hero-shortcuts a {
    display: block;
    padding: var(--cui-space-2) var(--cui-space-5);
    border-radius: var(--cui-radius-2);
    background: #fff;
    color: var(--mvk-orange-ink);
    font-weight: var(--cui-font-weight-strong);
    text-decoration: none;
    transition: background 200ms, color 200ms;
}

.mvk-hero-shortcuts a:hover,
.mvk-hero-shortcuts a:focus-visible {
    background: var(--mvk-orange);
    color: var(--mvk-on-orange);
}

.mvk-h2,
.mvk-h3 {
    color: var(--cui-color-accent);
    font-weight: var(--cui-font-weight-display);
    line-height: var(--cui-line-height-tight);
    text-wrap: balance;
    margin-block: 0;
}

.mvk-h2 {
    font-size: var(--cui-font-size-4);
}

.mvk-h3 {
    font-size: var(--cui-font-size-3);
}

.mvk-slideshow .cui-hero-inner {
    position: relative;
}

.mvk-slideshow {
    .cui-hero-bg:after {
        background: transparent;
    }
}

.mvk-slideshow .cui-hero-inner::before {
    content: '';
    position: absolute;
    inset: -2rem -2rem;
    z-index: -1;
    border-radius: var(--cui-radius-3);
}

.mvk-slideshow .cui-display {
    color: #fff;
    text-shadow: 0 2px 12px rgb(0 0 0 / 55%);
}

.mvk-slideshow .cui-lead,
.mvk-slideshow p {
    color: #fff;
    text-shadow: 0 1px 8px rgb(0 0 0 / 55%);
    font-weight: bold;
    font-size: 2.5rem;
}

.mvk-team .cui-person {
    --cui-person-photo-size: 8rem;
}

.mvk-h1 {
    color: var(--cui-color-accent);
    font-size: clamp(1.75rem, 1rem + 3.2vi, 4rem);
    font-weight: var(--cui-font-weight-display);
    line-height: var(--cui-line-height-tight);
    text-wrap: balance;
    margin-block: 0;
}

.mvk-slideshow {
    --cui-hero-min-block-size: min(60vb, 26rem);
}

cui-map {
    isolation: isolate;
    position: relative;
}

.mvk-form {
    max-inline-size: 42rem;
    --cui-stack-gap: var(--cui-space-7);
}

.mvk-form fieldset {
    display: grid;
    gap: var(--cui-space-5);
    margin: 0;
    padding: 0;
    border: 0;
    min-inline-size: 0;
}

.mvk-form legend {
    padding: 0;
    margin-block-end: var(--cui-space-2);
}

.mvk-form fieldset > p {
    margin: 0;
}

.mvk-field {
    display: grid;
    gap: var(--cui-space-2);
}


.mvk-choices-stack {
    display: grid;
    gap: var(--cui-space-2);
}


.mvk-field-pair {
    --cui-switcher-threshold: 30rem;
    --cui-switcher-gap: var(--cui-space-4);
}

.mvk-field-pair > .mvk-field-short {
    flex-grow: 0.5;
}

:root[data-theme='light'] {
    color-scheme: light;
}

:root[data-theme='dark'] {
    color-scheme: dark;
}

.mvk-rail-spacer {
    display: none;
}

@container (width >= 60rem) {
    .mvk-rail-spacer {
        display: block;
    }
}

@media (width >= 48rem) and (width < 64rem) {
    .cui-navbar-inner {
        display: grid;
    }

    .cui-navbar-toggle {
        display: inline-flex;
    }

    .cui-navbar:not([expanded]) .cui-navbar-collapse {
        opacity: 0;
        visibility: hidden;
        grid-template-rows: 0fr;
        transform: translateY(calc(var(--cui-navbar-animation-distance, 0.25rem) * -1));
    }

    .cui-navbar-collapse {
        flex: none;
        min-inline-size: auto;
        display: grid;
        overflow: hidden;
        transition: grid-template-rows var(--cui-navbar-animation-duration, 0.22s) var(--cui-navbar-animation-easing, cubic-bezier(0.2, 0, 0, 1)),
        opacity var(--cui-navbar-animation-duration, 0.22s) var(--cui-navbar-animation-easing, cubic-bezier(0.2, 0, 0, 1)),
        transform var(--cui-navbar-animation-duration, 0.22s) var(--cui-navbar-animation-easing, cubic-bezier(0.2, 0, 0, 1)),
        visibility var(--cui-navbar-animation-duration, 0.22s) var(--cui-navbar-animation-easing, cubic-bezier(0.2, 0, 0, 1));
    }

    .cui-navbar-collapse-panel {
        gap: var(--cui-space-3, 0.75rem);
        padding-block: var(--cui-space-3, 0.75rem) var(--cui-space-2, 0.5rem);
        flex: none;
        min-inline-size: auto;
        justify-content: normal;
        align-items: normal;
        display: grid;
        overflow: hidden;
    }

    .cui-navbar-nav,
    .cui-navbar-actions {
        flex-direction: column;
        align-items: stretch;
    }


    .cui-navbar .cui-dropdown-toggle {
        inline-size: 100%;
    }

    .cui-navbar .cui-dropdown-menu {
        position: static;
        z-index: auto;
        inset: auto;
    }
}

@container (width < 60rem) {
    .cui-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .cui-sidebar > nav {
        display: none;
    }
}

.mvk-h1,
.mvk-h2,
.mvk-h3,
.cui-display {
    hyphens: auto;
    overflow-wrap: break-word;
}

.cui-sidebar > .cui-stack > * {
    min-inline-size: 0;
}