@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Faculty+Glyphic&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #28254F;
            --tw-gradient-via: #28254F;
            --tw-gradient-to: #28254F;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-outline-style: solid
        }
    }
}

@layer theme {

    :host,
    :root {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --spacing: .25rem;
        --blur-sm: 0.5rem;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-roc-grotesk: "Faculty Glyphic", serif;
        --font-azeret-mono: "Bricolage Grotesque", sans-serif;
        --color-core-black: #28254F;
        --color-rich-carbon: #002147;
        --color-urban-smoke: #28254F;
        --color-pulse-ash: #535353;
        --color-black-menu: #000000;
        --color-off-white: #e7e7e7;
        --color-neural-fog: #cfcfcf;
        --color-white-flash: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
        --color-electric-teal: #5c939f;
        --color-infrared: #A50021;
        --color-validation-green-dark: #00b11b;
        --color-validation-red: #A50021;
        --animate-glitch-hover: glitch-hover .3s linear
    }
}

@layer base {

    *,
    ::backdrop,
    :after,
    :before {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        border: 0 solid;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    :host,
    html {
        -webkit-text-size-adjust: 100%;
        font-feature-settings: var(--default-font-feature-settings, normal);
        -webkit-tap-highlight-color: transparent;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-variation-settings: var(--default-font-variation-settings, normal);
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4
    }

    hr {
        border-top-width: .063rem;
        color: inherit;
        height: 0
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    pre,
    samp {
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-size: 1em;
        font-variation-settings: var(--default-mono-font-variation-settings, normal)
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        border-collapse: collapse;
        border-color: inherit;
        text-indent: 0
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    menu,
    ol,
    ul {
        list-style: none
    }

    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        display: block;
        vertical-align: middle
    }

    img,
    video {
        height: auto;
        max-width: 100%
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-feature-settings: inherit;
        background-color: #0000;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1
    }

    ::file-selector-button {
        font-feature-settings: inherit;
        background-color: #0000;
        border-radius: 0;
        color: inherit;
        font: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        opacity: 1
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 1.25rem
    }

    ::file-selector-button {
        margin-inline-end: .25rem
    }

    ::-moz-placeholder {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
        ::-moz-placeholder {
            color: currentColor
        }

        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::-moz-placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }

            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    :root {
        --easing: cubic-bezier(.62, .16, .13, 1.01);
        --header-height: 4rem
    }

    @media (min-width:64rem) {
        :root {
            --header-height: 5rem
        }
    }

    html {
        padding-right: 0 !important;
        scrollbar-gutter: stable !important
    }

    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    ::-webkit-scrollbar {
        width: .5rem
    }

    ::-webkit-scrollbar-track {
        background: var(--color-rich-carbon)
    }

    ::-webkit-scrollbar-thumb {
        background: var(--color-neural-fog);
        border-radius: .75rem
    }

    [x-cloak] {
        opacity: 0;
        visibility: hidden
    }

    [x-cloak=hidden] {
        display: none
    }
}

@layer components {
    button {
        cursor: pointer
    }

    @media (pointer:fine) and (min-width:48rem) {

        [data-view-cursor-target],
        [data-view-cursor-target] button {
            cursor: pointer !important
        }
    }

    .corner-accent {
        position: absolute
    }

    .corner-accent:first-of-type {
        left: var(--inset, 0);
        top: var(--inset, 0)
    }

    .corner-accent:nth-of-type(2) {
        right: var(--inset, 0);
        top: var(--inset, 0);
        transform: rotate(90deg)
    }

    .corner-accent:nth-of-type(3) {
        bottom: var(--inset, 0);
        left: var(--inset, 0);
        transform: rotate(270deg)
    }

    .corner-accent:nth-of-type(4) {
        bottom: var(--inset, 0);
        right: var(--inset, 0);
        transform: rotate(180deg)
    }

    .button {
        touch-action: manipulation
    }

    .button.-arrow {
        align-items: center;
        border-radius: .25rem;
        display: flex;
        height: 1.875rem;
        justify-content: center;
        width: 1.875rem
    }

    .button.-arrow,
    .button.-arrow.-light {
        background-color: var(--color-off-white);
        color: var(--color-rich-carbon)
    }

    .button.-arrow.-dark {
        background-color: var(--color-urban-smoke);
        color: var(--color-off-white)
    }

    .button.-arrow.-large {
        height: 2.375rem;
        width: 2.375rem
    }

    .button.-arrow:disabled {
        cursor: not-allowed;
        opacity: .5
    }

    .box-link:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .skip-link {
        background: #000;
        border-radius: .5rem;
        color: #fff;
        font-weight: 700;
        left: 50%;
        padding: .75rem .5rem;
        position: absolute;
        transform: translate(-50%);
        z-index: 20
    }

    .skip-link:not(:focus) {
        border-width: 0;
        clip-path: inset(50%);
        height: .063rem;
        margin: -.063rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: .063rem
    }
}

@layer utilities {
    .\@container {
        container-type: inline-size
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .pointer-events-none {
        pointer-events: none
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        border-width: 0;
        clip-path: inset(50%);
        height: .063rem;
        margin: -.063rem;
        overflow: hidden;
        padding: 0;
        white-space: nowrap;
        width: .063rem
    }

    .absolute,
    .sr-only {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-1\/2 {
        top: 50%
    }

    .top-\[16px\] {
        top: 1rem
    }

    .top-full {
        top: 100%
    }

    .right-0 {
        right: calc(var(--spacing)*0)
    }

    .right-\[16px\] {
        right: 1rem
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-\[16px\] {
        bottom: 1rem
    }

    .bottom-\[30px\] {
        bottom: 1.875rem
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

    .left-1\/2 {
        left: 50%
    }

    .left-\[16px\] {
        left: 1rem
    }

    .isolate {
        isolation: isolate
    }

    .-z-1 {
        z-index: -1
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-10 {
        z-index: 10
    }

    .z-11 {
        z-index: 11
    }

    .z-50 {
        z-index: 50
    }

    .z-100 {
        z-index: 100
    }

    .z-1000 {
        z-index: 1000
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .col-span-12 {
        grid-column: span 12/span 12
    }

    .col-span-full {
        grid-column: 1/-1
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .container {
        margin-inline: auto;
        max-width: 160rem;
        padding-inline: .625rem;
        width: 100%
    }

    @media (min-width:64rem) {
        .container {
            padding-inline: 2.5rem
        }
    }

    .mx-\[-32px\] {
        margin-inline: -2rem
    }

    .mx-\[16px\] {
        margin-inline: 1rem
    }

    .mx-auto {
        margin-inline: auto
    }

    .my-\[24px\] {
        margin-block: 1.5rem
    }

    .-mt-\[0\.075ch\] {
        margin-top: -.075ch
    }

    .-mt-\[2px\] {
        margin-top: -.125rem
    }

    .-mt-\[3\.5px\] {
        margin-top: -.219rem
    }

    .-mt-\[20px\] {
        margin-top: -1.25rem
    }

    .-mt-px {
        margin-top: -.063rem
    }

    .mt-\[12px\] {
        margin-top: .75rem
    }

    .mt-\[16px\] {
        margin-top: 1rem
    }

    .mt-\[16x\] {
        margin-top: 16x
    }

    .mt-\[18px\] {
        margin-top: 1.125rem
    }

    .mt-\[20px\] {
        margin-top: 1.25rem
    }

    .mt-\[24px\] {
        margin-top: 1.5rem
    }

    .mt-\[32px\] {
        margin-top: 2rem
    }

    .mt-\[36px\] {
        margin-top: 2.25rem
    }

    .mt-\[44px\] {
        margin-top: 2.75rem
    }

    .mt-\[56px\] {
        margin-top: 3.5rem
    }

    .mt-\[64px\] {
        margin-top: 4rem
    }

    .mt-\[80px\] {
        margin-top: 5rem
    }

    .mt-\[120px\] {
        margin-top: 7.5rem
    }

    .mt-\[150px\] {
        margin-top: 9.375rem
    }

    .mt-auto {
        margin-top: auto
    }

    .mr-auto {
        margin-right: auto
    }

    .mb-\[20px\] {
        margin-bottom: 1.25rem
    }

    .mb-\[24px\] {
        margin-bottom: 1.5rem
    }

    .mb-\[32px\] {
        margin-bottom: 2rem
    }

    .mb-\[40px\] {
        margin-bottom: 2.5rem
    }

    .mb-\[56px\] {
        margin-bottom: 3.5rem
    }

    .mb-\[64px\] {
        margin-bottom: 4rem
    }

    .mb-\[80px\] {
        margin-bottom: 5rem
    }

    .mb-auto {
        margin-bottom: auto
    }

    .ml-auto {
        margin-left: auto
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline-flex {
        display: inline-flex
    }

    .aspect-3\/4 {
        aspect-ratio: 3/4
    }

    .aspect-\[0\.8\/1\] {
        aspect-ratio: .8
    }

    .aspect-\[1\.3\/1\] {
        aspect-ratio: 1.3
    }

    .aspect-\[355\/520\] {
        aspect-ratio: 355/520
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .size-\[8px\] {
        height: .5rem;
        width: .5rem
    }

    .size-\[9px\] {
        height: .563rem;
        width: .563rem
    }

    .size-\[10px\] {
        height: .625rem;
        width: .625rem
    }

    .size-\[14px\] {
        height: .875rem;
        width: .875rem
    }

    .size-\[16px\] {
        height: 1rem;
        width: 1rem
    }

    .size-\[18px\] {
        height: 1.125rem;
        width: 1.125rem
    }

    .size-\[20px\] {
        height: 1.25rem;
        width: 1.25rem
    }

    .size-\[25px\] {
        height: 1.563rem;
        width: 1.563rem
    }

    .size-\[32px\] {
        height: 2rem;
        width: 2rem
    }

    .size-\[34px\] {
        height: 2.125rem;
        width: 2.125rem
    }

    .size-\[40px\] {
        height: 2.5rem;
        width: 2.5rem
    }

    .size-\[48px\] {
        height: 3rem;
        width: 3rem
    }

    .size-\[56px\] {
        height: 3.5rem;
        width: 3.5rem
    }

    .size-\[80px\] {
        height: 5rem;
        width: 5rem
    }

    .size-\[100px\] {
        height: 6.25rem;
        width: 6.25rem
    }

    .size-full {
        height: 100%;
        width: 100%
    }

    .h-\(--header-height\) {
        height: var(--header-height)
    }

    .h-\[1\.5ch\] {
        height: 1.5ch
    }

    .h-\[30px\] {
        height: 1.875rem
    }

    .h-\[32px\] {
        height: 2rem
    }

    .h-\[34\.80cqw\] {
        height: 34.8cqw
    }

    .h-\[40px\] {
        height: 2.5rem
    }

    .h-\[60px\] {
        height: 3.75rem
    }

    .h-\[72px\] {
        height: 4.5rem
    }

    .h-\[100px\] {
        height: 6.25rem
    }

    .h-\[180px\] {
        height: 11.25rem
    }

    .h-\[calc\(100dvh-var\(--header-height\)\)\] {
        height: calc(100dvh - var(--header-height))
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: .063rem
    }

    .h-screen {
        height: 100vh
    }

    .max-h-\[290px\] {
        max-height: 18.125rem
    }

    .max-h-\[300px\] {
        max-height: 18.75rem
    }

    .max-h-\[500px\] {
        max-height: 31.25rem
    }

    .min-h-\[89\.60cqw\] {
        min-height: 89.6cqw
    }

    .min-h-\[300px\] {
        min-height: 18.75rem
    }

    .min-h-\[550px\] {
        min-height: 34.375rem
    }

    .min-h-\[600px\] {
        min-height: 37.5rem
    }

    .min-h-dvh {
        min-height: 100dvh
    }

    .w-\[4ch\] {
        width: 4ch
    }

    .w-\[30px\] {
        width: 1.875rem
    }

    .w-\[32px\] {
        width: 2rem
    }

    .w-\[50\.40cqw\] {
        width: 50.4cqw
    }

    .w-\[67\.20cqw\] {
        width: 67.2cqw
    }

    .w-\[120px\] {
        width: 7.5rem
    }

    .w-\[240px\]\! {
        width: 15rem !important
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .w-fit\! {
        width: -moz-fit-content !important;
        width: fit-content !important
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: .063rem
    }

    .max-w-\[64px\] {
        max-width: 4rem
    }

    .max-w-\[90px\] {
        max-width: 5.625rem
    }

    .max-w-\[102px\] {
        max-width: 6.375rem
    }

    .max-w-\[160px\] {
        max-width: 10rem
    }

    .max-w-\[200px\] {
        max-width: 12.5rem
    }

    .max-w-\[207px\] {
        max-width: 12.938rem
    }

    .max-w-\[260px\] {
        max-width: 16.25rem
    }

    .max-w-\[270px\] {
        max-width: 16.875rem
    }

    .max-w-\[273px\] {
        max-width: 17.063rem
    }

    .max-w-\[290px\] {
        max-width: 18.125rem
    }

    .max-w-\[305px\] {
        max-width: 19.063rem
    }

    .max-w-\[315px\] {
        max-width: 19.688rem
    }

    .max-w-\[322px\] {
        max-width: 20.125rem
    }

    .max-w-\[360px\] {
        max-width: 22.5rem
    }

    .max-w-\[430px\] {
        max-width: 26.875rem
    }

    .max-w-\[437px\] {
        max-width: 27.313rem
    }

    .max-w-\[438px\] {
        max-width: 27.375rem
    }

    .max-w-\[450px\] {
        max-width: 28.125rem
    }

    .max-w-\[500px\] {
        max-width: 31.25rem
    }

    .max-w-\[507px\] {
        max-width: 31.688rem
    }

    .max-w-\[525px\] {
        max-width: 32.813rem
    }

    .max-w-\[550px\] {
        max-width: 34.375rem
    }

    .max-w-\[553px\] {
        max-width: 34.563rem
    }

    .max-w-\[574px\] {
        max-width: 35.875rem
    }

    .max-w-\[604px\] {
        max-width: 37.75rem
    }

    .max-w-\[625px\] {
        max-width: 39.063rem
    }

    .max-w-\[666px\] {
        max-width: 41.625rem
    }

    .max-w-\[668px\] {
        max-width: 41.75rem
    }

    .max-w-\[700px\] {
        max-width: 43.75rem
    }

    .max-w-\[732px\] {
        max-width: 45.75rem
    }

    .max-w-\[784px\] {
        max-width: 49rem
    }

    .max-w-\[800px\] {
        max-width: 50rem
    }

    .max-w-\[860px\] {
        max-width: 53.75rem
    }

    .max-w-\[895px\] {
        max-width: 55.938rem
    }

    .max-w-\[896px\] {
        max-width: 56rem
    }

    .max-w-\[993px\] {
        max-width: 62.063rem
    }

    .max-w-\[1020px\] {
        max-width: 63.75rem
    }

    .max-w-\[1050px\] {
        max-width: 65.625rem
    }

    .max-w-\[1120px\] {
        max-width: 70rem
    }

    .max-w-\[1280px\] {
        max-width: 80rem
    }

    .max-w-\[1440px\] {
        max-width: 90rem
    }

    .max-w-full {
        max-width: 100%
    }

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .basis-0 {
        flex-basis: calc(var(--spacing)*0)
    }

    .origin-center {
        transform-origin: 50%
    }

    .origin-left {
        transform-origin: 0
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .-translate-x-1\/2,
    .-translate-x-\[5px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-\[5px\] {
        --tw-translate-x: -0.313rem
    }

    .-translate-x-\[20px\] {
        --tw-translate-x: -1.25rem
    }

    .-translate-x-\[20px\],
    .-translate-x-\[24px\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-\[24px\] {
        --tw-translate-x: -1.5rem
    }

    .-translate-x-\[33px\] {
        --tw-translate-x: -2.063rem
    }

    .-translate-x-\[33px\],
    .-translate-x-full {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-full {
        --tw-translate-x: -100%
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .-translate-y-1\/2,
    .-translate-y-full {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-full {
        --tw-translate-y: -100%
    }

    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%
    }

    .scale-100,
    .scale-200 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-200 {
        --tw-scale-x: 200%;
        --tw-scale-y: 200%;
        --tw-scale-z: 200%
    }

    .rotate-90 {
        rotate: 90deg
    }

    .cursor-none {
        cursor: none
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr
    }

    .grid-rows-\[auto_0fr\] {
        grid-template-rows: auto 0fr
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-start {
        justify-content: flex-start
    }

    .gap-\[1ch\] {
        gap: 1ch
    }

    .gap-\[3px\] {
        gap: .188rem
    }

    .gap-\[4px\] {
        gap: .25rem
    }

    .gap-\[6px\] {
        gap: .375rem
    }

    .gap-\[8px\] {
        gap: .5rem
    }

    .gap-\[10px\] {
        gap: .625rem
    }

    .gap-\[12px\] {
        gap: .75rem
    }

    .gap-\[15px\] {
        gap: .938rem
    }

    .gap-\[16px\] {
        gap: 1rem
    }

    .gap-\[20px\] {
        gap: 1.25rem
    }

    .gap-\[22px\] {
        gap: 1.375rem
    }

    .gap-\[24px\] {
        gap: 1.5rem
    }

    .gap-\[30px\] {
        gap: 1.875rem
    }

    .gap-\[32px\] {
        gap: 2rem
    }

    .gap-\[35px\] {
        gap: 2.188rem
    }

    .gap-\[40px\] {
        gap: 2.5rem
    }

    .gap-\[80px\] {
        gap: 5rem
    }

    :where(.space-y-\[8px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-end: calc(.5rem*(1 - var(--tw-space-y-reverse)));
        margin-block-start: calc(.5rem*var(--tw-space-y-reverse))
    }

    .gap-x-\[0\.3ch\] {
        -moz-column-gap: .3ch;
        column-gap: .3ch
    }

    .gap-x-\[16px\] {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .gap-x-\[24px\] {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .gap-y-\[20px\] {
        row-gap: 1.25rem
    }

    .gap-y-\[24px\] {
        row-gap: 1.5rem
    }

    .gap-y-\[32px\] {
        row-gap: 2rem
    }

    .gap-y-\[40px\] {
        row-gap: 2.5rem
    }

    .gap-y-\[60px\] {
        row-gap: 3.75rem
    }

    .gap-y-\[80px\] {
        row-gap: 5rem
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible\! {
        overflow: visible !important
    }

    .overflow-x-clip {
        overflow-x: clip
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .rounded-\[3px\] {
        border-radius: .188rem
    }

    .rounded-\[4px\] {
        border-radius: .25rem
    }

    .rounded-\[7px\] {
        border-radius: .438rem
    }

    .rounded-\[8px\] {
        border-radius: .5rem
    }

    .rounded-\[10px\] {
        border-radius: .625rem
    }

    .rounded-\[20px\] {
        border-radius: 1.25rem
    }

    .rounded-full {
        border-radius: 340.282375rem
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-t-\[20px\] {
        border-top-left-radius: 1.25rem;
        border-top-right-radius: 1.25rem
    }

    .rounded-b-\[20px\] {
        border-bottom-left-radius: 1.25rem;
        border-bottom-right-radius: 1.25rem
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: .063rem
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: .063rem
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: .063rem
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .063rem
    }

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: .063rem
    }

    .border-current {
        border-color: currentColor
    }

    .border-neural-fog {
        border-color: var(--color-neural-fog)
    }

    .border-off-white {
        border-color: var(--color-off-white)
    }

    .border-off-white\/20 {
        border-color: #e7e7e733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-off-white\/20 {
            border-color: color-mix(in oklab, var(--color-off-white)20%, transparent)
        }
    }

    .border-off-white\/40 {
        border-color: #e7e7e766
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-off-white\/40 {
            border-color: color-mix(in oklab, var(--color-off-white)40%, transparent)
        }
    }

    .border-rich-carbon\/20 {
        border-color: #1113
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-rich-carbon\/20 {
            border-color: color-mix(in oklab, var(--color-rich-carbon)20%, transparent)
        }
    }

    .border-rich-carbon\/40 {
        border-color: #1116
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-rich-carbon\/40 {
            border-color: color-mix(in oklab, var(--color-rich-carbon)40%, transparent)
        }
    }

    .border-transparent {
        border-color: #0000
    }

    .bg-core-black {
        background-color: var(--color-core-black)
    }

    .bg-current {
        background-color: currentColor
    }

    .bg-electric-teal {
        background-color: var(--color-electric-teal)
    }

    .bg-infrared {
        background-color: var(--color-infrared)
    }

    .bg-neural-fog {
        background-color: var(--color-neural-fog)
    }

    .bg-off-white {
        background-color: var(--color-off-white)
    }

    .bg-off-white\/5 {
        background-color: #28254F
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-off-white\/5 {
            background-color: color-mix(in oklab, var(--color-off-white)5%, transparent)
        }
    }

    .bg-off-white\/20 {
        background-color: #e7e7e733
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-off-white\/20 {
            background-color: color-mix(in oklab, var(--color-off-white)20%, transparent)
        }
    }

    .bg-off-white\/80 {
        background-color: #cfcfcf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-off-white\/80 {
            background-color: color-mix(in oklab, var(--color-off-white)80%, transparent)
        }
    }

    .bg-rich-carbon {
        background-color: var(--color-rich-carbon)
    }

    .bg-rich-carbon\/1 {
        background-color: #28254F
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-rich-carbon\/1 {
            background-color: color-mix(in oklab, var(--color-rich-carbon)1%, transparent)
        }
    }

    .bg-rich-carbon\/20 {
        background-color: #28254F
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-rich-carbon\/20 {
            background-color: color-mix(in oklab, var(--color-rich-carbon)20%, transparent)
        }
    }

    .bg-rich-carbon\/40 {
        background-color: #1116
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-rich-carbon\/40 {
            background-color: color-mix(in oklab, var(--color-rich-carbon)40%, transparent)
        }
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-urban-smoke {
        background-color: var(--color-urban-smoke)
    }

    .bg-linear-to-b {
        --tw-gradient-position: to bottom
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }

    .bg-linear-to-b {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-to-t {
        --tw-gradient-position: to top
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab
        }
    }

    .bg-linear-to-t {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .from-neural-fog {
        --tw-gradient-from: var(--color-neural-fog);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-off-white {
        --tw-gradient-from: var(--color-off-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-urban-smoke {
        --tw-gradient-from: var(--color-urban-smoke);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .via-transparent {
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-neural-fog {
        --tw-gradient-to: var(--color-neural-fog);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .bg-cover {
        background-size: cover
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .object-bottom {
        -o-object-position: bottom;
        object-position: bottom
    }

    .object-center {
        -o-object-position: center;
        object-position: center
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-\[12px\] {
        padding: .75rem
    }

    .p-\[20px\] {
        padding: 1.25rem
    }

    .p-\[24px\] {
        padding: 1.5rem
    }

    .p-\[32px\] {
        padding: 2rem
    }

    .px-0\! {
        padding-inline: calc(var(--spacing)*0) !important
    }

    .px-\[8px\] {
        padding-inline: .5rem
    }

    .px-\[10px\] {
        padding-inline: .625rem
    }

    .px-\[16px\] {
        padding-inline: 1rem
    }

    .px-\[20px\] {
        padding-inline: 1.25rem
    }

    .px-\[32px\] {
        padding-inline: 2rem
    }

    .px-\[40px\] {
        padding-inline: 2.5rem
    }

    .py-\(--header-height\) {
        padding-block: var(--header-height)
    }

    .py-\[3px\] {
        padding-block: .188rem
    }

    .py-\[4px\] {
        padding-block: .25rem
    }

    .py-\[10px\] {
        padding-block: .625rem
    }

    .py-\[12px\] {
        padding-block: .75rem
    }

    .py-\[24px\] {
        padding-block: 1.5rem
    }

    .py-\[32px\] {
        padding-block: 2rem
    }

    .py-\[40px\] {
        padding-block: 2.5rem
    }

    .py-\[56px\] {
        padding-block: 3.5rem
    }

    .py-\[64px\] {
        padding-block: 4rem
    }

    .py-\[80px\] {
        padding-block: 5rem
    }

    .py-\[100px\] {
        padding-block: 6.25rem
    }

    .py-\[120px\] {
        padding-block: 7.5rem
    }

    .pt-\(--header-height\) {
        padding-top: var(--header-height)
    }

    .pt-\[4px\] {
        padding-top: .25rem
    }

    .pt-\[12px\] {
        padding-top: .75rem
    }

    .pt-\[15px\] {
        padding-top: .938rem
    }

    .pt-\[16px\] {
        padding-top: 1rem
    }

    .pt-\[20px\] {
        padding-top: 1.25rem
    }

    .pt-\[24px\] {
        padding-top: 1.5rem
    }

    .pt-\[30px\] {
        padding-top: 1.875rem
    }

    .pt-\[32px\] {
        padding-top: 2rem
    }

    .pt-\[35px\] {
        padding-top: 2.188rem
    }

    .pt-\[40px\] {
        padding-top: 2.5rem
    }

    .pt-\[64px\] {
        padding-top: 4rem
    }

    .pt-\[80px\] {
        padding-top: 5rem
    }

    .pt-\[120px\] {
        padding-top: 7.5rem
    }

    .pt-\[140px\] {
        padding-top: 8.75rem
    }

    .pt-\[160px\] {
        padding-top: 10rem
    }

    .pt-\[170px\] {
        padding-top: 10.625rem
    }

    .pr-\[20px\] {
        padding-right: 1.25rem
    }

    .pr-\[32px\] {
        padding-right: 2rem
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .pb-\[6px\] {
        padding-bottom: .375rem
    }

    .pb-\[8px\] {
        padding-bottom: .5rem
    }

    .pb-\[9px\] {
        padding-bottom: .563rem
    }

    .pb-\[10px\] {
        padding-bottom: .625rem
    }

    .pb-\[15px\] {
        padding-bottom: .938rem
    }

    .pb-\[16px\] {
        padding-bottom: 1rem
    }

    .pb-\[20px\] {
        padding-bottom: 1.25rem
    }

    .pb-\[24px\] {
        padding-bottom: 1.5rem
    }

    .pb-\[32px\] {
        padding-bottom: 2rem
    }

    .pb-\[40px\] {
        padding-bottom: 2.5rem
    }

    .pb-\[48px\] {
        padding-bottom: 3rem
    }

    .pb-\[80px\] {
        padding-bottom: 5rem
    }

    .pb-\[100px\] {
        padding-bottom: 6.25rem
    }

    .pb-\[120px\] {
        padding-bottom: 7.5rem
    }

    .pb-\[176px\] {
        padding-bottom: 11rem
    }

    .pb-\[200px\] {
        padding-bottom: 12.5rem
    }

    .pl-\[16px\] {
        padding-left: 1rem
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .p1-mono {
        font-family: var(--font-azeret-mono);
        font-size: .75rem;
        line-height: 120%;
        text-transform: uppercase
    }

    @media (min-width:48rem) {
        .p1-mono {
            font-size: .875rem
        }
    }

    .p2-mono {
        font-family: var(--font-azeret-mono);
        font-size: .688rem;
        line-height: .938rem;
        text-transform: uppercase
    }

    @media (min-width:48rem) {
        .p2-mono {
            font-size: .75rem
        }
    }

    .p3-mono,
    .p4-mono {
        font-family: var(--font-azeret-mono);
        font-size: .688rem;
        line-height: 130%;
        text-transform: uppercase
    }

    .font-roc-grotesk {
        font-family: var(--font-roc-grotesk)
    }

    .h6 {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.1
    }

    @media (min-width:48rem) {
        .h6 {
            font-size: 1.375rem;
            line-height: 1
        }
    }

    .h2 {
        font-size: 2.25rem;
        font-weight: 500;
        line-height: .95
    }

    @media (min-width:48rem) {
        .h2 {
            font-size: 3.75rem
        }
    }

    .h3 {
        font-size: 2rem;
        font-weight: 500;
        line-height: 1
    }

    @media (min-width:48rem) {
        .h3 {
            font-size: 3.125rem
        }
    }

    .h4 {
        font-size: 1.75rem;
        font-weight: 500;
        line-height: 1
    }

    @media (min-width:48rem) {
        .h4 {
            font-size: 2.5rem
        }
    }

    .h5 {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1
    }

    @media (min-width:48rem) {
        .h5 {
            font-size: 1.875rem
        }
    }

    .p1 {
        font-size: .875rem;
        line-height: 120%
    }

    @media (min-width:48rem) {
        .p1 {
            font-size: 1rem
        }
    }

    .p2 {
        font-size: .938rem;
        line-height: 110%
    }

    .p3 {
        font-size: .875rem;
        line-height: 115%
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .text-balance {
        text-wrap: balance
    }

    .text-pretty {
        text-wrap: pretty
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-core-black {
        color: var(--color-core-black)
    }

    .text-neural-fog {
        color: var(--color-neural-fog)
    }

    .text-off-white {
        color: var(--color-off-white)
    }

    .text-off-white\/40 {
        color: #e7e7e766
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-off-white\/40 {
            color: color-mix(in oklab, var(--color-off-white)40%, transparent)
        }
    }

    .text-off-white\/60 {
        color: #e7e7e799
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-off-white\/60 {
            color: color-mix(in oklab, var(--color-off-white)60%, transparent)
        }
    }

    .text-off-white\/80 {
        color: #e7e7e7cc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-off-white\/80 {
            color: color-mix(in oklab, var(--color-off-white)80%, transparent)
        }
    }

    .text-pulse-ash {
        color: var(--color-pulse-ash)
    }

    .text-rich-carbon {
        color: var(--color-rich-carbon)
    }

    .text-rich-carbon\/60 {
        color: #1119
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-rich-carbon\/60 {
            color: color-mix(in oklab, var(--color-rich-carbon)60%, transparent)
        }
    }

    .uppercase {
        text-transform: uppercase
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-100\! {
        opacity: 1 !important
    }

    .blur-\[10px\] {
        --tw-blur: blur(0.625rem)
    }

    .blur-\[10px\],
    .blur-\[20px\] {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-\[20px\] {
        --tw-blur: blur(1.25rem)
    }

    .blur-\[32px\] {
        --tw-blur: blur(2rem)
    }

    .blur-\[32px\],
    .blur-none {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-none {
        --tw-blur:
    }

    .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(0.625rem)
    }

    .backdrop-blur-\[10px\],
    .backdrop-blur-sm {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm))
    }

    .transition {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[clip-path\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: clip-path;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[grid-template-rows\,padding\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: grid-template-rows, padding;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[grid-template-rows\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: grid-template-rows;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[height\,top\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: height, top;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[padding\,width\,height\,border-radius\,opacity\,color\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: padding, width, height, border-radius, opacity, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[transform\,translate\,opacity\,filter\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: transform, translate, opacity, filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[width\,left\,opacity\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: width, left, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[width\,left\,top\,height\,opacity\,transform\,scale\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: width, left, top, height, opacity, transform, scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-\[width\] {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-all {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-colors {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-opacity {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .transition-transform {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .delay-100 {
        transition-delay: .1s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-400\! {
        --tw-duration: .4s !important;
        transition-duration: .4s !important
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-600 {
        --tw-duration: .6s;
        transition-duration: .6s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .ease-\(--easing\) {
        --tw-ease: var(--easing);
        transition-timing-function: var(--easing)
    }

    .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .\[clip-path\:inset\(0_0_0_0\)\] {
        clip-path: inset(0)
    }

    .\[clip-path\:inset\(0_0_0_100\%\)\] {
        clip-path: inset(0 0 0 100%)
    }

    .\[clip-path\:inset\(0_0_100\%_0\)\] {
        clip-path: inset(0 0 100%)
    }

    .\[clip-path\:inset\(0_100\%_0_0\)\] {
        clip-path: inset(0 100% 0 0)
    }

    :is(.\*\:text-rich-carbon\/60\!>*) {
        color: #1119 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.\*\:text-rich-carbon\/60\!>*) {
            color: color-mix(in oklab, var(--color-rich-carbon)60%, transparent) !important
        }
    }

    :is(.\*\*\:transition-all *) {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    :is(.\*\*\:duration-300\! *) {
        --tw-duration: .3s !important;
        transition-duration: .3s !important
    }

    :is(.\*\*\:ease-\(--easing\)\! *) {
        --tw-ease: var(--easing) !important;
        transition-timing-function: var(--easing) !important
    }

    .group-first\:pt-0:is(:where(.group):first-child *) {
        padding-top: calc(var(--spacing)*0)
    }

    .group-last\:hidden:is(:where(.group):last-child *) {
        display: none
    }

    .group-last\:pb-0:is(:where(.group):last-child *) {
        padding-bottom: calc(var(--spacing)*0)
    }

    @media (hover:hover) {
        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\/button\:-translate-x-\[5px\]:is(:where(.group\/button):hover *) {
            --tw-translate-x: -0.313rem;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/button\:translate-x-0:is(:where(.group\/button):hover *) {
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/button\:translate-x-\[5px\]:is(:where(.group\/button):hover *) {
            --tw-translate-x: 0.313rem;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/button\:-translate-y-full:is(:where(.group\/button):hover *) {
            --tw-translate-y: -100%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/button\:translate-y-0:is(:where(.group\/button):hover *) {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/button\:opacity-100:is(:where(.group\/button):hover *) {
            opacity: 1
        }

        .group-hover\/button\:blur-\[0px\]:is(:where(.group\/button):hover *) {
            --tw-blur: blur(0px);
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }

        .group-hover\/card\:opacity-100\!:is(:where(.group\/card):hover *) {
            opacity: 1 !important
        }

        .group-hover\/item\:translate-x-0:is(:where(.group\/item):hover *) {
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
            opacity: 1
        }

        .group-hover\/item\:blur-\[0px\]:is(:where(.group\/item):hover *) {
            --tw-blur: blur(0px);
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }

        .group-hover\/link\:-translate-x-\[5px\]:is(:where(.group\/link):hover *) {
            --tw-translate-x: -0.313rem;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/link\:opacity-100:is(:where(.group\/link):hover *) {
            opacity: 1
        }

        .group-hover\/link\:blur-\[0px\]:is(:where(.group\/link):hover *) {
            --tw-blur: blur(0px);
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }

        .group-hover\/links\:opacity-40:is(:where(.group\/links):hover *) {
            opacity: .4
        }

        .group-hover\/partners\:opacity-50:is(:where(.group\/partners):hover *) {
            opacity: .5
        }
    }

    .group-active\/button\:-translate-x-\[5px\]:is(:where(.group\/button):active *) {
        --tw-translate-x: -0.313rem;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-active\/button\:translate-x-\[5px\]:is(:where(.group\/button):active *) {
        --tw-translate-x: 0.313rem;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-active\/button\:-translate-y-full:is(:where(.group\/button):active *) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-active\/button\:translate-y-0:is(:where(.group\/button):active *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-active\/button\:opacity-100:is(:where(.group\/button):active *) {
        opacity: 1
    }

    .group-active\/button\:blur-\[0px\]:is(:where(.group\/button):active *) {
        --tw-blur: blur(0px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .group-active\/link\:opacity-100:is(:where(.group\/link):active *),
    .group-has-active\/links\:opacity-100:is(:where(.group\/links):has(:active) *) {
        opacity: 1
    }

    .group-data-active\:-translate-y-full:is(:where(.group)[data-active] *) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-active\:translate-y-0:is(:where(.group)[data-active] *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[theme\=dark\]\/button\:bg-rich-carbon:is(:where(.group\/button)[data-theme=dark] *) {
        background-color: var(--color-rich-carbon)
    }

    .group-data-\[theme\=dark\]\/button\:text-rich-carbon:is(:where(.group\/button)[data-theme=dark] *) {
        color: var(--color-rich-carbon)
    }

    .group-data-\[theme\=light\]\/button\:bg-neural-fog:is(:where(.group\/button)[data-theme=light] *) {
        background-color: var(--color-neural-fog)
    }

    .group-data-\[theme\=light\]\/button\:text-neural-fog:is(:where(.group\/button)[data-theme=light] *) {
        color: var(--color-neural-fog)
    }

    .group-\[\.-mobile-menu-open\]\:rotate-180:is(:where(.group).-mobile-menu-open *) {
        rotate: 180deg
    }

    .group-\[\.-mobile-menu-open\]\:bg-rich-carbon:is(:where(.group).-mobile-menu-open *) {
        background-color: var(--color-rich-carbon)
    }

    .group-\[\.-scrolled\]\:w-\[30px\]:is(:where(.group).-scrolled *) {
        width: 1.875rem
    }

    .group-\[\.-scrolled\]\:-translate-y-full:is(:where(.group).-scrolled *) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-\[\.-scrolled\]\:translate-y-0:is(:where(.group).-scrolled *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-\[\.-scrolled\]\:bg-rich-carbon:is(:where(.group).-scrolled *) {
        background-color: var(--color-rich-carbon)
    }

    .group-\[\.swiper-slide-active\]\:h-\[89\.60cqw\]:is(:where(.group).swiper-slide-active *) {
        height: 89.6cqw
    }

    .group-\[\.swiper-slide-active\]\:w-\[67\.20cqw\]:is(:where(.group).swiper-slide-active *) {
        width: 67.2cqw
    }

    .group-\[\.swiper-slide-active\]\:grid-rows-\[1fr\]:is(:where(.group).swiper-slide-active *) {
        grid-template-rows: 1fr
    }

    .group-\[\.swiper-slide-active\]\:rounded-\[20px\]:is(:where(.group).swiper-slide-active *) {
        border-radius: 1.25rem
    }

    .group-\[\.swiper-slide-active\]\:p-\[24px\]:is(:where(.group).swiper-slide-active *) {
        padding: 1.5rem
    }

    .group-\[\.swiper-slide-active\]\:opacity-60:is(:where(.group).swiper-slide-active *) {
        opacity: .6
    }

    .group-\[\.swiper-slide-active\]\:opacity-100:is(:where(.group).swiper-slide-active *) {
        opacity: 1
    }

    .group-\[\.swiper-slide-active\]\:\[clip-path\:inset\(0_0_0_0\)\]:is(:where(.group).swiper-slide-active *) {
        clip-path: inset(0)
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:inset-0:before {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .before\:-bottom-\[2px\]:before {
        bottom: -.125rem;
        content: var(--tw-content)
    }

    .before\:bottom-0:before {
        bottom: calc(var(--spacing)*0);
        content: var(--tw-content)
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .before\:-z-1:before {
        content: var(--tw-content);
        z-index: -1
    }

    .before\:size-full:before {
        content: var(--tw-content);
        height: 100%;
        width: 100%
    }

    .before\:h-px:before {
        content: var(--tw-content);
        height: .063rem
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:origin-left:before {
        content: var(--tw-content);
        transform-origin: 0
    }

    .before\:scale-x-0:before {
        --tw-scale-x: 0%;
        content: var(--tw-content);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .before\:bg-current:before {
        background-color: currentColor;
        content: var(--tw-content)
    }

    .before\:bg-off-white:before {
        background-color: var(--color-off-white);
        content: var(--tw-content)
    }

    .before\:bg-rich-carbon:before {
        background-color: var(--color-rich-carbon);
        content: var(--tw-content)
    }

    .before\:transition-\[clip-path\,background-color\]:before {
        content: var(--tw-content);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: clip-path, background-color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .before\:transition-\[transform\,scale\]:before {
        content: var(--tw-content);
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: transform, scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .before\:delay-100:before {
        content: var(--tw-content);
        transition-delay: .1s
    }

    .before\:duration-300:before {
        --tw-duration: .3s;
        content: var(--tw-content);
        transition-duration: .3s
    }

    .before\:duration-400:before {
        --tw-duration: .4s;
        content: var(--tw-content);
        transition-duration: .4s
    }

    .before\:ease-\(--easing\):before {
        --tw-ease: var(--easing);
        content: var(--tw-content);
        transition-timing-function: var(--easing)
    }

    .before\:\[clip-path\:inset\(0_0_100\%_0\)\]:before {
        clip-path: inset(0 0 100%);
        content: var(--tw-content)
    }

    @media (hover:hover) {

        .group-hover\/button\:before\:scale-x-100:is(:where(.group\/button):hover *):before,
        .group-hover\:before\:scale-x-100:is(:where(.group):hover *):before {
            --tw-scale-x: 100%;
            content: var(--tw-content);
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
    }

    .group-\[\.swiper-slide-active\]\:before\:\[clip-path\:inset\(0_0_0_0\)\]:is(:where(.group).swiper-slide-active *):before {
        clip-path: inset(0);
        content: var(--tw-content)
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

    .last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing)*0)
    }

    @media (hover:hover) {
        .hover\:animate-glitch-hover:hover {
            animation: var(--animate-glitch-hover)
        }

        .hover\:text-off-white:hover {
            color: var(--color-off-white)
        }

        .hover\:text-rich-carbon:hover {
            color: var(--color-rich-carbon)
        }

        .group-\[\.swiper-slide-active\]\:hover\:text-\(--hover-logo-color\):is(:where(.group).swiper-slide-active *):hover,
        :is(.group-\[\.swiper-slide-active\]\:hover\:\*\*\:text-\(--hover-logo-color\):is(:where(.group).swiper-slide-active *):hover *) {
            color: var(--hover-logo-color)
        }

        .group-\[\.swiper-slide-active\]\:hover\:before\:bg-\(--hover-background-color\):is(:where(.group).swiper-slide-active *):hover:before {
            background-color: var(--hover-background-color);
            content: var(--tw-content)
        }
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .data-active\:grid-rows-\[auto_1fr\][data-active] {
        grid-template-rows: auto 1fr
    }

    .data-active\:py-\[60px\][data-active] {
        padding-block: 3.75rem
    }

    @media (prefers-reduced-motion:no-preference) {
        .motion-safe\:-translate-x-\[5px\] {
            --tw-translate-x: -0.313rem;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        @media (hover:hover) {
            .motion-safe\:group-hover\/link\:translate-x-\[5px\]:is(:where(.group\/link):hover *) {
                --tw-translate-x: 0.313rem;
                translate: var(--tw-translate-x)var(--tw-translate-y)
            }

            .motion-safe\:group-hover\/link\:-translate-y-full:is(:where(.group\/link):hover *) {
                --tw-translate-y: -100%;
                translate: var(--tw-translate-x)var(--tw-translate-y)
            }

            .motion-safe\:group-hover\/link\:translate-y-0:is(:where(.group\/link):hover *) {
                --tw-translate-y: calc(var(--spacing)*0);
                translate: var(--tw-translate-x)var(--tw-translate-y)
            }

            .motion-safe\:hover\:animate-glitch-hover:hover {
                animation: var(--animate-glitch-hover)
            }
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .motion-reduce\:hidden {
            display: none
        }

        .motion-reduce\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .motion-reduce\:translate-y-0 {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .motion-reduce\:opacity-0 {
            opacity: 0
        }

        .motion-reduce\:opacity-100 {
            opacity: 1
        }

        .motion-reduce\:transition-none {
            transition-property: none
        }

        .motion-reduce\:duration-\[0ms\] {
            --tw-duration: 0s;
            transition-duration: 0s
        }

        @media (hover:hover) {
            .motion-reduce\:group-hover\/button\:translate-x-0:is(:where(.group\/button):hover *) {
                --tw-translate-x: calc(var(--spacing)*0);
                translate: var(--tw-translate-x)var(--tw-translate-y)
            }

            .motion-reduce\:group-hover\/button\:translate-y-0:is(:where(.group\/button):hover *) {
                --tw-translate-y: calc(var(--spacing)*0);
                translate: var(--tw-translate-x)var(--tw-translate-y)
            }

            .motion-reduce\:group-hover\/button\:opacity-0:is(:where(.group\/button):hover *) {
                opacity: 0
            }

            .motion-reduce\:hover\:animate-none:hover {
                animation: none
            }
        }
    }

    @media not all and (min-width:21.25rem) {
        .max-\[340px\]\:hidden {
            display: none
        }
    }

    @media not all and (min-width:48rem) {
        .max-md\:items-center {
            align-items: center
        }

        .max-md\:group-\[\.swiper-slide-active\]\:text-\(--hover-logo-color\):is(:where(.group).swiper-slide-active *),
        :is(.max-md\:group-\[\.swiper-slide-active\]\:\*\*\:text-\(--hover-logo-color\):is(:where(.group).swiper-slide-active *) *) {
            color: var(--hover-logo-color)
        }

        .max-md\:group-\[\.swiper-slide-active\]\:before\:bg-\(--hover-background-color\):is(:where(.group).swiper-slide-active *):before {
            background-color: var(--hover-background-color);
            content: var(--tw-content)
        }
    }

    @media (min-width:21.25rem) {
        .min-\[340px\]\:flex-row-reverse {
            flex-direction: row-reverse
        }
    }

    @media (min-width:22.5rem) {
        .min-\[360px\]\:p-\[16px\] {
            padding: 1rem
        }

        .min-\[360px\]\:h-vw {
            font-size: clamp(2.25rem, 5.5vw, 4.875rem);
            font-weight: 500;
            line-height: 1
        }
    }

    @media (min-width:51.875rem) {
        .min-\[830px\]\:h5 {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1
        }

        @media (min-width:48rem) {
            .min-\[830px\]\:h5 {
                font-size: 1.875rem
            }
        }
    }

    @media (min-width:48rem) {
        .md\:absolute {
            position: absolute
        }

        .md\:relative {
            position: relative
        }

        .md\:inset-x-\[24px\] {
            inset-inline: 1.5rem
        }

        .md\:top-1\/2 {
            top: 50%
        }

        .md\:top-\[24px\] {
            top: 1.5rem
        }

        .md\:top-\[40px\] {
            top: 2.5rem
        }

        .md\:right-\[24px\] {
            right: 1.5rem
        }

        .md\:right-\[40px\] {
            right: 2.5rem
        }

        .md\:bottom-\[24px\] {
            bottom: 1.5rem
        }

        .md\:bottom-\[64px\] {
            bottom: 4rem
        }

        .md\:left-1\/2 {
            left: 50%
        }

        .md\:left-\[24px\] {
            left: 1.5rem
        }

        .md\:left-auto {
            left: auto
        }

        .md\:order-0 {
            order: 0
        }

        .md\:order-1 {
            order: 1
        }

        .md\:order-2 {
            order: 2
        }

        .md\:order-3 {
            order: 3
        }

        .md\:col-span-1 {
            grid-column: span 1/span 1
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-5 {
            grid-column: span 5/span 5
        }

        .md\:col-span-6 {
            grid-column: span 6/span 6
        }

        .md\:col-start-2 {
            grid-column-start: 2
        }

        .md\:col-start-7 {
            grid-column-start: 7
        }

        .md\:col-start-8 {
            grid-column-start: 8
        }

        .md\:mx-\[-12px\] {
            margin-inline: -.75rem
        }

        .md\:mx-\[-24px\] {
            margin-inline: -1.5rem
        }

        .md\:my-\[32px\] {
            margin-block: 2rem
        }

        .md\:-mt-\[50px\] {
            margin-top: -3.125rem
        }

        .md\:-mt-px {
            margin-top: -.063rem
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-\[16px\] {
            margin-top: 1rem
        }

        .md\:mt-\[24px\] {
            margin-top: 1.5rem
        }

        .md\:mt-\[28px\] {
            margin-top: 1.75rem
        }

        .md\:mt-\[32px\] {
            margin-top: 2rem
        }

        .md\:mt-\[40px\] {
            margin-top: 2.5rem
        }

        .md\:mt-\[100px\] {
            margin-top: 6.25rem
        }

        .md\:mt-\[120px\] {
            margin-top: 7.5rem
        }

        .md\:mt-\[200px\] {
            margin-top: 12.5rem
        }

        .md\:mt-\[220px\] {
            margin-top: 13.75rem
        }

        .md\:mt-\[504px\] {
            margin-top: 31.5rem
        }

        .md\:mr-\[115px\] {
            margin-right: 7.188rem
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .md\:mb-\[20px\] {
            margin-bottom: 1.25rem
        }

        .md\:mb-\[32px\] {
            margin-bottom: 2rem
        }

        .md\:mb-\[60px\] {
            margin-bottom: 3.75rem
        }

        .md\:mb-\[64px\] {
            margin-bottom: 4rem
        }

        .md\:mb-\[100px\] {
            margin-bottom: 6.25rem
        }

        .md\:-ml-\[50px\] {
            margin-left: -3.125rem
        }

        .md\:ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .md\:ml-\[-24px\] {
            margin-left: -1.5rem
        }

        .md\:block {
            display: block
        }

        .md\:contents {
            display: contents
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:inline-flex {
            display: inline-flex
        }

        .md\:aspect-304\/250 {
            aspect-ratio: 304/250
        }

        .md\:aspect-\[0\.8\/1\] {
            aspect-ratio: .8
        }

        .md\:aspect-\[1\.3\/1\] {
            aspect-ratio: 1.3
        }

        .md\:aspect-\[1130\/700\] {
            aspect-ratio: 1130/700
        }

        .md\:aspect-auto {
            aspect-ratio: auto
        }

        .md\:size-\[24px\] {
            height: 1.5rem;
            width: 1.5rem
        }

        .md\:size-\[32px\] {
            height: 2rem;
            width: 2rem
        }

        .md\:size-\[60px\] {
            height: 3.75rem;
            width: 3.75rem
        }

        .md\:h-\[25\.47cqw\] {
            height: 25.47cqw
        }

        .md\:h-\[80px\] {
            height: 5rem
        }

        .md\:h-\[270px\] {
            height: 16.875rem
        }

        .md\:h-dvh {
            height: 100dvh
        }

        .md\:h-full {
            height: 100%
        }

        .md\:min-h-\[53\.94cqw\] {
            min-height: 53.94cqw
        }

        .md\:min-h-\[500px\] {
            min-height: 31.25rem
        }

        .md\:min-h-\[550px\] {
            min-height: 34.375rem
        }

        .md\:min-h-\[600px\] {
            min-height: 37.5rem
        }

        .md\:min-h-\[666px\] {
            min-height: 41.625rem
        }

        .md\:w-\[25\%\] {
            width: 25%
        }

        .md\:w-\[30\%\] {
            width: 30%
        }

        .md\:w-\[33\%\] {
            width: 33%
        }

        .md\:w-\[34\.72cqw\] {
            width: 34.72cqw
        }

        .md\:w-\[36px\] {
            width: 2.25rem
        }

        .md\:w-\[40\%\]\! {
            width: 40% !important
        }

        .md\:w-\[40\.52cqw\] {
            width: 40.52cqw
        }

        .md\:w-\[70\%\] {
            width: 70%
        }

        .md\:w-\[125\%\] {
            width: 125%
        }

        .md\:w-\[160px\] {
            width: 10rem
        }

        .md\:w-\[248px\] {
            width: 15.5rem
        }

        .md\:w-\[360px\]\! {
            width: 22.5rem !important
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-\[206px\] {
            max-width: 12.875rem
        }

        .md\:max-w-\[250px\] {
            max-width: 15.625rem
        }

        .md\:max-w-\[300px\] {
            max-width: 18.75rem
        }

        .md\:max-w-\[335px\] {
            max-width: 20.938rem
        }

        .md\:max-w-\[350px\] {
            max-width: 21.875rem
        }

        .md\:max-w-\[390px\] {
            max-width: 24.375rem
        }

        .md\:max-w-\[490px\] {
            max-width: 30.625rem
        }

        .md\:max-w-\[550px\] {
            max-width: 34.375rem
        }

        .md\:max-w-\[900px\] {
            max-width: 56.25rem
        }

        .md\:max-w-full {
            max-width: 100%
        }

        .md\:shrink-0 {
            flex-shrink: 0
        }

        .md\:grow {
            flex-grow: 1
        }

        .md\:grow-0 {
            flex-grow: 0
        }

        .md\:basis-0 {
            flex-basis: calc(var(--spacing)*0)
        }

        .md\:-translate-x-1\/2 {
            --tw-translate-x: -50%
        }

        .md\:-translate-x-1\/2,
        .md\:-translate-y-1\/2 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:-translate-y-1\/2 {
            --tw-translate-y: -50%
        }

        .md\:translate-y-0 {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:rotate-0 {
            rotate: none
        }

        .md\:cursor-default {
            cursor: default
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .md\:grid-rows-\[auto_0fr\] {
            grid-template-rows: auto 0fr
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-end {
            align-items: flex-end
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:justify-end {
            justify-content: flex-end
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .md\:gap-\[6px\] {
            gap: .375rem
        }

        .md\:gap-\[16px\] {
            gap: 1rem
        }

        .md\:gap-\[20px\] {
            gap: 1.25rem
        }

        .md\:gap-\[24px\] {
            gap: 1.5rem
        }

        .md\:gap-\[32px\] {
            gap: 2rem
        }

        .md\:gap-\[40px\] {
            gap: 2.5rem
        }

        .md\:gap-\[44px\] {
            gap: 2.75rem
        }

        .md\:gap-\[80px\] {
            gap: 5rem
        }

        .md\:gap-\[200px\] {
            gap: 12.5rem
        }

        .md\:gap-y-\[24px\] {
            row-gap: 1.5rem
        }

        .md\:gap-y-\[80px\] {
            row-gap: 5rem
        }

        .md\:gap-y-\[210px\] {
            row-gap: 13.125rem
        }

        .md\:overflow-y-auto {
            overflow-y: auto
        }

        .md\:rounded-\[8px\] {
            border-radius: .5rem
        }

        .md\:rounded-none {
            border-radius: 0
        }

        .md\:rounded-l-\[20px\] {
            border-bottom-left-radius: 1.25rem;
            border-top-left-radius: 1.25rem
        }

        .md\:rounded-r-\[20px\] {
            border-bottom-right-radius: 1.25rem;
            border-top-right-radius: 1.25rem
        }

        .md\:rounded-bl-\[20px\] {
            border-bottom-left-radius: 1.25rem
        }

        .md\:border-y {
            border-block-style: var(--tw-border-style);
            border-block-width: .063rem
        }

        .md\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: .063rem
        }

        .md\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: .063rem
        }

        .md\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .md\:p-\[24px\] {
            padding: 1.5rem
        }

        .md\:p-\[32px\] {
            padding: 2rem
        }

        .md\:p-\[40px\] {
            padding: 2.5rem
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-\[24px\] {
            padding-inline: 1.5rem
        }

        .md\:px-\[40px\] {
            padding-inline: 2.5rem
        }

        .md\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .md\:py-\[40px\] {
            padding-block: 2.5rem
        }

        .md\:py-\[60px\] {
            padding-block: 3.75rem
        }

        .md\:py-\[64px\] {
            padding-block: 4rem
        }

        .md\:py-\[80px\] {
            padding-block: 5rem
        }

        .md\:py-\[100px\] {
            padding-block: 6.25rem
        }

        .md\:py-\[200px\] {
            padding-block: 12.5rem
        }

        .md\:py-\[220px\] {
            padding-block: 13.75rem
        }

        .md\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .md\:pt-\[8px\] {
            padding-top: .5rem
        }

        .md\:pt-\[24px\] {
            padding-top: 1.5rem
        }

        .md\:pt-\[32px\] {
            padding-top: 2rem
        }

        .md\:pt-\[40px\] {
            padding-top: 2.5rem
        }

        .md\:pt-\[64px\] {
            padding-top: 4rem
        }

        .md\:pt-\[80px\] {
            padding-top: 5rem
        }

        .md\:pt-\[100px\] {
            padding-top: 6.25rem
        }

        .md\:pt-\[200px\] {
            padding-top: 12.5rem
        }

        .md\:pt-\[220px\] {
            padding-top: 13.75rem
        }

        .md\:pt-\[300px\] {
            padding-top: 18.75rem
        }

        .md\:pr-\[24px\] {
            padding-right: 1.5rem
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .md\:pb-\[8px\] {
            padding-bottom: .5rem
        }

        .md\:pb-\[24px\] {
            padding-bottom: 1.5rem
        }

        .md\:pb-\[30px\] {
            padding-bottom: 1.875rem
        }

        .md\:pb-\[32px\] {
            padding-bottom: 2rem
        }

        .md\:pb-\[40px\] {
            padding-bottom: 2.5rem
        }

        .md\:pb-\[64px\] {
            padding-bottom: 4rem
        }

        .md\:pb-\[80px\] {
            padding-bottom: 5rem
        }

        .md\:pb-\[100px\] {
            padding-bottom: 6.25rem
        }

        .md\:pb-\[116px\] {
            padding-bottom: 7.25rem
        }

        .md\:pb-\[200px\] {
            padding-bottom: 12.5rem
        }

        .md\:pb-\[280px\] {
            padding-bottom: 17.5rem
        }

        .md\:pb-\[300px\] {
            padding-bottom: 18.75rem
        }

        .md\:pb-\[400px\] {
            padding-bottom: 25rem
        }

        .md\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

        .md\:pl-\[60px\] {
            padding-left: 3.75rem
        }

        .md\:pl-\[70px\] {
            padding-left: 4.375rem
        }

        .md\:text-left {
            text-align: left
        }

        .md\:p1-mono {
            font-family: var(--font-azeret-mono);
            font-size: .75rem;
            line-height: 120%;
            text-transform: uppercase
        }

        @media (min-width:48rem) {
            .md\:p1-mono {
                font-size: .875rem
            }
        }

        .md\:p2-mono {
            font-family: var(--font-azeret-mono);
            font-size: .688rem;
            line-height: .938rem;
            text-transform: uppercase
        }

        @media (min-width:48rem) {
            .md\:p2-mono {
                font-size: .75rem
            }
        }

        .md\:p3-mono {
            font-family: var(--font-azeret-mono);
            font-size: .688rem;
            line-height: 130%;
            text-transform: uppercase
        }

        .md\:h3 {
            font-size: 2rem;
            font-weight: 500;
            line-height: 1
        }

        @media (min-width:48rem) {
            .md\:h3 {
                font-size: 3.125rem
            }
        }

        .md\:h4 {
            font-size: 1.75rem;
            font-weight: 500;
            line-height: 1
        }

        @media (min-width:48rem) {
            .md\:h4 {
                font-size: 2.5rem
            }
        }

        .md\:h5 {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1
        }

        @media (min-width:48rem) {
            .md\:h5 {
                font-size: 1.875rem
            }
        }

        .md\:h7 {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1
        }

        .md\:p1 {
            font-size: .875rem;
            line-height: 120%
        }

        @media (min-width:48rem) {
            .md\:p1 {
                font-size: 1rem
            }
        }

        .md\:pb {
            font-size: 1.25rem;
            line-height: 110%
        }

        .md\:text-inherit {
            color: inherit
        }

        .md\:opacity-0 {
            opacity: 0
        }

        .md\:group-has-\[li\.-active\]\:w-\[20\%\]:is(:where(.group):has(:is(li.-active)) *) {
            width: 20%
        }

        .md\:group-has-\[li\.-active\]\:w-\[30\%\]:is(:where(.group):has(:is(li.-active)) *) {
            width: 30%
        }

        .md\:group-\[\.-active\]\/card\:w-full:is(:where(.group\/card).-active *) {
            width: 100%
        }

        .md\:group-\[\.swiper-slide-active\]\:h-\[53\.94cqw\]:is(:where(.group).swiper-slide-active *) {
            height: 53.94cqw
        }

        .md\:group-\[\.swiper-slide-active\]\:w-\[40\.52cqw\]:is(:where(.group).swiper-slide-active *) {
            width: 40.52cqw
        }

        .md\:group-\[\.swiper-slide-active\]\:grid-rows-\[auto_1fr\]:is(:where(.group).swiper-slide-active *) {
            grid-template-rows: auto 1fr
        }
    }

    @media (min-width:64rem) {
        .lg\:top-0 {
            top: calc(var(--spacing)*0)
        }

        .lg\:bottom-auto {
            bottom: auto
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .lg\:col-span-9 {
            grid-column: span 9/span 9
        }

        .lg\:col-start-7 {
            grid-column-start: 7
        }

        @media (min-width:40rem) {
            .lg\:container {
                max-width: 40rem
            }
        }

        @media (min-width:48rem) {
            .lg\:container {
                max-width: 48rem
            }
        }

        @media (min-width:64rem) {
            .lg\:container {
                max-width: 64rem
            }
        }

        @media (min-width:80rem) {
            .lg\:container {
                max-width: 80rem
            }
        }

        @media (min-width:96rem) {
            .lg\:container {
                max-width: 96rem
            }
        }

        .lg\:container {
            margin-inline: auto;
            max-width: 160rem;
            padding-inline: .625rem;
            width: 100%
        }

        @media (min-width:64rem) {
            .lg\:container {
                padding-inline: 2.5rem
            }
        }

        .lg\:block {
            display: block
        }

        .lg\:hidden {
            display: none
        }

        .lg\:h-\(--header-height\) {
            height: var(--header-height)
        }

        .lg\:h-\[24cqw\] {
            height: 24cqw
        }

        .lg\:h-auto {
            height: auto
        }

        .lg\:h-full {
            height: 100%
        }

        .lg\:min-h-\[32\.36cqw\] {
            min-height: 32.36cqw
        }

        .lg\:w-\[20\.83cqw\] {
            width: 20.83cqw
        }

        .lg\:w-\[24\.31cqw\] {
            width: 24.31cqw
        }

        .lg\:w-px {
            width: .063rem
        }

        .lg\:origin-top {
            transform-origin: top
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:gap-x-\[24px\] {
            -moz-column-gap: 1.5rem;
            column-gap: 1.5rem
        }

        .lg\:gap-x-\[40px\] {
            -moz-column-gap: 2.5rem;
            column-gap: 2.5rem
        }

        .lg\:gap-y-\[32px\] {
            row-gap: 2rem
        }

        .lg\:overflow-hidden {
            overflow: hidden
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .lg\:px-\[24px\] {
            padding-inline: 1.5rem
        }

        .lg\:pt-\[20px\] {
            padding-top: 1.25rem
        }

        .lg\:pr-\[32px\] {
            padding-right: 2rem
        }

        .lg\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .lg\:opacity-0 {
            opacity: 0
        }

        .lg\:group-\[\.-scrolled\]\:w-fit:is(:where(.group).-scrolled *) {
            width: -moz-fit-content;
            width: fit-content
        }

        .lg\:group-\[\.-scrolled\]\:grow-0:is(:where(.group).-scrolled *) {
            flex-grow: 0
        }

        .lg\:group-\[\.-scrolled\]\:rounded-\[8px\]:is(:where(.group).-scrolled *) {
            border-radius: .5rem
        }

        .lg\:group-\[\.-scrolled\]\:bg-urban-smoke:is(:where(.group).-scrolled *) {
            background-color: var(--color-urban-smoke)
        }

        .lg\:group-\[\.-scrolled\]\:px-\[12px\]:is(:where(.group).-scrolled *) {
            padding-inline: .75rem
        }

        .lg\:group-\[\.-scrolled\]\:py-\[4px\]:is(:where(.group).-scrolled *) {
            padding-block: .25rem
        }

        .lg\:group-\[\.swiper-slide-active\]\:h-\[32\.36cqw\]:is(:where(.group).swiper-slide-active *) {
            height: 32.36cqw
        }

        .lg\:group-\[\.swiper-slide-active\]\:w-\[34\.31cqw\]:is(:where(.group).swiper-slide-active *) {
            width: 34.31cqw
        }

        .lg\:group-\[\.swiper-slide-active\]\:opacity-100:is(:where(.group).swiper-slide-active *) {
            opacity: 1
        }
    }

    @media (min-width:80rem) {
        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-span-4 {
            grid-column: span 4/span 4
        }

        .xl\:col-span-5 {
            grid-column: span 5/span 5
        }

        .xl\:col-start-7 {
            grid-column-start: 7
        }

        .xl\:col-start-9 {
            grid-column-start: 9
        }

        .xl\:-mt-\[75px\] {
            margin-top: -4.688rem
        }

        .xl\:-ml-\[75px\] {
            margin-left: -4.688rem
        }

        .xl\:size-\[150px\] {
            height: 9.375rem;
            width: 9.375rem
        }

        .xl\:w-\[50\%\] {
            width: 50%
        }

        .xl\:max-w-\[222px\] {
            max-width: 13.875rem
        }

        .xl\:gap-\[40px\] {
            gap: 2.5rem
        }

        .xl\:px-\[20px\] {
            padding-inline: 1.25rem
        }

        .xl\:px-\[40px\] {
            padding-inline: 2.5rem
        }

        .xl\:pt-\[36px\] {
            padding-top: 2.25rem
        }

        .xl\:opacity-100 {
            opacity: 1
        }

        .xl\:group-\[\.swiper-slide-active\]\:w-\[24\.31cqw\]:is(:where(.group).swiper-slide-active *) {
            width: 24.31cqw
        }
    }

    @media (hover:hover) {
        .group-hover\:\[\&_\.button--dot\]\:bg-\[currentColor\]\!:is(:where(.group):hover *) .button--dot {
            background-color: currentColor !important
        }
    }

    .\[\&_a\]\:w-auto a {
        width: auto
    }

    .\[\&_a\]\:w-full a {
        width: 100%
    }

    @media (min-width:48rem) {
        .md\:\[\&_a\]\:w-auto a {
            width: auto
        }
    }

    .\[\&_article\]\:h-full article {
        height: 100%
    }

    @media (min-width:48rem) {
        .md\:\[\&_article\]\:py-\[60px\] article {
            padding-block: 3.75rem
        }
    }

    .\[\&_button\]\:w-full button {
        width: 100%
    }

    @media not all and (min-width:22.5rem) {
        .max-\[360px\]\:\[\&_div\]\:px-0 div {
            padding-inline: calc(var(--spacing)*0)
        }
    }

    @media (min-width:48rem) {
        .md\:\[\&_div\]\:border-t-0 div {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }
    }

    .\[\&_h3\]\:mt-\[64px\]\! h3 {
        margin-top: 4rem !important
    }

    @media (min-width:48rem) {
        .md\:\[\&_h3\]\:mt-\[80px\]\! h3 {
            margin-top: 5rem !important
        }

        .md\:\[\&_h3\]\:h5 h3 {
            font-size: 1.5rem;
            font-weight: 500;
            line-height: 1
        }

        @media (min-width:48rem) {
            .md\:\[\&_h3\]\:h5 h3 {
                font-size: 1.875rem
            }
        }
    }

    .\[\&_h4\]\:mt-\[64px\]\! h4 {
        margin-top: 4rem !important
    }

    @media (min-width:48rem) {
        .md\:\[\&_h4\]\:mt-\[80px\]\! h4 {
            margin-top: 5rem !important
        }
    }

    .\[\&_h5\]\:mt-\[64px\]\! h5 {
        margin-top: 4rem !important
    }

    @media (min-width:48rem) {
        .md\:\[\&_h5\]\:mt-\[80px\]\! h5 {
            margin-top: 5rem !important
        }
    }

    .\[\&_h6\]\:mt-\[64px\]\! h6 {
        margin-top: 4rem !important
    }

    @media (min-width:48rem) {
        .md\:\[\&_h6\]\:mt-\[80px\]\! h6 {
            margin-top: 5rem !important
        }
    }

    .\[\&_img\]\:pointer-events-none img {
        pointer-events: none
    }

    .\[\&_ol\]\:my-\[24px\]\! ol {
        margin-block: 1.5rem !important
    }

    .\[\&_path\]\:transition-\[fill\] path {
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        transition-property: fill;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
    }

    .\[\&_path\]\:duration-300 path {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .\[\&_path\]\:ease-\(--easing\) path {
        --tw-ease: var(--easing);
        transition-timing-function: var(--easing)
    }

    @media (hover:hover) {
        .group-\[\.swiper-slide-active\]\:hover\:\[\&_path\]\:fill-\(--hover-logo-color\):is(:where(.group).swiper-slide-active *):hover path {
            fill: var(--hover-logo-color)
        }
    }

    @media not all and (min-width:48rem) {
        .max-md\:group-\[\.swiper-slide-active\]\:\[\&_path\]\:fill-\(--hover-logo-color\):is(:where(.group).swiper-slide-active *) path {
            fill: var(--hover-logo-color)
        }
    }

    .\[\&_ul\]\:my-\[24px\]\! ul {
        margin-block: 1.5rem !important
    }

    .\[\&\>span\>span\]\:inline-block>span>span {
        display: inline-block
    }
}

@font-face {
    font-display: swap;
    font-family: "Faculty Glyphic";
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/FacultyGlyphic-Regular.ttf) format("truetype");
}

.hero-title-left {
    animation: hero-title-left 1.5s var(--easing)2.75s forwards
}

.hero-title-right {
    animation: hero-title-right 1.5s var(--easing)2.75s forwards
}

.modal--scrollbar::-webkit-scrollbar-track {
    background: var(--color-white-flash) !important
}

.modal--scrollbar::-webkit-scrollbar-thumb {
    background: #0006 !important;
    border-radius: 0 !important
}

.loader {
    animation: loader 2s var(--easing)2s forwards
}

.loader .loader--logo {
    animation: loader-logo 1s var(--easing)forwards, loader-logo-rotate .5s var(--easing)1.75s forwards, loader-logo-translate 1s var(--easing)1.75s forwards
}

.loader .loader--clip-svg {
    animation: clip-svg 1.75s var(--easing)forwards
}

@keyframes loader {
    0% {
        clip-path: inset(0);
        transform: translateY(0)
    }

    to {
        clip-path: inset(0 0 100%);
        transform: translateY(-3rem)
    }
}

@keyframes loader-logo {
    0% {
        transform: scale(1.05)rotate(0)
    }

    to {
        transform: scale(1)rotate(0)
    }
}

@keyframes clip-svg {
    0% {
        clip-path: inset(100% 0 0)
    }

    to {
        clip-path: inset(0)
    }
}

@keyframes loader-logo-rotate {
    0% {
        transform: scale(1)rotate(0)
    }

    to {
        transform: scale(1)rotate(-90deg)
    }
}

@keyframes loader-logo-translate {
    0% {
        translate: 0
    }

    50% {
        translate: 0 -2rem
    }

    to {
        translate: 0
    }
}

.hero-title--left,
.hero-title--right {
    display: inline-block;
    will-change: transform
}

@keyframes plyr-progress {
    to {
        background-position: 1.563rem 0;
        background-position: var(--plyr-progress-loading-size, 25px)0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(.625rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 12.5rem;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: .125rem;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: var(--plyr-badge-text-color, #fff);
    font-size: .563rem;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: .188rem .25rem
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s;
    bottom: 0;
    display: none;
    font-size: .813rem;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: .625rem;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:30rem) {
    .plyr__captions {
        font-size: .938rem;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 1.25rem;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width:48rem) {
    .plyr__captions {
        font-size: 1.125rem;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-2.5rem);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: #000c;
    background: var(--plyr-captions-background, #000c);
    border-radius: .25rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: .25rem;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: .438rem;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .1s ease-in-out
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 1.125rem;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 1.125rem;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: .125rem dashed #00b2ff;
    outline: .125rem dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: .125rem
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: .156rem;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: .156rem;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 .313rem;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s;
    background: #ffffffe6;
    background: var(--plyr-menu-background, #ffffffe6);
    border-radius: .5rem;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 .063rem .125rem #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
    color: var(--plyr-menu-color, #4a5464);
    font-size: .938rem;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: .625rem;
    position: absolute;
    right: -.188rem;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: .25rem solid #0000;
    border-top-color: #ffffffe6;
    border: var(--plyr-menu-arrow-size, 4px)solid #0000;
    border-top-color: var(--plyr-menu-background, #ffffffe6);
    content: "";
    height: 0;
    position: absolute;
    right: .875rem;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: .438rem;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: .125rem
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: .813rem;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: .292rem .656rem;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5)calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: .25rem solid #0000;
    border: var(--plyr-menu-item-arrow-size, 4px)solid #0000;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 1.75rem;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: .406rem;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: .438rem;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: .219rem;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 1.75rem;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - .875rem);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: .406rem;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 .063rem #fff;
    box-shadow: 0 .063rem 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: .063rem;
    left: 0;
    margin-top: .219rem;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: .438rem;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: #0000001a;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1rem;
    margin-right: .625rem;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s;
    width: 1rem
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: .375rem;
    left: .75rem;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%)scale(0);
    transition: transform .3s, opacity .3s;
    width: .375rem
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%)scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: #23282f1a
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -.313rem;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 + .125rem);
    overflow: hidden;
    padding-left: 1.531rem;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 1.625rem;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 1.188rem;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, currentColor, #0000 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
    border: 0;
    border-radius: .156rem;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: .313rem;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: .813rem;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -.25rem;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: .813rem;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: .156rem;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: .313rem;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: .813rem;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s;
    transition: all .2s;
    width: .813rem;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: .156rem;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: .313rem;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: #0000
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: .156rem;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: .313rem;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: currentColor;
    border: 0;
    border-radius: .156rem;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: .313rem;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: .813rem;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s;
    transition: all .2s;
    width: .813rem;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: .125rem dashed #00b2ff;
    outline: .125rem dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: .125rem
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: .125rem dashed #00b2ff;
    outline: .125rem dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: .125rem
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: .125rem dashed #00b2ff;
    outline: .125rem dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: .125rem
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused .plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: .813rem;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: .625rem;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width:47.938rem) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: .313rem;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: 0 .063rem .125rem #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: .813rem;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: .625rem;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: .313rem .469rem;
    padding: calc(var(--plyr-control-spacing, 10px)/2)calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, .625rem)scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s, opacity .2s .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: .25rem solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
    border-right: .25rem solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
    border-top: .25rem solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px)solid var(--plyr-tooltip-background, #fff);
    bottom: -.25rem;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%)scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(.625rem)scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 1rem;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(.625rem)scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 1rem;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translate(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0)scale(1)
}

.plyr__progress {
    left: .406rem;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: .813rem;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -.406rem;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -.406rem;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + .813rem);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 7.5rem;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 6.25rem;
    height: .313rem;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -.156rem;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 6.25rem;
    min-width: .313rem;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s;
    transition: width .2s
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 6.25rem;
    min-width: .313rem;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s;
    transition: width .2s
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 6.25rem;
    -ms-transition: width .2s;
    transition: width .2s
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0 50%, #23282f99 0 75%, #0000 0, #0000);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99)25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99)50%, var(--plyr-progress-loading-background, #23282f99)75%, #0000 75%, #0000);
    background-repeat: repeat-x;
    background-size: 1.563rem 1.563rem;
    background-size: var(--plyr-progress-loading-size, 25px)var(--plyr-progress-loading-size, 25px);
    color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: #ffffff40;
    background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: .063rem;
    height: .313rem;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .188rem;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: .313rem;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: .313rem;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 5.625rem;
    min-width: 3.75rem;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: .625rem;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33, 0 0 0 .188rem #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33, 0 0 0 .188rem #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33, 0 0 0 .188rem #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.2813%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: .313rem;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 1.25rem;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:30rem) {
    .plyr--video .plyr__controls {
        padding: .625rem;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 2.188rem;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: .938rem;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: .125rem;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33, 0 0 0 .188rem #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33, 0 0 0 .188rem #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 .063rem .063rem #23282f26, 0 0 0 .063rem #23282f33, 0 0 0 .188rem #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:64rem) {
    .plyr:fullscreen .plyr__captions {
        font-size: 1.313rem;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    inset: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width:64rem) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 1.313rem;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    cursor: pointer;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: .125rem;
    bottom: .625rem;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: .688rem;
    padding: .125rem .375rem;
    pointer-events: none;
    position: absolute;
    right: .625rem;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: .313rem;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .188rem;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: .5rem;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 .063rem .125rem #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    margin-bottom: .625rem;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: .188rem;
    pointer-events: none;
    position: absolute;
    transform: translateY(.625rem)scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s, opacity .2s .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0)scale(1)
}

.plyr__preview-thumb:before {
    border-left: .25rem solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
    border-right: .25rem solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px)solid #0000;
    border-top: .25rem solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px)solid var(--plyr-tooltip-background, #fff);
    bottom: -.25rem;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translate(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: .438rem;
    border-radius: calc(var(--plyr-menu-radius, 8px) - .063rem);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 .063rem #00000026;
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: .438rem;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - .063rem);
    border-bottom-right-radius: .438rem;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - .063rem);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 1.25rem .375rem .375rem;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: .813rem;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    filter: blur(.063rem);
    height: 100%;
    inset: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(.063rem, .063rem, .063rem, .063rem);
    border: 0 !important;
    height: .063rem !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: .063rem !important
}

.plyr [hidden] {
    display: none !important
}

.swiper .swiper-slide {
    cursor: auto !important
}

.full-plyr .player-controls-middle {
    display: none !important
}

@media (min-width:48rem) {

    .full-plyr .plyr,
    .full-plyr .plyr__video-embed {
        min-height: 100%;
        min-width: 100%
    }

    .full-plyr .plyr,
    .full-plyr .plyr__video-embed,
    .full-plyr iframe {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto
    }

    .full-plyr iframe {
        min-height: calc(100% + 12.5rem);
        min-width: calc(100% + 12.5rem)
    }
}

.player-controls-middle,
.plyr--stopped .plyr__controls {
    display: none !important
}

.plyr__controls {
    background-color: #1119 !important
}

@supports (color:color-mix(in lab, red, red)) {
    .plyr__controls {
        background-color: color-mix(in oklab, var(--color-rich-carbon)60%, transparent) !important
    }
}

.plyr__controls {
    padding-block: .375rem !important
}

@media (min-width:48rem) {
    .plyr__controls {
        inset: auto 1.5rem 1.5rem !important
    }
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    height: .063rem !important;
    margin: 0 !important
}

.plyr__progress__buffer {
    background-color: #e7e7e766 !important;
    width: 100%
}

@supports (color:color-mix(in lab, red, red)) {
    .plyr__progress__buffer {
        background-color: color-mix(in oklab, var(--color-off-white)40%, transparent) !important
    }
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #fff var(--value, 0), #0000 var(--value, 0)) !important;
    height: .063rem !important
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    display: none
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: 0 0 !important;
    color: #fff
}

.plyr__control {
    color: var(--color-off-white);
    font-family: var(--font-azeret-mono) !important;
    font-size: .688rem !important;
    line-height: 130% !important;
    text-transform: uppercase !important
}

.plyr__control svg {
    display: none
}

.plyr__control[aria-label=Play]:before {
    content: "Play"
}

.plyr__control[aria-label=Pause]:before {
    content: "Pause"
}

.plyr__control[data-plyr=mute][aria-pressed=false]:before {
    content: "Mute"
}

.plyr__control[data-plyr=mute][aria-pressed=true]:before {
    content: "Unmute"
}

.plyr__control[data-plyr=fullscreen][aria-pressed=false]:before {
    content: "fullscreen"
}

.plyr__control[data-plyr=fullscreen][aria-pressed=true]:before {
    content: "exit fullscreen"
}

:where(.prose>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-end: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
    margin-block-start: calc(1.25rem*var(--tw-space-y-reverse))
}

.prose {
    font-size: .938rem;
    line-height: 110%
}

@media (min-width:48rem) {
    :where(.prose>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-end: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
        margin-block-start: calc(1.5rem*var(--tw-space-y-reverse))
    }
}

.prose :not(h1, h2, h3, h4, h5, h6) {
    color: #e7e7e799
}

@supports (color:color-mix(in lab, red, red)) {
    .prose :not(h1, h2, h3, h4, h5, h6) {
        color: color-mix(in oklab, var(--color-off-white)60%, transparent)
    }
}

.prose h1 {
    font-size: 2.75rem;
    font-weight: 500;
    line-height: .95
}

@media (min-width:48rem) {
    .prose h1 {
        font-size: 3.5rem;
        line-height: 1
    }
}

@media (min-width:64rem) {
    .prose h1 {
        font-size: 4.875rem;
        line-height: 1
    }
}

.prose h2 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: .95
}

@media (min-width:48rem) {
    .prose h2 {
        font-size: 3.75rem
    }
}

.prose h3 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1
}

@media (min-width:48rem) {
    .prose h3 {
        font-size: 3.125rem
    }
}

.prose h4 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1
}

@media (min-width:48rem) {
    .prose h4 {
        font-size: 2.5rem
    }
}

.prose h5 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1
}

@media (min-width:48rem) {
    .prose h5 {
        font-size: 1.875rem
    }
}

.prose h6 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.1
}

@media (min-width:48rem) {
    .prose h6 {
        font-size: 1.375rem;
        line-height: 1
    }
}

.prose strong {
    color: var(--color-off-white);
    font-weight: 400
}

.prose ul {
    list-style-type: disc;
    padding-left: 1rem
}

.prose ol {
    list-style-type: decimal;
    padding-left: 1rem
}

.prose--rich {
    font-size: .875rem;
    line-height: 120%
}

@media (min-width:48rem) {
    .prose--rich {
        font-size: 1rem
    }
}

.prose--rich h2 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1
}

@media (min-width:48rem) {
    .prose--rich h2 {
        font-size: 1.875rem
    }
}

.prose--rich h2 {
    text-transform: uppercase
}

.prose--rich h3,
.prose--rich h4,
.prose--rich h5,
.prose--rich h6 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.1
}

@media (min-width:48rem) {

    .prose--rich h3,
    .prose--rich h4,
    .prose--rich h5,
    .prose--rich h6 {
        font-size: 1.375rem;
        line-height: 1
    }
}

.prose--rich h3,
.prose--rich h4,
.prose--rich h5,
.prose--rich h6 {
    text-transform: uppercase
}

.prose--rich figure {
    display: block;
    margin-block: 3.5rem
}

@media (min-width:48rem) {
    .prose--rich figure {
        margin-block: 4rem
    }
}

.prose--rich blockquote {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    margin-block: 3.5rem;
    padding-block: 1.25rem
}

@media (min-width:48rem) {
    .prose--rich blockquote {
        font-size: 1.875rem
    }
}

.prose--rich blockquote {
    color: var(--color-neural-fog);
    font-style: normal;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .prose--rich blockquote {
        margin-block: 4rem;
        padding-block: 1.5rem
    }
}

.prose--rich blockquote p {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1
}

@media (min-width:48rem) {
    .prose--rich blockquote p {
        font-size: 1.875rem
    }
}

.prose--rich blockquote p {
    color: var(--color-neural-fog);
    font-style: normal;
    text-transform: uppercase
}

.prose--rich a {
    color: var(--color-off-white);
    text-decoration-line: underline
}

@media (hover:hover) {
    .prose--rich a:hover {
        text-decoration-line: none
    }
}

.prose--rich ol,
.prose--rich ul {
    margin-block: 3.5rem
}

@media (min-width:48rem) {

    .prose--rich ol,
    .prose--rich ul {
        margin-block: 4rem
    }
}

:is(.prose--rich ul, .prose--rich ol) ol,
:is(.prose--rich ul, .prose--rich ol) ul {
    margin-block: 1.5rem
}

.prose--rich .media,
.prose--rich iframe {
    aspect-ratio: var(--aspect-video);
    display: block;
    height: auto;
    margin-block: 3.5rem;
    width: 100%
}

@media (min-width:48rem) {

    .prose--rich .media,
    .prose--rich iframe {
        margin-block: 4rem
    }
}

:is(.prose--rich .media, .prose--rich iframe) iframe {
    margin-block: calc(var(--spacing)*0)
}

.fui-form .fui-form-container {
    padding-bottom: 2rem
}

@media (min-width:48rem) {
    .fui-form .fui-form-container {
        padding-bottom: 2.5rem
    }
}

.fui-form .fui-page-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2.5rem
}

.fui-form .fui-fieldset:has(.fui-checkbox) legend {
    display: none
}

.fui-form .fui-fieldset legend {
    color: var(--color-rich-carbon);
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    line-height: 130%;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.fui-form .fui-input-wrapper {
    display: flex;
    width: 100%
}

.fui-form .fui-input[type=email],
.fui-form .fui-input[type=password],
.fui-form .fui-input[type=tel],
.fui-form .fui-input[type=text],
.fui-form textarea.fui-input {
    border-bottom: .063rem var(--tw-border-style);
    border-color: #1113
}

@supports (color:color-mix(in lab, red, red)) {

    .fui-form .fui-input[type=email],
    .fui-form .fui-input[type=password],
    .fui-form .fui-input[type=tel],
    .fui-form .fui-input[type=text],
    .fui-form textarea.fui-input {
        border-color: color-mix(in oklab, var(--color-rich-carbon)20%, transparent)
    }
}

.fui-form .fui-input[type=email],
.fui-form .fui-input[type=password],
.fui-form .fui-input[type=tel],
.fui-form .fui-input[type=text],
.fui-form textarea.fui-input {
    font-size: .875rem;
    line-height: 115%
}

@media (hover:hover) {
    :is(.fui-form .fui-input[type=text], .fui-form .fui-input[type=email], .fui-form .fui-input[type=tel], .fui-form .fui-input[type=password], .fui-form textarea.fui-input):hover {
        border-color: #1119
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.fui-form .fui-input[type=text], .fui-form .fui-input[type=email], .fui-form .fui-input[type=tel], .fui-form .fui-input[type=password], .fui-form textarea.fui-input):hover {
            border-color: color-mix(in oklab, var(--color-rich-carbon)60%, transparent)
        }
    }
}

.fui-form .fui-input[type=email],
.fui-form .fui-input[type=password],
.fui-form .fui-input[type=tel],
.fui-form .fui-input[type=text],
.fui-form textarea.fui-input {
    padding-bottom: .563rem;
    width: 100%
}

:is(.fui-form .fui-input[type=text], .fui-form .fui-input[type=email], .fui-form .fui-input[type=tel], .fui-form .fui-input[type=password], .fui-form textarea.fui-input):focus {
    border-color: var(--color-rich-carbon);
    outline-style: var(--tw-outline-style);
    outline-width: 0
}

:is(.fui-form .fui-input[type=text], .fui-form .fui-input[type=email], .fui-form .fui-input[type=tel], .fui-form .fui-input[type=password], .fui-form textarea.fui-input).fui-error {
    border-color: var(--color-validation-red)
}

.fui-form .fui-label {
    border-width: 0;
    clip-path: inset(50%);
    color: var(--color-rich-carbon);
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    height: .063rem;
    line-height: 130%;
    margin: -.063rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    white-space: nowrap;
    width: .063rem
}

.fui-form .fui-checkbox {
    align-items: flex-start;
    display: flex;
    gap: .5rem
}

.fui-form .fui-checkbox input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #1116;
    border-radius: .25rem;
    border-style: var(--tw-border-style);
    border-width: .063rem;
    cursor: pointer;
    flex-shrink: 0;
    height: 1rem;
    margin-top: -.063rem;
    position: relative;
    width: 1rem
}

@supports (color:color-mix(in lab, red, red)) {
    .fui-form .fui-checkbox input[type=checkbox] {
        border-color: color-mix(in oklab, var(--color-rich-carbon)40%, transparent)
    }
}

.fui-form .fui-checkbox input[type=checkbox] {
    background-color: #1111111a
}

@supports (color:color-mix(in lab, red, red)) {
    .fui-form .fui-checkbox input[type=checkbox] {
        background-color: color-mix(in oklab, var(--color-rich-carbon)10%, transparent)
    }
}

.fui-form .fui-checkbox input[type=checkbox]:checked {
    background-color: var(--color-rich-carbon);
    border-color: var(--color-rich-carbon)
}

.fui-form .fui-checkbox input[type=checkbox]:checked:after {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    background-color: var(--color-off-white);
    border-radius: 340.282375rem;
    content: "";
    height: .375rem;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: var(--tw-translate-x)var(--tw-translate-y);
    width: .375rem
}

.fui-form .fui-checkbox label {
    color: #1116;
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    line-height: 130%;
    text-transform: uppercase
}

@supports (color:color-mix(in lab, red, red)) {
    .fui-form .fui-checkbox label {
        color: color-mix(in oklab, var(--color-rich-carbon)40%, transparent)
    }
}

.fui-form .fui-checkbox label a {
    color: var(--color-rich-carbon);
    text-decoration-line: underline
}

@media (hover:hover) {
    .fui-form .fui-checkbox label a:hover {
        text-decoration-line: none
    }
}

.fui-form .fui-group {
    width: 100%
}

.fui-form .fui-group .fui-field-rows {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width:48rem) {
    .fui-form .fui-group .fui-field-rows {
        gap: 1.5rem
    }
}

.fui-form .fui-group .fui-field-rows .fui-row {
    display: grid;
    gap: 1.5rem
}

@media (min-width:48rem) {
    .fui-form .fui-group .fui-field-rows .fui-row {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.fui-form .fui-field {
    position: relative
}

.fui-form .fui-field .fui-errors {
    color: var(--color-validation-red);
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    left: calc(var(--spacing)*0);
    line-height: 130%;
    position: absolute;
    text-transform: uppercase;
    text-transform: none;
    top: calc(100% + .25rem)
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-legend {
    color: var(--color-rich-carbon);
    float: left;
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    line-height: 130%;
    margin: calc(var(--spacing)*0);
    text-transform: uppercase
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-required {
    display: none
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-instructions {
    color: #1116;
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    line-height: 130%;
    text-transform: uppercase
}

@supports (color:color-mix(in lab, red, red)) {
    .fui-form .fui-type-radio .fui-layout-horizontal .fui-instructions {
        color: color-mix(in oklab, var(--color-rich-carbon)40%, transparent)
    }
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-layout-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-radio-input {
    border-width: 0;
    clip-path: inset(50%);
    height: .063rem;
    margin: -.063rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: .063rem
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-radio-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-family: var(--font-azeret-mono);
    font-size: .75rem;
    gap: .625rem;
    line-height: 120%;
    padding: .75rem;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .fui-form .fui-type-radio .fui-layout-horizontal .fui-radio-label {
        font-size: .875rem
    }
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-radio-label {
    color: #1116
}

@supports (color:color-mix(in lab, red, red)) {
    .fui-form .fui-type-radio .fui-layout-horizontal .fui-radio-label {
        color: color-mix(in oklab, var(--color-rich-carbon)40%, transparent)
    }
}

.fui-form .fui-type-radio .fui-layout-horizontal .fui-radio-label {
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

@media (hover:hover) {
    .fui-form .fui-type-radio .fui-layout-horizontal .fui-radio-label:hover {
        background-color: var(--color-off-white);
        color: var(--color-rich-carbon)
    }
}

.fui-form .fui-type-radio .fui-layout-horizontal :checked+.fui-radio-label {
    background-color: var(--color-off-white);
    color: var(--color-infrared)
}

.fui-form .fui-type-radio .fui-layout-horizontal :checked+.fui-radio-label:before {
    background-color: var(--color-infrared);
    border-radius: .188rem;
    content: "";
    height: .625rem;
    width: .625rem
}

.fui-form .iti {
    width: 100%
}

.fui-form .iti .iti__selected-country {
    padding-bottom: .5rem
}

.fui-form .iti .iti__selected-country .iti__selected-dial-code {
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    line-height: 130%;
    text-transform: uppercase
}

.fui-alert-error {
    background-color: var(--color-validation-red);
    color: var(--color-off-white);
    margin-bottom: 1rem
}

.fui-alert-error,
.fui-alert-success {
    text-wrap: pretty;
    font-family: var(--font-azeret-mono);
    font-size: .688rem;
    line-height: 130%;
    padding-block: .5rem;
    padding-inline: 1rem;
    text-align: center;
    text-transform: uppercase
}

.fui-alert-success {
    background-color: var(--color-validation-green-dark);
    margin-bottom: .5rem
}

.iti__country-container {
    left: 0 !important;
    right: auto !important
}

.iti__tel-input {
    padding-left: 5rem !important;
    padding-right: 0 !important
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@keyframes glitch-hover {
    0% {
        opacity: 1
    }

    8% {
        opacity: .7
    }

    12% {
        opacity: .2
    }

    18% {
        opacity: .9
    }

    25% {
        opacity: 1
    }

    32% {
        opacity: .4
    }

    38% {
        opacity: .8
    }

    42% {
        opacity: .3
    }

    48% {
        opacity: 1
    }

    65% {
        opacity: .85
    }

    72% {
        opacity: .15
    }

    78% {
        opacity: .6
    }

    85% {
        opacity: 1
    }

    92% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}