/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@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: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --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: "Roc Grotesk",sans-serif;
        --font-azeret-mono: "Azeret Mono",monospace;
        --color-core-black: #090909;
        --color-rich-carbon: #111;
        --color-urban-smoke: #1b1b1b;
        --color-pulse-ash: #535353;
        --color-off-white: #e7e7e7;
        --color-neural-fog: #dadada;
        --color-white-flash: #f5f5f5;
        --color-electric-teal: #5c939f;
        --color-infrared: #ed6d40;
        --color-validation-green-dark: #59a993;
        --color-validation-red: #cb3500;
        --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:none!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: #e7e7e70d
    }

    @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: #e7e7e7cc
    }

    @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: #11111103
    }

    @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: #1113
    }

    @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 */
        width:35px
    }

    .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-\[18cqw\] {
            height: 18cqw
        }

        .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: Roc Grotesk;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.worldquantfoundry.com/assets/roc-grotesk-regular.woff2)format("woff2"),url(https://www.worldquantfoundry.com/assets/roc-grotesk-regular.woff)format("woff")
}

@font-face {
    font-display: swap;
    font-family: Roc Grotesk;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.worldquantfoundry.com/assets/roc-grotesk-medium.woff2)format("woff2"),url(https://www.worldquantfoundry.com/assets/roc-grotesk-medium.woff)format("woff")
}

@font-face {
    font-display: swap;
    font-family: Azeret Mono;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.worldquantfoundry.com/assets/azeret-mono-regular.otf)format("opentype")
}

.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
}

/* ── Custom Loader ─────────────────────────────────────── */
.loader-shell {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background:
        radial-gradient(circle at 20% 20%, rgba(0,0,0,0.03), transparent 34%),
        radial-gradient(circle at 80% 10%, rgba(0,0,0,0.02), transparent 30%),
        #ffffff;
    color: #171717;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: opacity 0.45s ease, transform 0.45s ease
}

.dark .loader-shell {
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.05), transparent 34%),
        radial-gradient(circle at 80% 10%, rgba(255,255,255,0.04), transparent 30%),
        var(--color-rich-carbon);
    color: #f5f5f5
}

.loader-shell::before {
    content: "";
    position: absolute;
    inset: -20%;
    background: linear-gradient(120deg, rgba(0,112,243,0.08), rgba(121,40,202,0.08));
    filter: blur(40px);
    opacity: 0.6
}

.dark .loader-shell::before {
    background: linear-gradient(120deg, rgba(0,240,255,0.06), rgba(112,0,255,0.06));
    opacity: 0.75
}

.loader-shell.is-exiting::before {
    opacity: 0;
    transition: opacity 0.35s ease
}

.loader-word {
    position: relative;
    display: flex;
    gap: clamp(0.18rem, 1vw, 0.5rem);
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: lowercase;
    font-size: clamp(2.6rem, 8vw, 5rem);
    z-index: 2
}

.loader-letter {
    display: inline-block;
    transform: translateY(var(--fromY, 0)) scale(1.08) translateZ(0);
    opacity: 0;
    filter: blur(6px);
    animation: loaderLetterIn 0.9s cubic-bezier(0.18, 0.8, 0.2, 1) forwards;
    animation-play-state: paused
}

html.loader-start .loader-letter {
    animation-play-state: running
}

.loader-panels {
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
    pointer-events: none
}

.loader-panel {
    position: absolute;
    left: 0;
    right: 0;
    height: 50%;
    background: #ffffff;
    will-change: transform;
    transition: transform 0.75s cubic-bezier(0.22, 0.8, 0.24, 1) 0.4s
}

.dark .loader-panel {
    background: var(--color-rich-carbon)
}

.loader-panel.top {
    top: 0;
    transform: translateY(0)
}

.loader-panel.bottom {
    bottom: 0;
    transform: translateY(0)
}

.loader-shell.is-exiting .loader-panel.top {
    transform: translateY(-100%)
}

.loader-shell.is-exiting .loader-panel.bottom {
    transform: translateY(100%)
}

.loader-shell.is-exiting .loader-word {
    opacity: 0;
    transition: opacity 0.3s ease
}

.loader-shell.is-exiting {
    pointer-events: none;
    background: transparent
}

.loader-shell.reduce-motion .loader-letter {
    transform: none;
    filter: none;
    animation: loaderLetterFade 0.26s ease forwards
}

.loader-shell.reduce-motion .loader-panel {
    transition: opacity 0.28s ease
}

.loader-shell.reduce-motion.is-exiting .loader-panel {
    opacity: 0
}

@keyframes loaderLetterIn {
    0% {
        opacity: 0;
        transform: translateY(var(--fromY, 0)) scale(1.08);
        filter: blur(8px)
    }
    60% {
        opacity: 1;
        transform: translateY(6%) scale(1.02);
        filter: blur(0)
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0)
    }
}

@keyframes loaderLetterFade {
    from { opacity: 0 }
    to   { opacity: 1 }
}

@media (max-width: 640px) {
    .loader-word {
        letter-spacing: 0.04em
    }
}


.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: none!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
    }
}

/* ── Nav logo custom sizing ─────────────────────────────────────── */
.w-\[148px\] { width: 9.25rem; }
.h-\[36px\] { height:26px; }
.w-\[36px\] { width:26px; }
.group-\[\.-scrolled\]\:w-\[36px\]:is(:where(.group).-scrolled *) {
    width:26px;
}