/*! tailwindcss v4.3.0 | 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)))) {
        :root,
        :host {
            --phase-fill: 100%;
        }

        *,
        :before,
        :after,
        ::backdrop {
            --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-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --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-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --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: '';
            --nx-count: 0;
        }
    }
}

@layer theme {
    :root,
    :host {
        --font-sans: var(--font-sans);
        --font-serif: var(--font-serif);
        --font-mono: var(--font-mono);
        --color-blue-600: oklch(54.6% 0.245 262.881);
        --color-gray-500: oklch(55.1% 0.027 264.364);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --text-xs: var(--text-xs);
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: var(--text-sm);
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: var(--text-base);
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: var(--text-lg);
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: var(--text-xl);
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: var(--text-2xl);
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: var(--text-3xl);
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: var(--text-4xl);
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: var(--text-5xl);
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -0.05em;
        --tracking-tight: -0.025em;
        --tracking-normal: 0em;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-xs: var(--radius-xs);
        --radius-sm: var(--radius-sm);
        --radius-md: var(--radius-md);
        --radius-lg: var(--radius-lg);
        --radius-xl: var(--radius-xl);
        --radius-2xl: var(--radius-2xl);
        --radius-3xl: var(--radius-3xl);
        --shadow-xs: 0 1px 2px 0 #0000000d;
        --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --shadow-2xl: 0 25px 50px -12px #00000040;
        --drop-shadow-md: 0 3px 3px #0000001f;
        --ease-in: cubic-bezier(0.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-xl: 24px;
        --aspect-video: 16 / 9;
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-primary-50: var(--color-primary-50);
        --color-primary-100: var(--color-primary-100);
        --color-primary-200: var(--color-primary-200);
        --color-primary-300: var(--color-primary-300);
        --color-primary-400: var(--color-primary-400);
        --color-primary-500: var(--color-primary-500);
        --color-primary-600: var(--color-primary-600);
        --color-primary-700: var(--color-primary-700);
        --color-primary-800: var(--color-primary-800);
        --color-primary-900: var(--color-primary-900);
        --color-primary-950: var(--color-primary-950);
        --color-primary: var(--color-primary);
        --color-primary-hover: var(--color-primary-hover);
        --color-primary-ink: var(--color-primary-ink);
        --color-on-primary: var(--color-on-primary);
        --color-secondary-50: var(--color-secondary-50);
        --color-secondary-100: var(--color-secondary-100);
        --color-secondary-200: var(--color-secondary-200);
        --color-secondary-300: var(--color-secondary-300);
        --color-secondary-400: var(--color-secondary-400);
        --color-secondary-500: var(--color-secondary-500);
        --color-secondary-600: var(--color-secondary-600);
        --color-secondary-700: var(--color-secondary-700);
        --color-secondary-800: var(--color-secondary-800);
        --color-secondary-900: var(--color-secondary-900);
        --color-secondary-950: var(--color-secondary-950);
        --color-secondary: var(--color-secondary);
        --color-secondary-hover: var(--color-secondary-hover);
        --color-secondary-ink: var(--color-secondary-ink);
        --color-on-secondary: var(--color-on-secondary);
        --color-tertiary-50: var(--color-tertiary-50);
        --color-tertiary-100: var(--color-tertiary-100);
        --color-tertiary-200: var(--color-tertiary-200);
        --color-tertiary-300: var(--color-tertiary-300);
        --color-tertiary-400: var(--color-tertiary-400);
        --color-tertiary-500: var(--color-tertiary-500);
        --color-tertiary-600: var(--color-tertiary-600);
        --color-tertiary-700: var(--color-tertiary-700);
        --color-tertiary-800: var(--color-tertiary-800);
        --color-tertiary-900: var(--color-tertiary-900);
        --color-tertiary-950: var(--color-tertiary-950);
        --color-tertiary: var(--color-tertiary);
        --color-tertiary-hover: var(--color-tertiary-hover);
        --color-tertiary-ink: var(--color-tertiary-ink);
        --color-on-tertiary: var(--color-on-tertiary);
        --color-quaternary-50: var(--color-quaternary-50);
        --color-quaternary-100: var(--color-quaternary-100);
        --color-quaternary-200: var(--color-quaternary-200);
        --color-quaternary-300: var(--color-quaternary-300);
        --color-quaternary-400: var(--color-quaternary-400);
        --color-quaternary-500: var(--color-quaternary-500);
        --color-quaternary-600: var(--color-quaternary-600);
        --color-quaternary-700: var(--color-quaternary-700);
        --color-quaternary-800: var(--color-quaternary-800);
        --color-quaternary-900: var(--color-quaternary-900);
        --color-quaternary-950: var(--color-quaternary-950);
        --color-quaternary: var(--color-quaternary);
        --color-quaternary-hover: var(--color-quaternary-hover);
        --color-quaternary-ink: var(--color-quaternary-ink);
        --color-on-quaternary: var(--color-on-quaternary);
        --color-accent-50: var(--color-accent-50);
        --color-accent-100: var(--color-accent-100);
        --color-accent-200: var(--color-accent-200);
        --color-accent-300: var(--color-accent-300);
        --color-accent-400: var(--color-accent-400);
        --color-accent-500: var(--color-accent-500);
        --color-accent-600: var(--color-accent-600);
        --color-accent-700: var(--color-accent-700);
        --color-accent-800: var(--color-accent-800);
        --color-accent-900: var(--color-accent-900);
        --color-accent-950: var(--color-accent-950);
        --color-accent: var(--color-accent);
        --color-accent-hover: var(--color-accent-hover);
        --color-accent-ink: var(--color-accent-ink);
        --color-on-accent: var(--color-on-accent);
        --color-dark: var(--color-dark);
        --color-light: var(--color-light);
        --color-on-dark: var(--color-on-dark);
        --color-dark-surface: var(--color-dark-surface);
        --color-surface: var(--color-surface);
        --color-success: var(--color-success);
        --color-warning: var(--color-warning);
        --color-danger: var(--color-danger);
        --color-info: var(--color-info);
        --font-heading: var(--font-heading);
        --font-tertiary: var(--font-tertiary);
        --text-hero: var(--text-hero);
        --radius-20: var(--radius-20);
        --radius-28: var(--radius-28);
        --radius-40: var(--radius-40);
        --radius-pill: var(--radius-pill);
        --radius-btn: var(--radius-btn);
        --radius-card: var(--radius-card);
        --radius-badge: var(--radius-badge);
        --radius-input: var(--radius-input);
    }
}

@layer base {
    *,
    :after,
    :before,
    ::backdrop,
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        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-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent;
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }

    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;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }

    b,
    strong {
        font-weight: bolder;
    }

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

    small {
        font-size: 80%;
    }

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

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

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

    :-moz-focusring {
        outline: auto;
    }

    progress {
        vertical-align: baseline;
    }

    summary {
        display: list-item;
    }

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

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

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

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

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

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px;
    }

    ::file-selector-button {
        margin-inline-end: 4px;
    }

    ::placeholder {
        opacity: 1;
    }

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

            @supports (color: color-mix(in lab, red, red)) {
                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,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-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']),
    ::file-selector-button {
        appearance: button;
    }

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

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

    button:not(:disabled),
    [role='button']:not([aria-disabled='true']),
    summary {
        cursor: pointer;
    }

    *,
    :before,
    :after {
        box-sizing: border-box;
    }

    html {
        font-size: calc(16px * var(--text-scale, 1));
        scroll-behavior: smooth;
        -webkit-text-size-adjust: 100%;
        scrollbar-gutter: stable;
        overflow-x: clip;
    }

    body {
        font-family: var(--font-sans);
        font-size: var(--text-base);
        line-height: var(--leading-normal);
        color: var(--color-text);
        background-color: var(--color-bg);
        -webkit-font-smoothing: antialiased;
        letter-spacing: -0.01em;
        --section-space: calc(var(--section-y) * var(--section-y-scale));
        overflow-x: clip;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-heading);
        line-height: var(--leading-tight);
        letter-spacing: var(--heading-tracking);
        font-weight: var(--heading-weight);
        color: var(--color-text);
    }

    h1 {
        font-size: var(--text-5xl);
    }

    h2 {
        font-size: var(--text-4xl);
    }

    h3 {
        font-size: var(--text-3xl);
    }

    h4 {
        font-size: var(--text-2xl);
    }

    h5 {
        font-size: var(--text-xl);
    }

    h6 {
        font-size: var(--text-lg);
    }

    p {
        line-height: var(--leading-relaxed);
        --text-xs--line-height: var(--leading-normal);
        --text-sm--line-height: var(--leading-normal);
        --text-base--line-height: var(--leading-relaxed);
        --text-lg--line-height: var(--leading-relaxed);
        --text-xl--line-height: var(--leading-normal);
    }

    a {
        color: var(--color-primary-ink);
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;
    }

    a:hover {
        color: var(--color-link-hover);
    }

    a:active {
        color: var(--color-primary-700);
    }

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

    :focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
        border-radius: var(--radius-xs);
    }

    :root[data-focus-source='pointer']
        :focus-visible:not(input, textarea, select, [contenteditable]) {
        outline: none !important;
    }

    ::selection {
        background: var(--color-primary-50);
        color: var(--color-text);
    }
}

@layer components {
    .avatar-stack {
        align-items: center;
        display: flex;
    }

    .avatar-stack > img {
        border-radius: var(--radius-full);
        object-fit: cover;
        border: 3px solid var(--color-bg);
        width: 3rem;
        height: 3rem;
        transition: transform var(--duration-base) var(--ease-lift);
        flex-shrink: 0;
        margin-left: -0.85rem;
    }

    .avatar-stack > img:hover {
        z-index: 1;
        position: relative;
        transform: translateY(-3px);
    }

    @media (prefers-reduced-motion: reduce) {
        .avatar-stack > img:hover {
            transform: none;
        }
    }

    .avatar-stack > img:first-child {
        margin-left: 0;
    }

    .avatar-stack-sm > img {
        width: 2.5rem;
        height: 2.5rem;
    }

    .avatar-stack-lg > img {
        width: 3.5rem;
        height: 3.5rem;
    }

    img[src*='/media/avatars/'] {
        background-color: var(--color-bg-muted);
    }

    .btn {
        font-family: var(--font-sans);
        font-size: var(--text-sm);
        font-weight: var(--btn-font-weight);
        line-height: var(--leading-normal);
        letter-spacing: var(--btn-letter-spacing);
        text-transform: var(--btn-text-transform);
        border-radius: var(--btn-radius-override, var(--radius-btn));
        cursor: pointer;
        white-space: nowrap;
        transition:
            background var(--duration-hover) var(--ease-out),
            color var(--duration-hover) var(--ease-out),
            border-color var(--duration-hover) var(--ease-out),
            box-shadow var(--duration-hover) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            filter var(--duration-hover) var(--ease-out);
        -webkit-user-select: none;
        user-select: none;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        --btn-hover-shadow: 0 10px 22px -10px var(--btn-tint, #0f172a);
        border: 1.5px solid #0000;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding: 0.85rem 1.625rem;
        text-decoration: none;
        display: inline-flex;

        @supports (color: color-mix(in lab, red, red)) {
            --btn-hover-shadow: 0 10px 22px -10px
                color-mix(in srgb, var(--btn-tint, #0f172a) 75%, transparent);
        }

        --btn-lift-shadow: 0 18px 32px -14px var(--btn-tint, #0f172a);

        @supports (color: color-mix(in lab, red, red)) {
            --btn-lift-shadow: 0 18px 32px -14px
                color-mix(in srgb, var(--btn-tint, #0f172a) 70%, transparent);
        }
    }

    .btn:focus-visible {
        outline: 2px solid var(--btn-tint, var(--color-primary));
        outline-offset: 3px;
    }

    .btn:active {
        transition-duration: 0.12s;
        transform: scale(0.97);
    }

    .btn:disabled,
    .btn[aria-disabled='true'] {
        opacity: 0.45;
        pointer-events: none;
        box-shadow: none;
    }

    .btn > :is(.ph, .ph-bold, .ph-fill),
    .btn-chip > :is(.ph, .ph-bold, .ph-fill) {
        flex-shrink: 0;
        font-size: 1.15em;
    }

    .btn:is(.btn-icon, .btn-circle) > :is(.ph, .ph-bold, .ph-fill) {
        font-size: 1.3em;
    }

    .btn :is(.ph-arrow-right, .ph-arrow-up-right, .ph-arrow-down, .ph-caret-right) {
        transition: transform var(--duration-base) var(--ease-lift);
    }

    .btn:is(:hover, :focus-visible):not(.nav-actions *) .ph-arrow-right,
    .btn:is(:hover, :focus-visible):not(.nav-actions *) .ph-caret-right {
        transform: translateX(3px);
    }

    .btn:is(:hover, :focus-visible):not(.nav-actions *) .ph-arrow-up-right {
        transform: translate(2px, -2px);
    }

    .btn:is(:hover, :focus-visible):not(.nav-actions *) .ph-arrow-down {
        transform: translateY(2px);
    }

    .btn-primary {
        --btn-tint: var(--color-primary);
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-on-primary);

        &:hover {
            background: var(--color-primary-hover);
            border-color: var(--color-primary-hover);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-secondary {
        --btn-tint: var(--color-secondary);
        background: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-on-secondary);

        &:hover {
            background: var(--color-secondary-hover);
            border-color: var(--color-secondary-hover);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-tertiary {
        --btn-tint: var(--color-tertiary);
        background: var(--color-tertiary);
        border-color: var(--color-tertiary);
        color: var(--color-on-tertiary);

        &:hover {
            background: var(--color-tertiary-900);
            border-color: var(--color-tertiary-900);
            color: #fff;
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-quaternary {
        --btn-tint: var(--color-quaternary);
        background: var(--color-quaternary);
        border-color: var(--color-quaternary);
        color: var(--color-on-quaternary);

        &:hover {
            background: var(--color-quaternary-900);
            border-color: var(--color-quaternary-900);
            color: #fff;
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-accent {
        --btn-tint: var(--color-accent);
        background: var(--color-accent);
        border-color: var(--color-accent);
        color: var(--color-on-accent);

        &:hover {
            background: var(--color-accent-600);
            border-color: var(--color-accent-600);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .btn-primary:is(:disabled, [aria-disabled='true']) {
            color: oklch(from var(--color-on-primary) clamp(0, (l - 0.6) * 1000000000, 1) 0 0);
        }

        .btn-secondary:is(:disabled, [aria-disabled='true']) {
            color: oklch(from var(--color-on-secondary) clamp(0, (l - 0.6) * 1000000000, 1) 0 0);
        }

        .btn-tertiary:is(:disabled, [aria-disabled='true']) {
            color: oklch(from var(--color-on-tertiary) clamp(0, (l - 0.6) * 1000000000, 1) 0 0);
        }

        .btn-quaternary:is(:disabled, [aria-disabled='true']) {
            color: oklch(from var(--color-on-quaternary) clamp(0, (l - 0.6) * 1000000000, 1) 0 0);
        }

        .btn-accent:is(:disabled, [aria-disabled='true']) {
            color: oklch(from var(--color-on-accent) clamp(0, (l - 0.6) * 1000000000, 1) 0 0);
        }
    }

    .btn-dark {
        --btn-tint: var(--color-dark);
        background: var(--color-dark);
        border-color: var(--color-dark);
        color: var(--color-on-dark);

        &:hover {
            background: var(--color-dark);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-dark) 84%, #fff);
            }

            border-color: var(--color-dark);

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in srgb, var(--color-dark) 84%, #fff);
            }

            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-light {
        background: var(--color-light);
        border-color: var(--color-light);
        color: var(--color-dark);

        &:hover {
            background: var(--color-bg-muted);
            border-color: var(--color-bg-muted);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-white {
        color: var(--color-primary-ink-light);
        background: #fff;
        border-color: #fff;

        &:hover {
            background: var(--color-bg-soft);
            border-color: var(--color-bg-soft);
        }
    }

    .btn-success,
    .btn-danger,
    .btn-warning,
    .btn-info {
        background: var(--btn-tint);
        border-color: var(--btn-tint);
        color: #fff;

        &:hover {
            background: var(--btn-tint);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--btn-tint) 86%, #000);
            }

            border-color: var(--btn-tint);

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in srgb, var(--btn-tint) 86%, #000);
            }

            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-success {
        --btn-tint: var(--color-success);
    }

    .btn-danger {
        --btn-tint: var(--color-danger);
    }

    .btn-warning {
        --btn-tint: var(--color-warning);
    }

    .btn-info {
        --btn-tint: var(--color-info);
    }

    .btn-outline {
        --btn-tint: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-primary-ink);
        background: none;

        &:hover {
            background: var(--color-primary);
            color: var(--color-on-primary);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-outline-secondary {
        --btn-tint: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-secondary-ink);
        background: none;

        &:hover {
            background: var(--color-secondary);
            color: var(--color-on-secondary);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-outline-tertiary {
        --btn-tint: var(--color-tertiary);
        border-color: var(--color-tertiary);
        color: var(--color-tertiary-ink);
        background: none;

        &:hover {
            background: var(--color-tertiary);
            color: var(--color-on-tertiary);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-outline-quaternary {
        --btn-tint: var(--color-quaternary);
        border-color: var(--color-quaternary);
        color: var(--color-quaternary-ink);
        background: none;

        &:hover {
            background: var(--color-quaternary);
            color: var(--color-on-quaternary);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-outline-accent {
        --btn-tint: var(--color-accent);
        border-color: var(--color-accent);
        color: var(--color-accent-ink);
        background: none;

        &:hover {
            background: var(--color-accent);
            color: var(--color-on-accent);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-outline-dark {
        --btn-tint: var(--color-dark);
        border-color: var(--color-dark);
        color: var(--color-dark);
        background: none;

        &:hover {
            background: var(--color-dark);
            color: var(--color-on-dark);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-outline-light {
        border-color: var(--color-light);
        color: var(--color-light);
        background: none;

        &:hover {
            background: var(--color-light);
            color: var(--color-dark);
        }
    }

    .btn-outline-white {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.6);
        color: var(--on-surface, #fff);
        background: none;

        &:hover {
            background: oklch(from var(--on-surface, #fff) l c h / 0.15);
            border-color: var(--on-surface, #fff);
        }
    }

    .btn-soft {
        background: var(--color-primary-50);
        color: var(--color-primary-ink);
        border-color: #0000;

        &:hover {
            background: var(--color-primary-100);
        }
    }

    .btn-soft-secondary {
        background: var(--color-secondary-50);
        color: var(--color-secondary-ink);
        border-color: #0000;

        &:hover {
            background: var(--color-secondary-100);
        }
    }

    .btn-soft-tertiary {
        background: var(--color-tertiary-50);
        color: var(--color-tertiary-ink);
        border-color: #0000;

        &:hover {
            background: var(--color-tertiary-100);
        }
    }

    .btn-soft-quaternary {
        background: var(--color-quaternary-50);
        color: var(--color-quaternary-ink);
        border-color: #0000;

        &:hover {
            background: var(--color-quaternary-100);
        }
    }

    .btn-soft-accent {
        background: var(--color-accent-50);
        color: var(--color-accent-ink);
        border-color: #0000;

        &:hover {
            background: var(--color-accent-100);
        }
    }

    .btn-soft-dark {
        background: var(--color-dark-bg);
        color: var(--color-dark);
        border-color: #0000;

        &:hover {
            background: var(--color-quaternary-100);
        }
    }

    .btn-soft-light {
        background: var(--color-light-bg);
        color: var(--color-light);
        border-color: #0000;

        &:hover {
            background: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-light) 22%, transparent);
            }
        }
    }

    .btn-ghost {
        color: var(--color-text-soft);
        background: none;
        border-color: #0000;

        &:hover {
            background: var(--color-bg-muted);
            color: var(--color-text);
        }
    }

    .btn-ghost-light {
        color: var(--color-light);
        background: none;
        border-color: #0000;

        &:hover {
            background: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-light) 12%, transparent);
            }
        }
    }

    .btn-glass {
        color: #fff;
        letter-spacing: -0.01em;
        -webkit-backdrop-filter: blur(12px) saturate(140%);
        backdrop-filter: blur(12px) saturate(140%);
        background: #ffffff26;
        border-color: #0000;
        box-shadow: inset 0 0 0 1px #ffffff2e;

        &:hover {
            background: #ffffff40;
            box-shadow: inset 0 0 0 1px #ffffff4d;
        }
    }

    .btn-glass-dark {
        color: #fff;
        letter-spacing: -0.01em;
        -webkit-backdrop-filter: blur(12px) saturate(140%);
        backdrop-filter: blur(12px) saturate(140%);
        background: #00000038;
        border-color: #0000;
        box-shadow: inset 0 0 0 1px #ffffff1f;

        &:hover {
            background: #00000061;
        }
    }

    .btn-glass .btn-chip,
    .btn-glass-dark .btn-chip {
        color: var(--color-dark);
        background: #fff;
    }

    .btn-link {
        color: var(--color-primary-ink);
        text-underline-offset: 0.3em;
        background: none;
        border-color: #0000;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        text-decoration-thickness: 1px;

        &:hover {
            color: var(--color-primary-700);
            text-decoration: underline;
        }
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .btn-link:hover {
            color: oklch(from var(--color-primary-700) min(l, 0.5) c h);
        }
    }

    .btn-link-secondary {
        color: var(--color-secondary-ink);

        &:hover {
            color: var(--color-secondary-700);
        }
    }

    .btn-link-tertiary {
        color: var(--color-tertiary-ink);

        &:hover {
            color: var(--color-tertiary-900);
        }
    }

    .btn-link-accent {
        color: var(--color-accent-ink);

        &:hover {
            color: var(--color-accent-700);
        }
    }

    .btn-link-dark {
        color: var(--color-dark);

        &:hover {
            color: var(--color-quaternary-ink);
        }
    }

    .btn-link-light {
        color: var(--color-light);

        &:hover {
            color: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 70%, transparent);
            }
        }
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .btn-link-secondary:hover {
            color: oklch(from var(--color-secondary-700) min(l, 0.5) c h);
        }

        .btn-link-tertiary:hover {
            color: oklch(from var(--color-tertiary-900) min(l, 0.5) c h);
        }

        .btn-link-accent:hover {
            color: oklch(from var(--color-accent-700) min(l, 0.5) c h);
        }
    }

    .btn-link-arrow {
        gap: 0.75rem;

        &:hover {
            text-decoration: none;
        }
    }

    .link-arrow {
        width: 1.25rem;
        height: 0.625rem;
        transition: width var(--duration-slow) var(--ease-lift);
        flex-shrink: 0;
        display: inline-block;
        position: relative;
    }

    .link-arrow:before {
        content: '';
        background: currentColor;
        width: 100%;
        height: 1.5px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .link-arrow:after {
        content: '';
        opacity: 0;
        width: 0.5rem;
        height: 0.5rem;
        transition:
            opacity var(--duration-slow) var(--ease-lift),
            transform var(--duration-slow) var(--ease-lift);
        border-top: 1.5px solid;
        border-right: 1.5px solid;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(-0.375rem, -50%) rotate(45deg);
    }

    .btn-link-arrow:hover .link-arrow {
        width: 1.875rem;
    }

    .btn-link-arrow:hover .link-arrow:after {
        opacity: 1;
        transform: translate(0, -50%) rotate(45deg);
    }

    .btn.btn-3d:active {
        transform: translateY(4px) scale(1);
    }

    .btn-primary.btn-3d {
        box-shadow: 0 5px 0 0 var(--color-primary-800);

        &:hover {
            filter: brightness(1.08);
        }

        &:active {
            box-shadow: 0 1px 0 0 var(--color-primary-800);
            transform: translateY(4px);
        }
    }

    .btn-secondary.btn-3d {
        box-shadow: 0 5px 0 0 var(--color-secondary-800);

        &:hover {
            filter: brightness(1.08);
        }

        &:active {
            box-shadow: 0 1px 0 0 var(--color-secondary-800);
            transform: translateY(4px);
        }
    }

    .btn-tertiary.btn-3d {
        box-shadow: 0 5px 0 0 var(--color-tertiary-900);

        &:hover {
            filter: brightness(1.08);
        }

        &:active {
            box-shadow: 0 1px 0 0 var(--color-tertiary-900);
            transform: translateY(4px);
        }
    }

    .btn-quaternary.btn-3d {
        box-shadow: 0 5px 0 0 var(--color-quaternary-950);

        &:hover {
            filter: brightness(1.08);
        }

        &:active {
            box-shadow: 0 1px 0 0 var(--color-quaternary-950);
            transform: translateY(4px);
        }
    }

    .btn-accent.btn-3d {
        box-shadow: 0 5px 0 0 var(--color-accent-700);

        &:hover {
            filter: brightness(1.08);
        }

        &:active {
            box-shadow: 0 1px 0 0 var(--color-accent-700);
            transform: translateY(4px);
        }
    }

    .btn-dark.btn-3d {
        box-shadow: 0 5px 0 0 var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 0 0 color-mix(in srgb, var(--color-dark) 65%, #000);
        }

        &:hover {
            filter: brightness(1.1);
        }

        &:active {
            box-shadow: 0 1px 0 0 var(--color-dark);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 1px 0 0 color-mix(in srgb, var(--color-dark) 65%, #000);
            }

            transform: translateY(4px);
        }
    }

    .btn-light.btn-3d {
        box-shadow: 0 5px 0 0 var(--color-light);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 0 0 color-mix(in srgb, var(--color-light) 60%, #aaa);
        }

        &:hover {
            filter: brightness(0.95);
        }

        &:active {
            box-shadow: 0 1px 0 0 var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 1px 0 0 color-mix(in srgb, var(--color-light) 60%, #aaa);
            }

            transform: translateY(4px);
        }
    }

    .btn-gradient-primary-accent {
        --btn-tint: var(--color-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-shade) 100%);
        color: var(--color-on-primary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-primary-secondary {
        --btn-tint: var(--color-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary-400-shade) 100%);
        color: var(--color-on-primary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-primary-tertiary {
        --btn-tint: var(--color-primary);
        background:
            var(--gradient-secondary-light, none),
            linear-gradient(
                135deg,
                var(--color-secondary-400-shade) 0%,
                var(--color-tertiary-shade) 100%
            );
        color: var(--color-on-secondary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-secondary-accent {
        --btn-tint: var(--color-secondary);
        background:
            var(--gradient-secondary-light, none),
            linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent-shade) 100%);
        color: var(--color-on-secondary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-tertiary-accent {
        --btn-tint: var(--color-tertiary);
        background:
            var(--gradient-tertiary-light, none),
            linear-gradient(135deg, var(--color-tertiary) 0%, var(--color-accent-shade) 100%);
        color: var(--color-on-tertiary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-quaternary-accent {
        --btn-tint: var(--color-quaternary);
        background:
            var(--gradient-quaternary-light, none),
            linear-gradient(135deg, var(--color-quaternary) 0%, var(--color-accent-shade) 100%);
        color: var(--color-on-quaternary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-accent-primary {
        --btn-tint: var(--color-accent);
        background:
            var(--gradient-accent-light, none),
            linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary-shade) 100%);
        color: var(--color-on-accent);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-accent-dark {
        --btn-tint: var(--color-accent);
        background:
            var(--gradient-accent-light, none),
            linear-gradient(135deg, var(--color-accent) 0%, var(--color-dark) 100%);
        color: var(--color-on-accent);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-primary-dark {
        --btn-tint: var(--color-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary) 0%, var(--color-dark) 100%);
        color: var(--color-on-primary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-secondary-dark {
        --btn-tint: var(--color-secondary);
        background:
            var(--gradient-secondary-light, none),
            linear-gradient(135deg, var(--color-secondary) 0%, var(--color-dark) 100%);
        color: var(--color-on-secondary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-quaternary-dark {
        --btn-tint: var(--color-quaternary);
        background:
            var(--gradient-quaternary-light, none),
            linear-gradient(135deg, var(--color-quaternary) 0%, var(--color-dark) 100%);
        color: var(--color-on-quaternary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    .btn-gradient-primary-quaternary {
        --btn-tint: var(--color-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary) 0%, var(--color-quaternary-shade) 100%);
        color: var(--color-on-primary);
        border-color: #0000;

        &:hover {
            filter: brightness(1.08);
            box-shadow: var(--btn-hover-shadow);
        }
    }

    [class*='btn-gradient-']:not(.btn-gradient-outline) {
        border: none;
    }

    .btn-gradient-outline {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(135deg, var(--color-primary), var(--color-accent)) border-box;
        color: var(--color-primary-ink);
        border-color: #0000;

        &:hover {
            background:
                linear-gradient(var(--color-bg-soft), var(--color-bg-soft)) padding-box,
                linear-gradient(135deg, var(--color-primary), var(--color-accent)) border-box;
            color: var(--color-accent-ink);
        }
    }

    .btn-shadow {
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            box-shadow 0.45s var(--ease-lift),
            transform 0.45s var(--ease-lift),
            filter var(--duration-fast) var(--ease-out);
    }

    .btn-primary.btn-shadow {
        box-shadow: 0 5px 15px 0 var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--color-primary) 45%, transparent);
        }

        &:hover {
            box-shadow: 0 8px 25px 0 var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 25px 0 color-mix(in srgb, var(--color-primary) 55%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .btn-secondary.btn-shadow {
        box-shadow: 0 5px 15px 0 var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--color-secondary) 45%, transparent);
        }

        &:hover {
            box-shadow: 0 8px 25px 0 var(--color-secondary);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 25px 0 color-mix(in srgb, var(--color-secondary) 55%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .btn-tertiary.btn-shadow {
        box-shadow: 0 5px 15px 0 var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--color-tertiary) 45%, transparent);
        }

        &:hover {
            box-shadow: 0 8px 25px 0 var(--color-tertiary);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 25px 0 color-mix(in srgb, var(--color-tertiary) 55%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .btn-quaternary.btn-shadow {
        box-shadow: 0 5px 15px 0 var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--color-quaternary) 45%, transparent);
        }

        &:hover {
            box-shadow: 0 8px 25px 0 var(--color-quaternary);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 25px 0
                    color-mix(in srgb, var(--color-quaternary) 55%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .btn-accent.btn-shadow {
        box-shadow: 0 5px 15px 0 var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--color-accent) 45%, transparent);
        }

        &:hover {
            box-shadow: 0 8px 25px 0 var(--color-accent);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 25px 0 color-mix(in srgb, var(--color-accent) 55%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .btn-dark.btn-shadow {
        box-shadow: 0 5px 15px 0 var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--color-dark) 45%, transparent);
        }

        &:hover {
            box-shadow: 0 8px 25px 0 var(--color-dark);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 25px 0 color-mix(in srgb, var(--color-dark) 55%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .btn-light.btn-shadow {
        box-shadow: 0 5px 15px 0 var(--color-light);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--color-light) 45%, transparent);
        }

        &:hover {
            box-shadow: 0 8px 25px 0 var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 25px 0 color-mix(in srgb, var(--color-light) 55%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .btn-hover-lift {
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            box-shadow 0.45s var(--ease-lift),
            transform 0.45s var(--ease-lift),
            filter var(--duration-fast) var(--ease-out);

        &:hover {
            box-shadow: var(--btn-lift-shadow);
            transform: translateY(-3px);
        }
    }

    .btn-hover-float {
        &:hover {
            box-shadow: var(--shadow-lg);
            transform: translateY(-4px);
        }
    }

    .btn-hover-grow {
        &:hover {
            transform: scale(1.07);
        }
    }

    .btn-hover-shrink {
        &:hover {
            transform: scale(0.93);
        }
    }

    .btn-hover-rotate {
        &:hover {
            transform: rotate(-4deg);
        }
    }

    .btn-hover-skew {
        &:hover {
            transform: skewX(-6deg);
        }
    }

    .btn-hover-pulse {
        &:hover {
            animation: 0.4s ease-in-out btn-pulse;
        }
    }

    @keyframes btn-pulse {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.08);
        }

        100% {
            transform: scale(1);
        }
    }

    .btn-hover-fill-primary {
        background-image: linear-gradient(
            to right,
            var(--color-primary-hover) 50%,
            var(--color-primary) 50%
        );
        color: var(--color-on-primary);
        background-position: 100%;
        background-size: 200% 100%;
        background-origin: border-box;
        border-color: #0000;

        &:hover {
            box-shadow: var(--shadow-md);
            background-position: 0;
        }
    }

    .btn-hover-fill-accent {
        background-image: linear-gradient(
            to right,
            var(--color-accent-600) 50%,
            var(--color-accent) 50%
        );
        color: var(--color-on-accent);
        background-position: 100%;
        background-size: 200% 100%;
        background-origin: border-box;
        border-color: #0000;

        &:hover {
            box-shadow: var(--shadow-md);
            background-position: 0;
        }
    }

    .btn-hover-fill-dark {
        background-image: linear-gradient(to right, var(--color-dark) 50%, var(--color-dark) 50%);

        @supports (color: color-mix(in lab, red, red)) {
            background-image: linear-gradient(
                to right,
                color-mix(in srgb, var(--color-dark) 75%, #000) 50%,
                var(--color-dark) 50%
            );
        }

        color: var(--color-on-dark);
        background-position: 100%;
        background-size: 200% 100%;
        background-origin: border-box;
        border-color: #0000;

        &:hover {
            box-shadow: var(--shadow-md);
            background-position: 0;
        }
    }

    .btn-hover-text-slide {
        position: relative;
        overflow: hidden;

        & > span {
            transition:
                transform 0.75s var(--ease-out),
                opacity 0.75s var(--ease-out);
            display: inline-block;
        }

        &:before {
            content: attr(data-text);
            opacity: 0;
            transition:
                transform 0.75s var(--ease-out),
                opacity 0.75s var(--ease-out);
            justify-content: center;
            align-items: center;
            display: flex;
            position: absolute;
            inset: 0;
            transform: translateY(110%);
        }

        &:hover > span {
            opacity: 0;
            transition:
                transform 0.52s var(--ease-out),
                opacity 0.52s var(--ease-out);
            transform: translateY(-110%);
        }

        &:hover:before {
            opacity: 1;
            transition:
                transform 0.52s var(--ease-out),
                opacity 0.52s var(--ease-out);
            transform: translateY(0);
        }
    }

    .btn-xs {
        font-size: var(--text-xs);
        padding: 0.3rem 0.75rem;
    }

    .btn-sm {
        font-size: var(--text-sm);
        padding: 0.5rem 1rem;
    }

    .btn-lg {
        font-size: var(--text-base);
        padding: 0.875rem 2rem;
    }

    .btn-xl {
        font-size: var(--text-lg);
        padding: 1.125rem 2.5rem;
    }

    .btn-pill {
        border-radius: var(--btn-radius-override, var(--radius-full));
    }

    .btn-square {
        border-radius: var(--btn-radius-override, 0);
    }

    .btn-block {
        width: 100%;
    }

    .btn-icon {
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
    }

    .btn-icon.btn-xs {
        width: 1.75rem;
        height: 1.75rem;
    }

    .btn-icon.btn-sm {
        width: 2.25rem;
        height: 2.25rem;
    }

    .btn-icon.btn-lg {
        width: 3.25rem;
        height: 3.25rem;
    }

    .btn-icon.btn-xl {
        width: 4rem;
        height: 4rem;
    }

    .btn-circle {
        aspect-ratio: 1;
        width: 2.75rem;
        height: 2.75rem;
        padding: 0;
        border-radius: var(--radius-full) !important;
    }

    .btn-circle.btn-xs {
        width: 1.75rem;
        height: 1.75rem;
        font-size: var(--text-xs);
    }

    .btn-circle.btn-sm {
        width: 2.25rem;
        height: 2.25rem;
        font-size: var(--text-sm);
    }

    .btn-circle.btn-lg {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.1rem;
    }

    .btn-circle.btn-xl {
        width: 4.5rem;
        height: 4.5rem;
        font-size: 1.4rem;
    }

    .btn-copy {
        --copy-ink: var(--on-surface, var(--color-text));
        --copy-on: oklch(from var(--copy-ink) clamp(0.2, (0.6 - l) * 1000, 1) 0 0);
        --btn-tint: var(--copy-ink);
        border: 1px solid var(--copy-ink);

        @supports (color: color-mix(in lab, red, red)) {
            border: 1px solid color-mix(in srgb, var(--copy-ink) 22%, transparent);
        }

        color: var(--copy-ink);
        background: none;

        &:hover,
        &.is-copied {
            border-color: var(--copy-ink);
            background: var(--copy-ink);
            color: var(--copy-on);
        }
    }

    .arrow-circle {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        width: 3rem;
        height: 3rem;
        transition:
            background-color var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out);
        flex-shrink: 0;
        place-items: center;
        font-size: 1.25rem;
        display: grid;
    }

    :is(a, .group):hover > .arrow-circle,
    .group:hover .arrow-circle {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        color: var(--color-on-primary);
    }

    .btn-badge-wrap {
        display: inline-flex;
        position: relative;
    }

    .btn-badge {
        background: var(--color-danger);
        color: #fff;
        font-variant-numeric: tabular-nums;
        border-radius: var(--radius-pill);
        min-width: 1.15rem;
        height: 1.15rem;
        box-shadow: 0 0 0 2px var(--color-bg);
        text-align: center;
        white-space: nowrap;
        pointer-events: none;
        padding: 0 0.25rem;
        font-size: 0.6875rem;
        font-weight: 700;
        line-height: 1.15rem;
        position: absolute;
        top: -0.45rem;
        right: -0.45rem;
    }

    .btn-chip {
        border-radius: calc(var(--btn-radius-override, var(--radius-full)) * 0.6);
        background: #ffffff40;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 2.25rem;
        height: 2.25rem;
        display: inline-flex;
    }

    .btn-xs .btn-chip {
        width: 1rem;
        height: 1rem;
    }

    .btn-sm .btn-chip {
        width: 1.375rem;
        height: 1.375rem;
    }

    .btn-lg .btn-chip {
        width: 2rem;
        height: 2rem;
    }

    .btn-xl .btn-chip {
        width: 2.5rem;
        height: 2.5rem;
    }

    .btn-light .btn-chip {
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .btn-white .btn-chip {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    :is(.btn-ghost, .btn-ghost-light) .btn-chip {
        background: currentColor;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, currentColor 16%, transparent);
        }
    }

    :is(.btn-outline, .btn-soft) .btn-chip {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    :is(.btn-outline-secondary, .btn-soft-secondary) .btn-chip {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
    }

    :is(.btn-outline-tertiary, .btn-soft-tertiary) .btn-chip {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
    }

    :is(.btn-outline-quaternary, .btn-soft-quaternary) .btn-chip {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
    }

    :is(.btn-outline-accent, .btn-soft-accent) .btn-chip {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }

    :is(.btn-outline-dark, .btn-soft-dark) .btn-chip {
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    @media (prefers-reduced-motion: reduce) {
        .btn:is(:hover, :focus-visible):not(.nav-actions *)
            :is(.ph-arrow-right, .ph-arrow-up-right, .ph-arrow-down, .ph-caret-right) {
            transform: none;
        }
    }

    .badge {
        font-size: 0.8125rem;
        font-weight: 600;
        font-family: var(--font-sans);
        letter-spacing: 0.01em;
        border-radius: var(--radius-badge);
        white-space: nowrap;
        border: 1px solid #0000;
        align-items: center;
        gap: 0.3rem;
        padding: 0.3125rem 0.7rem;
        line-height: 1.1;
        display: inline-flex;
    }

    .badge.uppercase {
        letter-spacing: 0.08em;
        font-size: 0.6875rem;
    }

    .badge:has(> .badge-dot-indicator) {
        gap: 0.45rem;
    }

    [class*='badge-fade-'] {
        border: none;
        padding: 0.55rem 1.1rem;
    }

    .badge-fade-primary {
        background: linear-gradient(to right, transparent, var(--color-primary-100));
        color: var(--color-primary-ink);
    }

    .badge-fade-secondary {
        background: linear-gradient(to right, transparent, var(--color-secondary-100));
        color: var(--color-secondary-ink);
    }

    .badge-fade-tertiary {
        background: linear-gradient(to right, transparent, var(--color-tertiary-100));
        color: var(--color-tertiary-ink);
    }

    .badge-fade-quaternary {
        background: linear-gradient(to right, transparent, var(--color-quaternary-100));
        color: var(--color-quaternary-ink);
    }

    .badge-fade-accent {
        background: linear-gradient(to right, transparent, var(--color-accent-100));
        color: var(--color-accent-700);
    }

    .badge-fade-dark {
        background: linear-gradient(to right, transparent, var(--color-dark-bg));
        color: var(--color-dark);
    }

    .badge-fade-success {
        background: linear-gradient(to right, transparent, var(--color-success-bg));
        color: var(--color-success);
    }

    .badge-fade-warning {
        background: linear-gradient(to right, transparent, var(--color-warning-bg));
        color: var(--color-warning);
    }

    .badge-fade-danger {
        background: linear-gradient(to right, transparent, var(--color-danger-bg));
        color: var(--color-danger);
    }

    .badge-fade-info {
        background: linear-gradient(to right, transparent, var(--color-info-bg));
        color: var(--color-info);
    }

    .badge-xs {
        padding: 0.15rem 0.45rem;
        font-size: 0.6875rem;
    }

    .badge-sm {
        padding: 0.2rem 0.55rem;
        font-size: 0.75rem;
    }

    .badge-lg {
        padding: 0.4rem 0.9rem;
        font-size: 0.9375rem;
    }

    .badge-square {
        border-radius: var(--radius-xs);
    }

    .badge-rounded {
        border-radius: var(--radius-sm);
    }

    .badge-shadow {
        box-shadow: var(--shadow-sm);
        border-color: currentColor;
        padding: 0.4rem 1rem;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklch, currentColor 30%, transparent);
        }
    }

    .badge-dot-indicator {
        border-radius: 50%;
        flex-shrink: 0;
        width: 6px;
        height: 6px;
        display: inline-block;
    }

    .badge-online {
        background: var(--color-success-bg);
        color: var(--color-success);
    }

    .badge-offline {
        background: var(--color-bg-muted);
        color: var(--color-text-muted);
    }

    .badge-away {
        background: var(--color-warning-bg);
        color: var(--color-warning);
    }

    .badge-busy,
    .badge-live {
        background: var(--color-danger-bg);
        color: var(--color-danger);
    }

    .badge-online .badge-dot-indicator {
        background: var(--color-success);
    }

    .badge-offline .badge-dot-indicator {
        background: var(--color-text-muted);
    }

    .badge-away .badge-dot-indicator {
        background: var(--color-warning);
    }

    .badge-busy .badge-dot-indicator {
        background: var(--color-danger);
    }

    .badge-live .badge-dot-indicator {
        background: var(--color-danger);
        position: relative;
    }

    .badge-live .badge-dot-indicator:before {
        content: '';
        border: 1.5px solid var(--color-danger);
        border-radius: 50%;
        animation: 1.4s ease-out infinite badge-dot-pulse;
        position: absolute;
        inset: -3px;
    }

    .badge-count {
        min-width: 1.25rem;
        height: 1.25rem;
        font-size: 0.6875rem;
        font-weight: 700;
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        letter-spacing: 0;
        border-radius: var(--radius-pill);
        white-space: nowrap;
        justify-content: center;
        align-items: center;
        padding: 0 0.3rem;
        line-height: 1.25rem;
        display: inline-flex;
    }

    .badge-count-sm {
        min-width: 1rem;
        height: 1rem;
        font-size: 0.55rem;
        line-height: 1rem;
    }

    .badge-remove {
        width: 1rem;
        height: 1rem;
        color: inherit;
        cursor: pointer;
        opacity: 0.6;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        margin-right: -0.2rem;
        padding: 0;
        font-size: 0.7rem;
        line-height: 1;
        display: inline-flex;

        &:hover {
            opacity: 1;
            background: currentColor;

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, currentColor 16%, transparent);
            }
        }
    }

    .badge-gradient-primary {
        background:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary-400-shade), var(--color-primary-700));
        color: var(--color-on-primary);
        border: none;
    }

    .badge-gradient-accent {
        background:
            var(--gradient-accent-light, none),
            linear-gradient(135deg, var(--color-accent-400-shade), var(--color-accent-700));
        color: var(--color-on-accent);
        border: none;
    }

    .badge-gradient-dark {
        background: linear-gradient(135deg, var(--color-quaternary-600), var(--color-dark));
        color: #fff;
        border: none;
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .badge-gradient-dark {
            background: linear-gradient(
                135deg,
                oklch(from var(--color-quaternary-600) min(l, 0.554385) c h),
                var(--color-dark)
            );
        }
    }

    .badge-gradient-success {
        background: linear-gradient(135deg, #4ade80, var(--color-success));
        color: #fff;
        border: none;
    }

    .badge-split {
        background: var(--color-primary-50);
        border-radius: var(--radius-pill);
        font-family: var(--font-sans);
        white-space: nowrap;
        transition:
            box-shadow var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        border: none;
        align-items: center;
        gap: 0.45rem;
        padding: 0.25rem 0.85rem 0.25rem 0.25rem;
        display: inline-flex;

        .dark & {
            background: var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in oklch, var(--color-primary) 12%, transparent);
            }
        }
    }

    .badge-split:hover {
        box-shadow: var(--shadow-sm);
        transform: translateY(-1px);
    }

    .badge-split > :first-child {
        background: linear-gradient(135deg, var(--color-primary-400-shade), var(--color-primary));
        color: var(--color-on-primary);
        border-radius: var(--radius-pill);
        letter-spacing: 0.03em;
        align-items: center;
        gap: 0.3rem;
        padding: 0.3rem 0.75rem;
        font-size: 0.7rem;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
    }

    .badge-split > :last-child {
        color: var(--color-primary-ink);
        letter-spacing: 0.02em;
        background: none;
        align-items: center;
        gap: 0.3rem;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        display: inline-flex;

        .dark & {
            color: var(--color-primary-300);
        }
    }

    .badge-glass {
        -webkit-backdrop-filter: blur(12px) saturate(140%);
        backdrop-filter: blur(12px) saturate(140%);
        color: var(--color-dark);
        background: #ffffff4d;
        border-color: #0000;
        padding: 0.5rem 1.2rem;

        .dark & {
            color: #fff;
            background: #0006;
            border-color: #0000;
        }
    }

    .badge-glass-dark {
        -webkit-backdrop-filter: blur(12px) saturate(140%);
        backdrop-filter: blur(12px) saturate(140%);
        color: #fff;
        background: #0000004d;
        border-color: #0000;
        padding: 0.5rem 1.2rem;
    }

    .badge-pulse {
        position: relative;
    }

    .badge-pulse:after {
        content: '';
        border-radius: inherit;
        opacity: 0;
        border: 1.5px solid;
        animation: 2s ease-out infinite badge-pulse-ring;
        position: absolute;
    }

    .tag {
        border-radius: var(--radius-pill);
        background: var(--color-bg-muted);
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        white-space: nowrap;
        transition:
            color var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        align-items: center;
        padding: 0.3rem 0.75rem;
        font-weight: 600;
        display: inline-flex;
    }

    a.tag:hover {
        color: var(--color-primary-ink);
        background: var(--color-primary-50);
    }

    .tag--light {
        background: oklch(from var(--on-surface, #fff) l c h / 0.1);
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
    }

    a.tag--light:hover {
        color: var(--on-surface, #fff);
        background: oklch(from var(--on-surface, #fff) l c h / 0.18);
    }

    .chip {
        border: 1px solid oklch(from var(--on-surface, #fff) l c h / 0.22);
        border-radius: var(--radius-pill);
        background: oklch(from var(--on-surface, #fff) l c h / 0.1);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        font-size: var(--text-sm);
        color: var(--on-surface, #fff);
        white-space: nowrap;
        align-items: center;
        gap: 0.6rem;
        padding: 0.55rem 1.05rem;
        font-weight: 500;
        display: inline-flex;
    }

    .chip b {
        font-size: var(--text-sm);
        color: oklch(from var(--on-surface, #fff) l c h / 0.6);
        font-weight: 500;
    }

    .chip--light {
        border-color: var(--color-border);
        background: var(--color-bg);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        color: var(--color-text);
    }

    .chip--light b {
        color: var(--color-text-muted);
    }

    .status-pill {
        border: 1px solid;
        align-items: center;
        gap: 0.65rem;
        padding: 0.4rem 0.95rem 0.4rem 0.75rem;
        display: inline-flex;
        position: relative;

        @supports (color: color-mix(in lab, red, red)) {
            border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
        }

        border-radius: var(--radius-pill);
        font-size: var(--text-sm);
        font-weight: 500;
    }

    .status-pill:before {
        content: '';
        background: #22c55e;
        border-radius: 50%;
        width: 0.55rem;
        height: 0.55rem;
    }

    .status-pill:after {
        content: '';
        opacity: 0;
        pointer-events: none;
        background: #22c55e;
        border-radius: 50%;
        width: 0.55rem;
        height: 0.55rem;
        animation: 2s ease-out infinite status-pulse;
        position: absolute;
        top: 50%;
        left: 0.75rem;
        translate: 0 -50%;
    }

    .status-pill--off:before {
        background: currentColor;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklab, currentColor 38%, transparent);
        }
    }

    .status-pill--off:after {
        content: none;
    }

    .dot {
        background: var(--dot, var(--color-primary));
        border-radius: 50%;
        flex-shrink: 0;
        width: 0.5rem;
        height: 0.5rem;
        display: inline-block;
    }

    .seal {
        --seal-size: 8rem;
        --seal-duration: 18s;
        width: var(--seal-size);
        height: var(--seal-size);
        color: var(--color-text);
        flex-shrink: 0;
        place-items: center;
        display: inline-grid;
        position: relative;
    }

    .seal-ring {
        width: 100%;
        height: 100%;
        animation: seal-spin var(--seal-duration) linear infinite;
        position: absolute;
        inset: 0;
    }

    .seal-ring text {
        fill: currentColor;
        font-family: var(--font-sans);
        letter-spacing: 0.22em;
        text-transform: uppercase;
        font-size: 9px;
        font-weight: 600;
    }

    .seal-icon {
        font-size: calc(var(--seal-size) * 0.22);
        color: currentColor;
        line-height: 1;
    }

    .seal--reverse .seal-ring {
        animation-direction: reverse;
    }

    .seal--still .seal-ring {
        animation: none;
    }

    .seal--sm {
        --seal-size: 6rem;
    }

    .seal--lg {
        --seal-size: 11rem;
    }

    .seal--primary {
        color: var(--color-primary-ink);
    }

    .seal--accent {
        color: var(--color-accent-ink);
    }

    .seal--light {
        color: var(--on-surface, #fff);
    }

    .seal--filled:before {
        content: '';
        background: currentColor;
        border-radius: 50%;
        position: absolute;
        inset: 14%;
    }

    .seal--filled .seal-icon {
        color: var(--color-bg);
        position: relative;
    }

    @media (prefers-reduced-motion: reduce) {
        .status-pill:before,
        .badge-pulse:after,
        .badge-live .badge-dot-indicator:before,
        .seal-ring {
            animation: none;
        }
    }

    .card {
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-card);
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        overflow: hidden;
    }

    .card:has(> .card-footer),
    .card:has(> .card-image:last-child) {
        flex-direction: column;
        display: flex;
    }

    .card-body {
        flex: auto;
        padding: 1.5rem;
    }

    .card-title {
        font-size: var(--text-lg);
        font-weight: 600;
        line-height: var(--leading-snug);
        letter-spacing: -0.015em;
        text-wrap: balance;
        margin-bottom: 0.4rem;
    }

    .card-text {
        color: var(--color-text-soft);
        font-size: var(--text-base);
        line-height: var(--leading-relaxed);
        text-wrap: pretty;
    }

    .card-header {
        background: var(--color-bg-soft);
        border-bottom: 1px solid var(--color-border);
        font-weight: 600;
        font-size: var(--text-base);
        letter-spacing: -0.01em;
        color: var(--color-text);
        padding: 0.875rem 1.5rem;
    }

    .card-footer {
        border-top: 1px solid var(--color-border);
        align-items: center;
        gap: 0.75rem;
        padding: 1rem 1.5rem;
        display: flex;
    }

    .card-shadow {
        box-shadow: var(--shadow-md);
        border-color: #0000;
    }

    .card-soft {
        background: var(--color-bg-soft);
        border-color: #0000;
    }

    .card-muted {
        background: var(--color-bg-muted);
        border-color: #0000;
    }

    .card-primary {
        border-color: var(--color-primary);
    }

    .card-secondary {
        border-color: var(--color-secondary);
    }

    .card-tertiary {
        border-color: var(--color-tertiary);
    }

    .card-quaternary {
        border-color: var(--color-quaternary);
    }

    .card-accent {
        border-color: var(--color-accent);
    }

    .card-dark {
        border-color: var(--color-dark);
    }

    .card-filled {
        background: var(--color-primary);
        color: var(--color-on-primary);
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
        border-color: #0000;
    }

    .card-filled-secondary {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
        --color-white: var(--color-on-secondary);
        --on-surface: var(--color-on-secondary);
        border-color: #0000;
    }

    .card-filled-tertiary {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
        --color-white: var(--color-on-tertiary);
        --on-surface: var(--color-on-tertiary);
        border-color: #0000;
    }

    .card-filled-quaternary {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
        --color-white: var(--color-on-quaternary);
        --on-surface: var(--color-on-quaternary);
        border-color: #0000;
    }

    .card-filled-accent {
        background: var(--color-accent);
        color: var(--color-on-accent);
        --color-white: var(--color-on-accent);
        --on-surface: var(--color-on-accent);
        border-color: #0000;
    }

    .card-filled-dark {
        background: var(--color-dark);
        color: #fff;
        --color-white: #fff;
        --on-surface: #fff;
        border-color: #0000;
    }

    [class*='card-filled'] .card-title {
        color: var(--on-surface, #fff);
    }

    [class*='card-filled'] .card-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.8);
    }

    .card-border-top {
        box-shadow: inset 0 3px 0 0 var(--color-primary);
    }

    .card-border-top-secondary {
        box-shadow: inset 0 3px 0 0 var(--color-secondary);
    }

    .card-border-top-tertiary {
        box-shadow: inset 0 3px 0 0 var(--color-tertiary);
    }

    .card-border-top-quaternary {
        box-shadow: inset 0 3px 0 0 var(--color-quaternary);
    }

    .card-border-top-accent {
        box-shadow: inset 0 3px 0 0 var(--color-accent);
    }

    .card-border-top-dark {
        box-shadow: inset 0 3px 0 0 var(--color-dark);
    }

    .card-border-bottom {
        box-shadow: inset 0 -3px 0 0 var(--color-primary);
    }

    .card-border-bottom-secondary {
        box-shadow: inset 0 -3px 0 0 var(--color-secondary);
    }

    .card-border-bottom-tertiary {
        box-shadow: inset 0 -3px 0 0 var(--color-tertiary);
    }

    .card-border-bottom-quaternary {
        box-shadow: inset 0 -3px 0 0 var(--color-quaternary);
    }

    .card-border-bottom-accent {
        box-shadow: inset 0 -3px 0 0 var(--color-accent);
    }

    .card-border-bottom-dark {
        box-shadow: inset 0 -3px 0 0 var(--color-dark);
    }

    .card-hover {
        cursor: pointer;

        &:hover {
            box-shadow: var(--shadow-lg);
            border-color: #0000;
            transform: translateY(-4px);
        }
    }

    .card-hover-shadow {
        cursor: pointer;

        &:hover {
            box-shadow: var(--shadow-lg);
            border-color: #0000;
        }
    }

    .card-hover-border {
        cursor: pointer;

        &:hover {
            border-color: var(--color-primary);
            box-shadow: var(--shadow-md);
        }
    }

    .card-hover-color {
        cursor: pointer;

        &:hover {
            background: var(--color-primary-50);
            border-color: var(--color-primary-200);
            box-shadow: var(--shadow-md);
        }
    }

    .card-hover-up-border-top {
        cursor: pointer;

        &:hover {
            box-shadow:
                var(--shadow-lg),
                inset 0 3px 0 0 var(--color-primary);
            border-color: #0000;
            transform: translateY(-4px);
        }
    }

    .card-hover-up-border-bottom {
        cursor: pointer;

        &:hover {
            box-shadow:
                var(--shadow-lg),
                inset 0 -3px 0 0 var(--color-primary);
            border-color: #0000;
            transform: translateY(-4px);
        }
    }

    .card-image {
        position: relative;
        overflow: hidden;
    }

    .card-image img {
        object-fit: cover;
        width: 100%;
        display: block;
    }

    .card-hover .card-image img,
    .card-hover-shadow .card-image img,
    .card-hover-border .card-image img,
    .card-hover-color .card-image img {
        transition: transform var(--duration-xslow) var(--ease-out);
    }

    .card-hover:hover .card-image img,
    .card-hover-shadow:hover .card-image img,
    .card-hover-border:hover .card-image img,
    .card-hover-color:hover .card-image img {
        transform: scale(1.05);
    }

    a.card:focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
    }

    .card-img-bg {
        min-height: 300px;
        position: relative;
        overflow: hidden;
    }

    .card-img-bg > img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        inset: 0;
    }

    .card-img-overlay {
        z-index: 1;
        color: #fff;
        background: linear-gradient(to top, #000000b8 0%, #00000014 70%);
        flex-direction: column;
        justify-content: flex-end;
        padding: 1.5rem;
        display: flex;
        position: absolute;
        inset: 0;
    }

    .card-img-overlay .card-title {
        color: #fff;
    }

    .card-img-overlay .card-text {
        color: #ffffffd1;
    }

    .card-img-bg > img {
        transition: transform var(--duration-xslow) var(--ease-out);
    }

    .card-img-bg:hover > img {
        transform: scale(1.04);
    }

    .card-horizontal {
        flex-direction: row;
        display: flex;
    }

    .card-horizontal .card-image {
        flex-shrink: 0;
        width: 180px;
    }

    .card-horizontal .card-image img {
        height: 100%;
    }

    .card-horizontal .card-body {
        flex: 1;
        min-width: 0;
    }

    .card-feature {
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        padding: 2rem 1.75rem;
        display: flex;
    }

    .card-stat-value {
        letter-spacing: -0.035em;
        font-variant-numeric: tabular-nums;
        color: var(--color-text);
        font-size: 2rem;
        font-weight: 700;
        line-height: 1;
    }

    .card-stat-label {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.25rem;
    }

    .card-stat-trend {
        border-radius: var(--radius-pill);
        font-size: var(--text-xs);
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        align-items: center;
        gap: 0.2rem;
        padding: 0.2rem 0.5rem;
        font-weight: 600;
        display: inline-flex;
    }

    .card-stat-trend-up {
        background: var(--color-success-bg);
        color: var(--color-success);
    }

    .card-stat-trend-down {
        background: var(--color-danger-bg);
        color: var(--color-danger);
    }

    .case-card {
        min-width: 0;
        padding: var(--case-card-pad, 0.5rem);
        color: var(--color-text);
        background: var(--case-card-bg, var(--color-bg));
        border: var(--case-card-border, 1px solid var(--color-border));
        border-radius: var(--case-card-radius, var(--radius-xl));
        align-content: start;
        gap: 0.875rem;
        padding-bottom: clamp(1.5rem, 2.6vw, 2.25rem);
        text-decoration: none;
        display: grid;

        &:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 2px;
        }

        & > :not(.case-card-media) {
            padding-inline: clamp(1rem, 1.8vw, 1.5rem);
        }
    }

    .case-card-media {
        aspect-ratio: var(--case-card-ratio, 16 / 11);
        border-radius: var(
            --case-card-media-radius,
            max(0px, var(--case-card-radius, var(--radius-xl)) - var(--case-card-pad, 0.5rem))
        );
        margin-bottom: clamp(0.5rem, 1.4vw, 1rem);
        display: block;
        position: relative;
        overflow: hidden;

        & img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            transition: scale 0.8s var(--ease-out);
        }
    }

    .case-card:hover .case-card-media img {
        scale: 1.04;
    }

    .case-card-tag {
        color: var(--case-card-tag-ink, var(--color-dark-surface));
        background: var(--case-card-tag-bg, var(--color-light));
        border-radius: var(--radius-pill);
        padding: 0.25rem 0.875rem;
        font-size: 0.9375rem;
        font-weight: 500;
        line-height: 1.5rem;
        position: absolute;
        top: 0.875rem;
        left: 0.875rem;
    }

    .case-card-client {
        font-family: var(--case-card-font, var(--font-heading));
        letter-spacing: -0.01em;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        font-size: 1.1875rem;
        font-weight: 600;
        line-height: 1.3;
        display: flex;
    }

    .case-card-arrow {
        aspect-ratio: 1;
        background: var(--color-bg-soft);
        border-radius: var(--radius-full);
        width: 2.25rem;
        transition:
            color var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        flex: none;
        place-items: center;
        font-size: 1rem;
        display: grid;
    }

    .case-card:hover .case-card-arrow {
        color: var(--color-on-primary);
        background: var(--color-primary);
    }

    .case-card-figure {
        font-family: var(--case-card-font, var(--font-heading));
        font-size: var(--case-card-figure-size, clamp(3.5rem, 2.6rem + 2.6vw, 4.75rem));
        font-weight: var(--case-card-figure-weight, 600);
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.035em;
        line-height: 0.95;

        & small {
            font-size: 0.42em;
            font-weight: inherit;
            letter-spacing: -0.01em;
        }
    }

    .case-card-text {
        color: var(--color-text-soft);
        text-wrap: pretty;
        font-size: 1.0625rem;
        line-height: 1.55;
    }

    @media (prefers-reduced-motion: reduce) {
        .case-card-media img,
        .case-card-arrow {
            transition: none;
        }

        .case-card:hover .case-card-media img {
            scale: none;
        }
    }

    .card-flip-scene,
    .card-flip-scene-v {
        perspective: 1200px;
        cursor: pointer;
        height: 220px;
    }

    .card-flip {
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: transform var(--duration-slow) var(--ease-out);
        position: relative;
    }

    .card-flip-scene:hover .card-flip {
        transform: rotateY(180deg);
    }

    .card-flip-scene-v:hover .card-flip {
        transform: rotateX(180deg);
    }

    .card-flip-front,
    .card-flip-back {
        backface-visibility: hidden;
        border-radius: var(--radius-card);
        border: 1px solid var(--color-border);
        text-align: center;
        background: var(--color-bg);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1.75rem;
        display: flex;
        position: absolute;
        inset: 0;
    }

    .card-flip-back {
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-on-primary);
        transform: rotateY(180deg);
    }

    .card-flip-scene-v .card-flip-back {
        --color-white: var(--color-on-secondary);
        --on-surface: var(--color-on-secondary);
        background: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-on-secondary);
        transform: rotateX(180deg);
    }

    .card-flip-back .card-title {
        color: var(--on-surface, #fff);
    }

    .card-flip-back .card-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
    }

    .card-flip-step {
        border-radius: var(--radius-full);
        background: var(--color-primary-50);
        width: 2.5rem;
        height: 2.5rem;
        color: var(--color-primary-ink);
        font-weight: 700;
        font-size: var(--text-lg);
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;
        display: inline-flex;
    }

    .glass-bg {
        background:
            radial-gradient(120% 90% at 0% 0%, var(--color-primary-500-shade) 0%, transparent 55%),
            linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-950) 100%);
        border-radius: var(--radius-xl);
        padding: 2.5rem;
    }

    .card-glass {
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        color: #fff;
        background: #ffffff1f;
        border: 1px solid #ffffff40;
    }

    .card-glass .card-header {
        color: #fff;
        background: #ffffff14;
        border-bottom-color: #fff3;
    }

    .card-glass .card-title {
        color: #fff;
    }

    .card-glass .card-text {
        color: #fffc;
    }

    .card-glass .card-footer {
        border-top-color: #fff3;
    }

    .card-glass-frameless {
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px);
        border-radius: var(--radius-xl);
        color: #fff;
        background: #ffffff24;
        border: none;
    }

    .mini-ui {
        --mini-ui-h: 15.5rem;
        --mini-ui-radius: var(--radius-lg);
        --mini-ui-accent: var(--color-primary);
        --mini-ui-on-accent: var(--color-on-primary);
        --mini-ui-ink: oklch(from var(--color-primary) 0.26 calc(c * 0.3) h);
        --mini-ui-art: var(--mini-ui-ink);
        --mini-ui-strong: var(--mini-ui-ink);
        --mini-ui-ground: var(--color-bg-soft);
        --mini-ui-surface: var(--color-surface);
        --mini-ui-line: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --mini-ui-line: color-mix(in oklch, var(--color-text) 8%, transparent);
        }

        --mini-ui-well: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --mini-ui-well: color-mix(in oklch, var(--color-text) 6%, var(--mini-ui-surface));
        }

        --mini-ui-muted: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --mini-ui-muted: color-mix(in oklch, var(--color-text) 28%, transparent);
        }

        --mini-ui-shadow: 0 0.75rem 1.75rem -1rem #00000038, 0 0 0 1px var(--mini-ui-line);
        --mini-ui-btn-radius: var(--btn-radius-override, var(--radius-btn));
        isolation: isolate;
        min-height: var(--mini-ui-h);
        border-radius: var(--mini-ui-radius);
        color: var(--color-text);
        background: var(--mini-ui-ground);
        -webkit-user-select: none;
        user-select: none;
        font-size: 0.8125rem;
        line-height: 1.3;
        position: relative;
        overflow: hidden;
    }

    .mini-ui:not(.ui-card-visual) {
        box-shadow: inset 0 0 0 1px var(--mini-ui-line);
    }

    .mini-ui.mini-ui--ink,
    :is(.dark-section, .section-dark, .bg-dark, .dark-island) .mini-ui:not(.ui-card *) {
        --color-text: white;
        --color-text-soft: #ffffffa3;
        --mini-ui-ground: var(--mini-ui-ink);
        --mini-ui-surface: oklch(from var(--mini-ui-ink) calc(l + 0.07) c h);
        --mini-ui-art: oklch(from var(--mini-ui-ink) calc(l + 0.14) c h);
        --mini-ui-strong: oklch(from var(--mini-ui-ink) calc(l + 0.16) c h);
        --mini-ui-line: #ffffff1a;
        --mini-ui-shadow: 0 0.75rem 1.75rem -1rem #00000080, inset 0 0 0 1px var(--mini-ui-line);
    }

    .mini-ui-surface {
        border-radius: var(--radius-md);
        background: var(--mini-ui-surface);
        box-shadow: var(--mini-ui-shadow);
    }

    .mini-ui-chip {
        border-radius: var(--radius-pill);
        white-space: nowrap;
        color: var(--color-text);
        background: var(--mini-ui-surface);
        align-items: center;
        gap: 0.25rem;
        padding: 0.1875rem 0.5rem;
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.3;
        display: inline-flex;
    }

    .mini-ui-chip--accent {
        color: var(--mini-ui-on-accent);
        background: var(--mini-ui-accent);
    }

    .mini-ui-chip--ink {
        color: #fff;
        background: var(--mini-ui-strong);
        gap: 0.375rem;
        padding: 0.375rem 0.75rem 0.375rem 0.5rem;

        & .ph {
            color: var(--mini-ui-accent);
            font-size: 1rem;
        }
    }

    .mini-ui-pop {
        opacity: 0;
        transition:
            scale 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) var(--pop-delay, 1.5s),
            opacity 0.3s var(--ease-out) var(--pop-delay, 1.5s),
            translate 0.5s var(--ease-out);
        scale: 0.6;
    }

    .mini-ui-line {
        border-radius: var(--radius-pill);
        background: var(--mini-ui-well);
        width: 78%;
        height: 0.5rem;
        display: block;
    }

    .mini-ui-line--short {
        width: 52%;
    }

    .mini-ui-art {
        border-radius: var(--radius-sm);
        background:
            radial-gradient(
                circle at 76% 36%,
                var(--mini-ui-accent) 0 1.125rem,
                transparent calc(1.125rem + 0.5px)
            ),
            linear-gradient(
                160deg,
                oklch(from var(--mini-ui-art) calc(l + 0.06) c h),
                var(--mini-ui-art)
            );
        display: block;
        position: relative;
        overflow: hidden;
    }

    .mini-ui-art--soft {
        background:
            radial-gradient(
                circle at 30% 70%,
                var(--mini-ui-accent) 0 1.75rem,
                transparent calc(1.75rem + 0.5px)
            ),
            var(--mini-ui-well);

        @supports (color: color-mix(in lab, red, red)) {
            background:
                radial-gradient(
                    circle at 30% 70%,
                    color-mix(in oklch, var(--mini-ui-accent) 55%, var(--mini-ui-surface)) 0 1.75rem,
                    transparent calc(1.75rem + 0.5px)
                ),
                var(--mini-ui-well);
        }
    }

    .mini-ui-button {
        border-radius: var(--mini-ui-btn-radius);
        background: var(--mini-ui-accent);
        width: 4.5rem;
        height: 1.375rem;
        display: block;
    }

    .mini-ui-meter {
        border-radius: var(--radius-pill);
        background: var(--mini-ui-well);
        height: 0.375rem;
        display: block;

        & > i {
            width: var(--value, 60%);
            border-radius: inherit;
            background: var(--mini-ui-muted);
            transform-origin: 0;
            height: 100%;
            transition: transform 1.2s var(--ease-out) var(--meter-delay, 0.4s);
            display: block;
            transform: scaleX(0);
        }
    }

    .mini-ui-ring {
        --value: 90;
        aspect-ratio: 1;
        border-radius: var(--radius-full);
        background: var(--mini-ui-surface);
        width: 5.5rem;
        box-shadow: var(--mini-ui-shadow);
        align-content: center;
        place-items: center;
        display: grid;
        position: relative;

        & svg {
            fill: none;
            stroke-width: 5px;
            stroke-linecap: round;
            position: absolute;
            inset: 0.375rem;
            rotate: -90deg;
        }

        & circle:first-child {
            stroke: var(--mini-ui-well);
        }

        & circle:last-child {
            stroke: var(--mini-ui-accent);
            stroke-dasharray: 100;
            stroke-dashoffset: 100px;
            transition: stroke-dashoffset 1.6s var(--ease-out) 0.4s;
        }

        & b {
            font-family: var(--font-tertiary);
            letter-spacing: -0.02em;
            font-variant-numeric: tabular-nums;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
        }

        & small {
            color: var(--color-text-soft);
            font-size: 0.75rem;
        }
    }

    .mini-ui-live {
        aspect-ratio: 1;
        border-radius: var(--radius-full);
        background: var(--mini-ui-accent);
        width: 0.5rem;
        position: relative;

        &:after {
            content: '';
            border-radius: inherit;
            background: inherit;
            animation: mini-ui-ping 1.8s var(--ease-out) infinite;
            position: absolute;
            inset: 0;
        }
    }

    .mini-ui-float {
        z-index: 1;
        transform-origin: 100% 100%;
        position: absolute;
        bottom: 0.875rem;
        right: 0.875rem;
    }

    :is(.mini-ui-flow-map, .mini-ui-chart-plot) svg {
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        overflow: visible;

        & path {
            vector-effect: non-scaling-stroke;
        }
    }

    .mini-ui:is(.visible, .visible *) {
        & .mini-ui-pop {
            opacity: 1;
            scale: 1;
        }

        & .mini-ui-meter > i {
            transform: none;
        }

        & .mini-ui-ring circle:last-child {
            stroke-dashoffset: calc(100 - var(--value));
        }
    }

    .mini-ui-ads {
        place-items: center;
        display: grid;
        container-type: inline-size;
    }

    .mini-ui-ads-stack {
        width: 9.75rem;
        height: 12.5rem;
        position: relative;
        translate: max(-3.5rem, -11cqi) -0.5rem;
    }

    .mini-ui-ad {
        transition:
            rotate 0.8s var(--ease-out),
            translate 0.8s var(--ease-out);
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.5rem;
        display: flex;
        position: absolute;
        inset: 0;
        rotate: 3deg;

        & > .mini-ui-art {
            border-radius: max(0px, calc(var(--radius-md) - 0.375rem));
            flex: 1;
        }

        & > .mini-ui-line {
            width: 60%;
        }
    }

    .mini-ui-ad:first-child:not(:only-child) {
        translate: -3rem 0.75rem;
        rotate: -8deg;
    }

    .mini-ui-ad-head {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: 0.375rem;
        padding: 0.125rem 0.125rem 0;
        line-height: 1.1;
        display: grid;

        & > i {
            aspect-ratio: 1;
            border-radius: var(--radius-full);
            background: var(--mini-ui-strong)
                radial-gradient(circle, var(--mini-ui-accent) 0 28%, transparent 30%);
            grid-row: span 2;
            width: 1.375rem;
        }

        & b {
            font-weight: 600;
        }

        & small {
            font-size: inherit;
            color: var(--color-text-soft);
        }
    }

    .mini-ui-ad .mini-ui-art > i {
        border-radius: var(--radius-full) var(--radius-full) var(--radius-sm) var(--radius-sm);
        background: #fff;
        height: 2.75rem;
        position: absolute;
        inset: auto 14% -0.75rem;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklch, white 88%, var(--mini-ui-accent));
        }

        transition: translate 0.8s var(--ease-out);
    }

    .mini-ui-ad-cta {
        border-radius: var(--mini-ui-btn-radius);
        color: var(--mini-ui-on-accent);
        background: var(--mini-ui-accent);
        justify-content: space-between;
        align-items: center;
        padding: 0.3125rem 0.375rem 0.3125rem 0.625rem;
        font-weight: 600;
        display: flex;
    }

    .mini-ui .kpi-card {
        --kpi-min-width: 0;
        --kpi-value-size: 1.625rem;
        --kpi-accent: var(--mini-ui-accent);
        border-radius: var(--radius-md);
        background: var(--mini-ui-surface);
        width: 11.25rem;
        box-shadow: var(--mini-ui-shadow);
        padding: 0.875rem 1rem 1rem;

        & .kpi-card-label {
            font-size: 0.8125rem;
        }

        & .kpi-card-bars > i {
            transition:
                transform 0.9s var(--ease-out) calc(0.3s + var(--bar-n, 0) * 70ms),
                height 0.6s var(--ease-out);
            transform: scaleY(0.12);
        }
    }

    .mini-ui:is(.visible, .visible *) .kpi-card .kpi-card-bars > i {
        transform: none;
    }

    .mini-ui-ads > .kpi-card {
        bottom: 1.25rem;
        right: 1.25rem;
    }

    .mini-ui-rank {
        flex-direction: column;
        gap: 0.625rem;
        padding: 1rem;
        display: flex;
    }

    .mini-ui-rank-query {
        border-radius: var(--radius-pill);
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 0.875rem;
        font-size: 0.875rem;
        font-weight: 500;
        display: flex;

        & .ph {
            color: var(--color-text-soft);
            font-size: 1rem;
        }
    }

    .mini-ui-rank-list {
        gap: 0.375rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;

        & > li {
            --n: 0;
            border-radius: var(--radius-pill);
            transition: translate 0.7s var(--ease-out);
            align-items: center;
            gap: 0.625rem;
            padding: 0.375rem 0.75rem 0.375rem 0.375rem;
            display: flex;
        }

        & > li:nth-child(2) {
            --n: 1;
        }

        & > li:nth-child(3) {
            --n: 2;
        }

        & > li:nth-child(4) {
            --n: 3;
        }
    }

    .mini-ui-rank-pos {
        border-radius: var(--radius-pill);
        width: 2rem;
        height: 1.625rem;
        font-family: var(--font-tertiary);
        font-variant-numeric: tabular-nums;
        text-align: center;
        background: var(--mini-ui-well);
        transition:
            background-color 0.5s var(--ease-out) 1s,
            color 0.5s var(--ease-out) 1s;
        flex: none;
        font-size: 0.875rem;
        overflow: hidden;

        & > span {
            transition: translate 0.9s cubic-bezier(0.7, 0, 0.2, 1) calc(var(--n) * 0.12s + 0.35s);
            display: grid;
        }

        & b {
            font-weight: 700;
            line-height: 1.625rem;
        }

        & b:before {
            content: '#';
            opacity: 0.55;
            font-weight: 600;
        }
    }

    .mini-ui-rank-label {
        white-space: nowrap;
        text-overflow: ellipsis;
        flex: 1;
        min-width: 0;
        font-weight: 500;
        overflow: hidden;
    }

    .mini-ui-rank-move {
        color: var(--color-text-soft);
        opacity: 0;
        transition: opacity 0.4s var(--ease-out) calc(var(--n) * 0.12s + 1.1s);
        align-items: center;
        gap: 0.125rem;
        font-weight: 600;
        display: inline-flex;
    }

    .mini-ui:is(.visible, .visible *) {
        & .mini-ui-rank-pos > span {
            translate: 0 -50%;
        }

        & .mini-ui-rank-move {
            opacity: 1;
        }

        & .is-active .mini-ui-rank-pos {
            color: var(--mini-ui-on-accent);
            background-color: var(--mini-ui-accent);
        }
    }

    .mini-ui-browser-window {
        transition: translate 0.7s var(--ease-out);
        flex-direction: column;
        display: flex;
        position: absolute;
        inset: 1rem 2.75rem -1.5rem 1rem;
        overflow: hidden;
    }

    .mini-ui-browser-bar {
        border-bottom: 1px solid var(--mini-ui-line);
        align-items: center;
        gap: 0.3125rem;
        padding: 0.5rem 0.75rem;
        display: flex;

        & > i {
            aspect-ratio: 1;
            border-radius: var(--radius-full);
            background: var(--mini-ui-muted);
            width: 0.4375rem;
        }

        & > span {
            border-radius: var(--radius-pill);
            color: var(--color-text-soft);
            background: var(--mini-ui-well);
            margin-inline: auto;
            padding: 0.125rem 0.875rem;
        }
    }

    .mini-ui-browser-page {
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.75rem;
        display: flex;

        & > .mini-ui-art {
            flex: none;
            height: 4.5rem;
        }

        & > .mini-ui-button {
            margin-top: 0.25rem;
        }
    }

    .mini-ui-ab {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        padding: 1rem;
        display: grid;
    }

    .mini-ui-ab-variant {
        transition:
            opacity 0.5s var(--ease-out),
            box-shadow 0.5s var(--ease-out);
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.625rem;
        display: flex;
        position: relative;

        & > .mini-ui-chip {
            transform-origin: 100% 0;
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
        }
    }

    .mini-ui-ab-tag {
        aspect-ratio: 1;
        border-radius: var(--radius-full);
        background: var(--mini-ui-well);
        place-items: center;
        width: 1.5rem;
        font-weight: 700;
        display: grid;
    }

    .mini-ui-ab-preview {
        flex-direction: column;
        flex: 1;
        gap: 0.3125rem;
        display: flex;

        & > i {
            border-radius: var(--radius-xs);
            background: var(--mini-ui-well);
            display: block;
        }

        & > i:first-child {
            flex: 1;
            min-height: 2rem;
        }

        & > i:nth-child(2) {
            width: 70%;
            height: 0.375rem;
        }

        & > i:nth-child(3) {
            border-radius: var(--mini-ui-btn-radius);
            background: var(--mini-ui-muted);
            width: 46%;
            height: 0.875rem;
        }
    }

    .mini-ui-ab-rate {
        font-family: var(--font-tertiary);
        letter-spacing: -0.02em;
        font-variant-numeric: tabular-nums;
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 1;
    }

    .mini-ui-ab-variant.is-winner {
        --meter-delay: 0.6s;

        & .mini-ui-ab-preview > i:first-child {
            background: linear-gradient(
                160deg,
                oklch(from var(--mini-ui-art) calc(l + 0.06) c h),
                var(--mini-ui-art)
            );
        }

        & .mini-ui-ab-preview > i:nth-child(3) {
            background: var(--mini-ui-accent);
            width: 64%;
        }

        & .mini-ui-meter > i {
            background: var(--mini-ui-accent);
        }
    }

    .mini-ui-flow {
        --mini-ui-h: 18rem;
        flex-direction: column;
        padding: 1rem 1.25rem 1.25rem;
        display: flex;
    }

    .mini-ui-flow-head {
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        font-size: 0.875rem;
        display: flex;

        & b {
            font-weight: 600;
        }

        & > .mini-ui-chip {
            gap: 0.5rem;
            font-weight: 500;
        }
    }

    .mini-ui-flow-map {
        flex: 1;
        min-height: 9rem;
        margin-block: 0.5rem 1rem;
        display: block;
        position: relative;

        & path:first-child {
            stroke: var(--mini-ui-muted);
            stroke-width: 1.5px;
            stroke-dasharray: 0.006 0.014;
            stroke-dashoffset: 0;
            transition: none;
        }

        & path:last-child {
            --draw-duration: 2.4s;
            --draw-delay: 0.3s;
            stroke: var(--color-text);
            stroke-width: 2.5px;
        }
    }

    .mini-ui-flow-step {
        --i: 0;
        top: calc(19.44% - 1.25rem);
        left: calc(12.5% + 25% * var(--i));
        text-align: center;
        justify-items: center;
        width: 25%;
        line-height: 1.15;
        display: grid;
        position: absolute;
        translate: -50%;

        & > .ph {
            aspect-ratio: 1;
            border-radius: var(--radius-full);
            background: var(--mini-ui-surface);
            width: 2.5rem;
            box-shadow: var(--mini-ui-shadow);
            transition:
                background-color 0.5s var(--ease-out),
                color 0.5s var(--ease-out),
                scale 0.5s var(--ease-out);
            transition-delay: calc(var(--i) * 0.35s + 0.4s);
            place-items: center;
            margin-bottom: 0.375rem;
            font-size: 1.125rem;
            display: grid;
        }

        & :is(b, small) {
            border-radius: var(--radius-xs);
            font-size: inherit;
            white-space: nowrap;
            background: var(--mini-ui-ground);
            padding-inline: 0.25rem;
        }

        & b {
            font-weight: 600;
        }

        & small {
            color: var(--color-text-soft);
        }
    }

    .mini-ui-flow-step:nth-of-type(2) {
        --i: 1;
        top: calc(58.33% - 1.25rem);
    }

    .mini-ui-flow-step:nth-of-type(3) {
        --i: 2;
    }

    .mini-ui-flow-step:nth-of-type(4) {
        --i: 3;
        top: calc(58.33% - 1.25rem);
    }

    .mini-ui-flow-foot {
        border-radius: var(--radius-pill);
        white-space: nowrap;
        color: var(--color-text-soft);
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding: 0.5rem 0.5rem 0.5rem 1rem;
        font-size: 0.875rem;
        display: flex;

        & > span {
            align-items: center;
            gap: 0.5rem;
            display: inline-flex;
        }

        & b {
            font-family: var(--font-tertiary);
            color: var(--color-text);
            font-size: 1.125rem;
            font-weight: 700;
        }
    }

    .mini-ui:is(.visible, .visible *) .mini-ui-flow-step > .ph {
        color: var(--mini-ui-on-accent);
        background: var(--mini-ui-accent);
    }

    .mini-ui-chart {
        --mini-ui-h: 18rem;
        color: var(--color-text-soft);
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem 1.125rem 0.875rem;
        display: flex;
    }

    .mini-ui-chart-legend {
        gap: 1rem;
        display: flex;

        & > span {
            align-items: center;
            gap: 0.375rem;
            display: inline-flex;
        }

        & i {
            border-radius: var(--radius-pill);
            background: var(--mini-ui-accent);
            width: 0.875rem;
            height: 0.1875rem;
        }

        & > span + span i {
            background: var(--mini-ui-muted);
        }
    }

    .mini-ui-chart-plot {
        --x: 75%;
        --y: 30%;
        flex: 1;
        margin-inline: 0.25rem;
        display: block;
        position: relative;

        & path {
            stroke: var(--mini-ui-accent);
            stroke-width: 2.5px;
        }

        & path:not(:last-child) {
            --draw-delay: 0.5s;
            stroke: var(--mini-ui-muted);
            stroke-width: 2px;
        }

        & path {
            --draw-duration: 2.6s;
        }
    }

    .mini-ui-chart-area {
        opacity: 0;
        transition: opacity 1s var(--ease-out) 1.4s;
        mask-image: linear-gradient(#000, #0000);

        & path {
            fill: var(--mini-ui-accent);
            stroke: none;
        }
    }

    .mini-ui-chart-point {
        inset-block: 0;
        left: var(--x);
        border-left: 1px dashed var(--mini-ui-muted);
        position: absolute;

        &:after {
            content: '';
            top: var(--y);
            aspect-ratio: 1;
            border-radius: var(--radius-full);
            background: var(--mini-ui-accent);
            width: 0.75rem;
            box-shadow: 0 0 0 0.3125rem var(--mini-ui-accent);
            position: absolute;
            left: 0;
            translate: calc(-50% - 0.5px) -50%;

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 0 0 0.3125rem
                    color-mix(in oklch, var(--mini-ui-accent) 28%, transparent);
            }
        }
    }

    .mini-ui-chart-tip {
        top: var(--y);
        right: calc(100% - var(--x) + 1rem);
        border-radius: var(--radius-sm);
        white-space: nowrap;
        padding: 0.375rem 0.625rem;
        display: grid;
        position: absolute;
        translate: 0 -50%;

        & b {
            font-family: var(--font-tertiary);
            color: var(--color-text);
            font-size: 1rem;
            font-weight: 700;
        }
    }

    .mini-ui-chart-point,
    .mini-ui-chart-tip {
        opacity: 0;
        transition:
            opacity 0.5s var(--ease-out) 1.6s,
            translate 0.5s var(--ease-out);
    }

    .mini-ui-chart-axis {
        font-variant-numeric: tabular-nums;
        justify-content: space-between;
        display: flex;
    }

    .mini-ui:is(.visible, .visible *) {
        & .mini-ui-chart-area {
            opacity: 0.3;
        }

        & .mini-ui-chart-point,
        & .mini-ui-chart-tip {
            opacity: 1;
        }
    }

    @media (hover: hover) {
        :is(.ui-card, .mini-ui):hover {
            & .mini-ui-ad:first-child:not(:only-child) {
                translate: -4rem 0.5rem;
                rotate: -13deg;
            }

            & .mini-ui-ad:last-child {
                translate: 0.5rem -0.375rem;
                rotate: 5deg;
            }

            & .mini-ui-ad .mini-ui-art > i {
                translate: 0 -0.5rem;
            }

            & .kpi-card-bars > i:nth-child(4) {
                --bar: 66%;
            }

            & .kpi-card-bars > i:nth-child(5) {
                --bar: 74%;
            }

            & .kpi-card-bars > i:nth-child(6) {
                --bar: 88%;
            }

            & .mini-ui-rank-list > li.is-active {
                translate: 0.375rem;
            }

            & .mini-ui-pop {
                transition-delay: 0s;
                translate: 0 -0.25rem;
            }

            & .mini-ui-browser-window {
                translate: 0 -0.5rem;
            }

            & .mini-ui-browser-page > .mini-ui-line {
                background: linear-gradient(
                        100deg,
                        var(--mini-ui-well) 40%,
                        var(--mini-ui-accent) 50%,
                        var(--mini-ui-well) 60%
                    )
                    120% 0 / 250% 100%;

                @supports (color: color-mix(in lab, red, red)) {
                    background: linear-gradient(
                            100deg,
                            var(--mini-ui-well) 40%,
                            color-mix(in oklch, var(--mini-ui-accent) 22%, var(--mini-ui-surface))
                                50%,
                            var(--mini-ui-well) 60%
                        )
                        120% 0 / 250% 100%;
                }

                animation: mini-ui-shimmer 1.4s var(--ease-out) infinite;
            }

            & .mini-ui-ab-variant:not(.is-winner) {
                opacity: 0.55;
            }

            & .mini-ui-ab-variant.is-winner {
                box-shadow:
                    var(--mini-ui-shadow),
                    0 0 0 2px var(--mini-ui-accent);
            }

            & .mini-ui-flow-map path:last-child {
                stroke-dasharray: 0.03 0.02;
                animation: 1.6s linear infinite mini-ui-march;
            }

            & .mini-ui-flow-step > .ph {
                transition-delay: calc(var(--i) * 80ms);
                scale: 1.08;
            }

            & .mini-ui-chart-tip {
                transition-delay: 0s;
                translate: 0 calc(-50% - 0.25rem);
            }

            & .mini-ui-chart-point:after {
                animation: mini-ui-pulse 1.4s var(--ease-out) infinite;
            }
        }
    }

    .ui-card {
        --ui-card-radius: var(--radius-xl);
        --ui-card-pad: 0.625rem;
        --ui-card-border: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --ui-card-border: color-mix(in oklch, var(--color-text) 8%, transparent);
        }

        padding: var(--ui-card-pad) var(--ui-card-pad) 1.5rem;
        border: 1px solid var(--ui-card-border);
        border-radius: var(--ui-card-radius);
        color: var(--color-text);
        background: var(--color-surface);
        flex-direction: column;
        gap: 1.5rem;
        display: flex;
        position: relative;
    }

    :root:not([data-focus-source='pointer']) .ui-card:has(.ui-card-link:focus-visible) {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
    }

    .ui-card > .ui-card-visual {
        --mini-ui-radius: max(0px, calc(var(--ui-card-radius) - var(--ui-card-pad)));
        border-radius: var(--mini-ui-radius);
    }

    :is(img, video).ui-card-visual {
        width: 100%;
        height: var(--mini-ui-h, 15.5rem);
        object-fit: cover;
    }

    .ui-card-body {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            'index index'
            'title title'
            'text arrow';
        column-gap: 1.25rem;
        padding-inline: 1rem;
        display: grid;

        & > .arrow-circle {
            grid-area: arrow;
            align-self: end;
        }
    }

    .ui-card-index {
        font-family: var(--font-tertiary);
        letter-spacing: 0.02em;
        font-variant-numeric: tabular-nums;
        color: var(--color-text-soft);
        grid-area: index;
        margin-bottom: 0.75rem;
        font-size: 0.9375rem;
        font-weight: 700;
    }

    .ui-card-title {
        letter-spacing: -0.02em;
        color: var(--color-text);
        grid-area: title;
        margin: 0;
        font-size: clamp(1.3125rem, 1.2rem + 0.4vw, 1.5rem);
        font-weight: 600;
        line-height: 1.2;
    }

    .ui-card-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        text-wrap: pretty;
        grid-area: text;
        margin: 0.5rem 0 0;
        line-height: 1.55;
    }

    .ui-card-link {
        color: inherit;
        text-decoration: none;

        &:after {
            content: '';
            z-index: 2;
            position: absolute;
            inset: 0;
        }

        &:focus-visible {
            outline: none;
        }
    }

    @media (width >= 1280px) {
        .ui-card--wide {
            padding: var(--ui-card-pad);
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
            gap: 0;
            display: grid;

            & > .ui-card-visual {
                --mini-ui-h: 19rem;
                order: 2;
            }

            & .ui-card-body {
                grid-template-rows: 1fr auto auto;
                grid-template-areas:
                    'index arrow'
                    'title title'
                    'text text';
                padding: 1.25rem;
            }

            & .ui-card-index,
            & .ui-card-body > .arrow-circle {
                align-self: start;
            }

            & .ui-card-text {
                max-width: 24rem;
            }
        }

        .ui-card--flip {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);

            & > .ui-card-visual {
                order: 0;
            }

            & .ui-card-body {
                padding-left: 1.75rem;
            }
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .mini-ui :is(*) {
            transition: none !important;
            animation: none !important;
        }
    }

    .alert {
        --alert-accent: var(--color-text-soft);
        --alert-accent-ink: var(--color-text-soft);
        --alert-body: var(--color-text-soft);
        border-radius: var(--radius-lg);
        font-size: var(--text-base);
        line-height: var(--leading-relaxed);
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-lift);
        border: 1px solid #0000;
        align-items: flex-start;
        gap: 0.875rem;
        padding: 1rem 1.25rem;
        display: flex;
        overflow: hidden;
    }

    .alert + .alert {
        margin-top: 0.75rem;
    }

    .alert-icon {
        border-radius: var(--radius-full);
        background: var(--alert-accent);
        flex-shrink: 0;
        place-items: center;
        width: 2.25rem;
        height: 2.25rem;
        margin-top: -0.3rem;
        display: inline-grid;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--alert-accent) 12%, transparent);
        }

        color: var(--alert-accent-ink, var(--alert-accent));
        font-size: 1.2rem;
        line-height: 1;
    }

    .alert-content {
        flex: 1;
        min-width: 0;
    }

    .alert-content a:not(.btn) {
        color: var(--alert-accent-ink, var(--alert-accent));
        text-underline-offset: 0.2em;
        font-weight: 500;
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }

    .alert-title {
        letter-spacing: -0.015em;
        color: var(--alert-accent-ink, var(--alert-accent));
        margin-bottom: 0.2rem;
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 1.4;
        display: block;
    }

    .alert-content:has(> .alert-title) {
        color: var(--alert-body);
        font-size: 0.9375rem;
        line-height: 1.6;
    }

    .alert-close {
        cursor: pointer;
        width: 2rem;
        height: 2rem;
        color: var(--color-text-muted);
        border-radius: var(--radius-full);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        margin: -0.25rem -0.5rem -0.25rem auto;
        padding: 0;
        font-size: 1rem;
        display: inline-flex;

        &:hover {
            color: var(--color-text);
            background: var(--alert-accent);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--alert-accent) 12%, transparent);
            }
        }

        &:active {
            transform: scale(0.92);
        }

        &:focus-visible {
            outline: 2px solid var(--alert-accent);
            outline-offset: 1px;
        }
    }

    .alert-actions {
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        margin-top: 0.875rem;
        display: flex;
    }

    .alert-list {
        flex-direction: column;
        gap: 0.2rem;
        margin-top: 0.5rem;
        padding-left: 1.25rem;
        list-style: outside;
        display: flex;
    }

    .alert-list li::marker {
        color: var(--alert-accent-ink, var(--alert-accent));
    }

    .alert-sm {
        font-size: var(--text-sm);
        gap: 0.625rem;
        padding: 0.7rem 1rem;

        & .alert-icon {
            width: 1.75rem;
            height: 1.75rem;
            margin-top: -0.2rem;
            font-size: 1rem;
        }

        & .alert-title {
            margin-bottom: 0.05rem;
            font-size: 0.9375rem;
        }

        & .alert-content:has(> .alert-title) {
            font-size: var(--text-sm);
        }
    }

    .alert-lg {
        font-size: var(--text-base);
        gap: 1rem;
        padding: 1.25rem 1.5rem;

        & .alert-icon {
            width: 2.5rem;
            height: 2.5rem;
            margin-top: -0.35rem;
            font-size: 1.3rem;
        }

        & .alert-title {
            font-size: var(--text-lg);
        }

        & .alert-content:has(> .alert-title) {
            font-size: var(--text-base);
        }
    }

    .alert.alert-plain {
        border-color: #0000;
    }

    .alert-hover-shadow {
        cursor: pointer;

        &:hover {
            box-shadow: 0 16px 32px -18px var(--alert-accent);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 16px 32px -18px
                    color-mix(in srgb, var(--alert-accent) 45%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .alert-hover-shadow:hover {
            transform: none;
        }
    }

    .alert-success {
        --alert-accent: var(--color-success);
        --alert-accent-ink: var(--color-success);
        background: var(--color-success-bg);
        border-color: var(--color-success);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-success) 20%, white);
        }

        color: var(--color-text);
    }

    .alert-danger {
        --alert-accent: var(--color-danger);
        --alert-accent-ink: var(--color-danger);
        background: var(--color-danger-bg);
        border-color: var(--color-danger);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-danger) 20%, white);
        }

        color: var(--color-text);
    }

    .alert-warning {
        --alert-accent: var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            --alert-accent: color-mix(in srgb, var(--color-warning) 82%, #000);
        }

        --alert-accent-ink: var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            --alert-accent-ink: color-mix(in srgb, var(--color-warning) 82%, #000);
        }

        background: var(--color-warning-bg);
        border-color: var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-warning) 20%, white);
        }

        color: var(--color-text);
    }

    .alert-info {
        --alert-accent: var(--color-info);
        --alert-accent-ink: var(--color-info);
        background: var(--color-info-bg);
        border-color: var(--color-info);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-info) 20%, white);
        }

        color: var(--color-text);
    }

    .alert-primary {
        --alert-accent: var(--color-primary);
        --alert-accent-ink: var(--color-primary-ink);
        background: var(--color-primary-50);
        border-color: var(--color-primary-100);
        color: var(--color-text);
    }

    .alert-secondary {
        --alert-accent: var(--color-secondary);
        --alert-accent-ink: var(--color-secondary-ink);
        background: var(--color-secondary-50);
        border-color: var(--color-secondary-100);
        color: var(--color-text);
    }

    .alert-tertiary {
        --alert-accent: var(--color-tertiary);
        --alert-accent-ink: var(--color-tertiary-ink);
        background: var(--color-tertiary-50);
        border-color: var(--color-tertiary-100);
        color: var(--color-text);
    }

    .alert-quaternary {
        --alert-accent: var(--color-quaternary);
        --alert-accent-ink: var(--color-quaternary-ink);
        background: var(--color-quaternary-50);
        border-color: var(--color-quaternary-100);
        color: var(--color-text);
    }

    .alert-accent {
        --alert-accent: var(--color-accent);
        --alert-accent-ink: var(--color-accent-ink);
        background: var(--color-accent-50);
        border-color: var(--color-accent-100);
        color: var(--color-text);
    }

    .alert-dark {
        --alert-accent: var(--color-dark);
        --alert-accent-ink: var(--color-dark);
        background: var(--color-dark-bg);
        border-color: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-dark) 20%, white);
        }

        color: var(--color-text);
    }

    .alert-outline-success {
        --alert-accent: var(--color-success);
        --alert-accent-ink: var(--color-success);
    }

    .alert-outline-danger {
        --alert-accent: var(--color-danger);
        --alert-accent-ink: var(--color-danger);
    }

    .alert-outline-warning {
        --alert-accent: var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            --alert-accent: color-mix(in srgb, var(--color-warning) 82%, #000);
        }

        --alert-accent-ink: var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            --alert-accent-ink: color-mix(in srgb, var(--color-warning) 82%, #000);
        }
    }

    .alert-outline-info {
        --alert-accent: var(--color-info);
        --alert-accent-ink: var(--color-info);
    }

    .alert-outline-primary {
        --alert-accent: var(--color-primary);
        --alert-accent-ink: var(--color-primary-ink);
    }

    .alert-outline-secondary {
        --alert-accent: var(--color-secondary);
        --alert-accent-ink: var(--color-secondary-ink);
    }

    .alert-outline-tertiary {
        --alert-accent: var(--color-tertiary);
        --alert-accent-ink: var(--color-tertiary-ink);
    }

    .alert-outline-quaternary {
        --alert-accent: var(--color-quaternary);
        --alert-accent-ink: var(--color-quaternary-ink);
    }

    .alert-outline-accent {
        --alert-accent: var(--color-accent);
        --alert-accent-ink: var(--color-accent-ink);
    }

    .alert-outline-dark {
        --alert-accent: var(--color-dark);
        --alert-accent-ink: var(--color-dark);
    }

    [class*='alert-outline-'] {
        background: var(--color-bg);
        border-color: var(--alert-accent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--alert-accent) 55%, transparent);
        }

        color: var(--color-text);
    }

    .alert-filled-success {
        background: var(--color-success);
    }

    .alert-filled-danger {
        background: var(--color-danger);
    }

    .alert-filled-warning {
        background: var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-warning) 88%, #000);
        }
    }

    .alert-filled-info {
        background: var(--color-info);
    }

    .alert-filled-primary {
        background: var(--color-primary);
        --alert-on: var(--color-on-primary);
    }

    .alert-filled-secondary {
        background: var(--color-secondary);
        --alert-on: var(--color-on-secondary);
    }

    .alert-filled-tertiary {
        background: var(--color-tertiary);
        --alert-on: var(--color-on-tertiary);
    }

    .alert-filled-quaternary {
        background: var(--color-quaternary);
        --alert-on: var(--color-on-quaternary);
    }

    .alert-filled-accent {
        background: var(--color-accent);
        --alert-on: var(--color-on-accent);
    }

    .alert-filled-dark {
        background: var(--color-dark);
    }

    [class*='alert-filled'] {
        --alert-accent: var(--alert-on, #fff);
        --alert-accent-ink: var(--alert-on, #fff);
        --alert-body: oklch(from var(--alert-on, #fff) l c h / 0.86);
        color: var(--alert-on, #fff);
        border-color: #0000;
    }

    [class*='alert-filled'] .alert-icon {
        background: oklch(from var(--alert-on, #fff) l c h / 0.16);
        color: var(--alert-on, #fff);
    }

    [class*='alert-filled'] .alert-close {
        color: oklch(from var(--alert-on, #fff) l c h / 0.75);

        &:hover {
            color: var(--alert-on, #fff);
            background: oklch(from var(--alert-on, #fff) l c h / 0.16);
        }
    }

    [class*='alert-filled'] a:not(.btn) {
        color: var(--alert-on, #fff);
    }

    [class*='alert-filled'].alert-hover-shadow:hover {
        box-shadow: 0 16px 32px -16px #0f172a73;
    }

    .accordion {
        width: 100%;
    }

    .accordion-item {
        border-bottom: 1px solid var(--color-border);

        &:last-child {
            border-bottom: none;
        }
    }

    .accordion-trigger {
        cursor: pointer;
        width: 100%;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        letter-spacing: -0.01em;
        color: var(--color-text);
        text-align: left;
        text-wrap: balance;
        transition: color var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding: 1.1rem 0;
        font-weight: 600;
        display: flex;

        &:hover,
        &.is-open {
            color: var(--color-primary-ink);
        }

        &:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 2px;
            border-radius: var(--radius-xs);
        }
    }

    :is(
            .accordion-boxed,
            .accordion-filled,
            .accordion-card,
            .accordion-shadow,
            .accordion-spotlight
        )
        .accordion-trigger:focus-visible {
        outline-offset: -3px;
        border-radius: var(--radius-card);
    }

    .accordion-icon {
        width: 18px;
        height: 18px;
        color: var(--color-text-muted);
        transition:
            transform var(--duration-base) var(--ease-lift),
            color var(--duration-base) var(--ease-out);
        flex-shrink: 0;

        .accordion-trigger:hover & {
            color: currentColor;
        }

        .is-open & {
            color: var(--color-primary-ink);
            transform: rotate(180deg);
        }
    }

    .accordion-body {
        transition:
            grid-template-rows var(--duration-slow) var(--ease-out),
            padding-bottom var(--duration-slow) var(--ease-out);
        grid-template-rows: 0fr;
        padding-bottom: 0;
        display: grid;
        overflow: hidden;
    }

    .accordion-body .btn {
        --btn-hover-shadow: none;
        --btn-lift-shadow: none;
    }

    .accordion-body.is-open {
        grid-template-rows: 1fr;
        padding-bottom: 1.1rem;
    }

    .accordion-body > div {
        min-height: 0;
        color: var(--color-text-soft);
        font-size: var(--text-base);
        line-height: var(--leading-relaxed);
        text-wrap: pretty;
        opacity: 0;
        visibility: hidden;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            visibility 0s linear var(--duration-slow);
        padding-bottom: 4px;
        overflow: hidden;
        transform: translateY(-0.375rem);
    }

    .accordion-body.is-open > div {
        opacity: 1;
        visibility: visible;
        transition:
            opacity var(--duration-base) var(--ease-out) 80ms,
            transform var(--duration-slow) var(--ease-out) 80ms,
            visibility 0s;
        transform: none;
    }

    .accordion-boxed {
        flex-direction: column;
        gap: 0.625rem;
        display: flex;

        & .accordion-item {
            border: 1px solid var(--color-border);
            border-radius: var(--radius-card);
            transition:
                border-color var(--duration-fast) var(--ease-out),
                box-shadow var(--duration-fast) var(--ease-out);
            overflow: hidden;

            &:hover {
                border-color: var(--color-text-muted);

                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(
                        in oklab,
                        var(--color-text-muted) 40%,
                        var(--color-border)
                    );
                }
            }

            &:has(> .accordion-trigger.is-open) {
                border-color: var(--acc-open-border, var(--color-primary-200));
            }
        }

        & .accordion-trigger {
            transition:
                color var(--duration-fast) var(--ease-out),
                background var(--duration-fast) var(--ease-out);
            padding: 1.1rem 1.5rem;

            &.is-open {
                background: var(--color-primary-50);
            }
        }
    }

    .accordion-boxed .accordion-body {
        transition:
            grid-template-rows var(--duration-slow) var(--ease-out),
            padding var(--duration-slow) var(--ease-out);
        padding: 0;
    }

    .accordion-boxed .accordion-body.is-open {
        padding: 1.25rem 1.5rem;
    }

    .accordion-filled {
        flex-direction: column;
        gap: 0.625rem;
        display: flex;

        & .accordion-item {
            background: var(--color-bg-soft);
            border-radius: var(--radius-card);
            transition: background var(--duration-fast) var(--ease-out);
            border: none;
            overflow: hidden;

            &:hover:not(:has(> .accordion-trigger.is-open)) {
                background: var(--color-bg-muted);
            }
        }

        & .accordion-trigger {
            transition:
                color var(--duration-fast) var(--ease-out),
                background var(--duration-fast) var(--ease-out);
            padding: 1.1rem 1.5rem;

            &.is-open {
                background: var(--color-primary);
                color: var(--color-on-primary);

                & .accordion-icon {
                    color: oklch(from var(--color-on-primary) l c h / 0.8);
                }
            }
        }
    }

    .accordion-filled .accordion-body {
        transition:
            grid-template-rows var(--duration-slow) var(--ease-out),
            padding var(--duration-slow) var(--ease-out);
        padding: 0;
    }

    .accordion-filled .accordion-body.is-open {
        padding: 1rem 1.5rem 1.25rem;
    }

    .accordion-pm {
        & .accordion-trigger.is-open .accordion-icon {
            transform: none;
        }
    }

    .accordion-editorial.accordion-pm .accordion-trigger.is-open .accordion-icon {
        transform: none;
    }

    .accordion-pm-vline {
        transition: opacity var(--duration-base) var(--ease-out);

        .is-open & {
            opacity: 0;
        }
    }

    .accordion-flush {
        & .accordion-item {
            border-bottom: none;
            padding-bottom: 0.5rem;
        }

        & .accordion-trigger {
            padding: 0.75rem 0;
        }
    }

    .accordion-card {
        flex-direction: column;
        gap: 0.625rem;
        display: flex;

        & .accordion-item {
            border-bottom: none;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-card);
            box-shadow: var(--shadow-xs);
            transition: box-shadow var(--duration-base) var(--ease-out);
            overflow: hidden;

            &:has(> .accordion-trigger.is-open) {
                box-shadow: var(--shadow-sm);
            }
        }

        & .accordion-trigger {
            padding: 1.25rem 1.5rem;
            font-weight: 600;

            &:hover,
            &.is-open {
                color: var(--color-text);
            }
        }
    }

    .accordion-card .accordion-body {
        transition:
            grid-template-rows var(--duration-slow) var(--ease-out),
            padding var(--duration-slow) var(--ease-out);
        padding: 0;
    }

    .accordion-card .accordion-body.is-open {
        padding: 0 1.5rem 1.25rem;
    }

    .accordion-icon-circle {
        background: var(--color-dark);
        width: 2.25rem;
        height: 2.25rem;
        transition:
            background var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-lift);
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        display: flex;

        .accordion-trigger:hover & {
            transform: scale(1.08);
        }
    }

    .accordion-card .accordion-trigger.is-open .accordion-icon-circle {
        background: var(--color-primary);
    }

    .accordion-card .accordion-icon-circle .accordion-icon {
        width: 18px;
        height: 18px;
        color: var(--color-on-dark);
    }

    .accordion-card .is-open .accordion-icon-circle .accordion-icon {
        color: var(--color-on-primary);
    }

    .accordion-shadow {
        flex-direction: column;
        gap: 0.75rem;
        display: flex;

        & .accordion-item {
            background: var(--color-bg);
            border-radius: var(--radius-card);
            box-shadow: var(--shadow-sm);
            transition: box-shadow var(--duration-base) var(--ease-out);
            border-bottom: none;
            overflow: hidden;

            &:hover,
            &:has(> .accordion-trigger.is-open) {
                box-shadow: var(--shadow-md);
            }
        }

        & .accordion-trigger {
            padding: 1.25rem 1.5rem;
            font-weight: 600;

            &:hover,
            &.is-open {
                color: var(--color-text);
            }
        }

        & .accordion-icon {
            transform: rotate(-90deg);
        }

        & .accordion-trigger.is-open .accordion-icon {
            color: var(--color-text-muted);
            transform: rotate(0);
        }
    }

    .accordion-shadow .accordion-body {
        transition:
            grid-template-rows var(--duration-slow) var(--ease-out),
            padding var(--duration-slow) var(--ease-out);
        padding: 0;
    }

    .accordion-shadow .accordion-body.is-open {
        padding: 0 1.5rem 1.25rem;
    }

    .accordion-secondary {
        --acc-open-border: var(--color-secondary-200);

        & .accordion-trigger {
            &:hover,
            &.is-open {
                color: var(--color-secondary-ink);
            }
        }

        & .accordion-trigger.is-open .accordion-icon {
            color: var(--color-secondary-ink);
        }

        &.accordion-boxed .accordion-trigger.is-open {
            background: var(--color-secondary-50);
        }

        &.accordion-filled .accordion-trigger.is-open {
            background: var(--color-secondary);
            color: var(--color-on-secondary);

            & .accordion-icon {
                color: oklch(from var(--color-on-secondary) l c h / 0.8);
            }
        }
    }

    .accordion-tertiary {
        --acc-open-border: var(--color-tertiary-200);

        & .accordion-trigger {
            &:hover,
            &.is-open {
                color: var(--color-tertiary-ink);
            }
        }

        & .accordion-trigger.is-open .accordion-icon {
            color: var(--color-tertiary-ink);
        }

        &.accordion-boxed .accordion-trigger.is-open {
            background: var(--color-tertiary-50);
        }

        &.accordion-filled .accordion-trigger.is-open {
            background: var(--color-tertiary);
            color: var(--color-on-tertiary);

            & .accordion-icon {
                color: oklch(from var(--color-on-tertiary) l c h / 0.8);
            }
        }
    }

    .accordion-quaternary {
        --acc-open-border: var(--color-quaternary-200);

        & .accordion-trigger {
            &:hover,
            &.is-open {
                color: var(--color-quaternary-ink);
            }
        }

        & .accordion-trigger.is-open .accordion-icon {
            color: var(--color-quaternary-ink);
        }

        &.accordion-boxed .accordion-trigger.is-open {
            background: var(--color-quaternary-50);
        }

        &.accordion-filled .accordion-trigger.is-open {
            background: var(--color-quaternary);
            color: var(--color-on-quaternary);

            & .accordion-icon {
                color: oklch(from var(--color-on-quaternary) l c h / 0.8);
            }
        }
    }

    .accordion-accent {
        --acc-open-border: var(--color-accent-200);

        & .accordion-trigger {
            &:hover,
            &.is-open {
                color: var(--color-accent-ink);
            }
        }

        & .accordion-trigger.is-open .accordion-icon {
            color: var(--color-accent-ink);
        }

        &.accordion-boxed .accordion-trigger.is-open {
            background: var(--color-accent-50);
        }

        &.accordion-filled .accordion-trigger.is-open {
            background: var(--color-accent);
            color: var(--color-on-accent);

            & .accordion-icon {
                color: oklch(from var(--color-on-accent) l c h / 0.8);
            }
        }
    }

    .accordion-dark {
        --acc-open-border: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --acc-open-border: color-mix(in oklab, var(--color-dark) 30%, var(--color-border));
        }

        & .accordion-trigger {
            &:hover,
            &.is-open {
                color: var(--color-dark);
            }
        }

        & .accordion-trigger.is-open .accordion-icon {
            color: var(--color-dark);
        }

        &.accordion-boxed .accordion-trigger.is-open {
            background: var(--color-bg-muted);
        }

        &.accordion-filled .accordion-trigger.is-open {
            background: var(--color-dark);
            color: var(--color-on-dark);

            & .accordion-icon {
                color: #fffc;
            }
        }
    }

    .accordion-spotlight {
        flex-direction: column;
        gap: 0.75rem;
        display: flex;

        & .accordion-item {
            background: var(--color-bg);
            border-bottom: none;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-card);
            box-shadow: var(--shadow-sm);
            transition:
                background var(--duration-base) var(--ease-out),
                border-color var(--duration-base) var(--ease-out),
                box-shadow var(--duration-base) var(--ease-out);
            overflow: hidden;

            &:has(.accordion-trigger.is-open) {
                --color-white: var(--color-on-primary);
                --on-surface: var(--color-on-primary);
                background: var(--color-primary);
                border-color: var(--color-primary);
                box-shadow: var(--shadow-lg);
            }
        }

        & .accordion-trigger {
            font-size: var(--text-lg);
            padding: 1.25rem 1.5rem;
            font-weight: 600;

            &.is-open {
                color: var(--on-surface, #fff);
            }
        }

        & .accordion-icon-circle {
            background: var(--color-dark);
            transition: background var(--duration-base) var(--ease-out);
        }

        & .accordion-trigger.is-open .accordion-icon-circle {
            background: oklch(from var(--on-surface, #fff) l c h / 0.2);
        }
    }

    .accordion-spotlight .accordion-body {
        transition:
            grid-template-rows var(--duration-slow) var(--ease-out),
            padding var(--duration-slow) var(--ease-out);
        padding: 0;
    }

    .accordion-spotlight .accordion-body.is-open {
        padding: 0 1.5rem 1.75rem;
    }

    .accordion-spotlight .accordion-body > div {
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
    }

    .accordion-spotlight .accordion-icon-circle .accordion-icon {
        color: var(--color-on-dark);
    }

    .accordion-spotlight .accordion-trigger.is-open .accordion-icon-circle .accordion-icon {
        color: var(--on-surface, #fff);
    }

    .accordion-muted {
        &.accordion-boxed .accordion-item {
            border-radius: var(--radius-card);
            transition: background var(--duration-base) var(--ease-out);
            background: none;
            border: none;

            &:has(.accordion-trigger.is-open) {
                background: var(--color-bg-soft);
            }
        }

        &.accordion-boxed .accordion-trigger {
            &:hover {
                color: var(--color-text);
            }

            &.is-open {
                color: var(--color-text);
                background: none;
            }
        }
    }

    .accordion-editorial {
        & .accordion-trigger {
            letter-spacing: -0.015em;
            transition: color var(--duration-fast) var(--ease-out);
            align-items: center;
            padding: 1.375rem 0;
            font-size: clamp(1.0625rem, 0.95rem + 0.35vw, 1.1875rem);
            font-weight: 500;
            line-height: 1.4;

            &:hover {
                color: var(--color-text);
            }

            &.is-open {
                color: var(--color-text);
                font-weight: 600;
            }
        }

        & .accordion-icon {
            box-sizing: border-box;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-full);
            width: 2.25rem;
            height: 2.25rem;
            color: var(--color-text-soft);
            transition:
                transform var(--duration-base) var(--ease-lift),
                color var(--duration-base) var(--ease-out),
                background-color var(--duration-base) var(--ease-out),
                border-color var(--duration-base) var(--ease-out);
            padding: 0.5625rem;
        }

        & .accordion-trigger:hover .accordion-icon {
            color: var(--color-primary-ink);
            border-color: var(--color-primary-200);
            background-color: var(--color-primary-50);
        }

        & .accordion-trigger.is-open .accordion-icon {
            color: var(--color-on-primary);
            border-color: var(--color-primary);
            background-color: var(--color-primary);
            transform: rotate(45deg);
        }
    }

    .accordion-editorial .accordion-body {
        transition:
            grid-template-rows var(--duration-base) var(--ease-out),
            padding var(--duration-base) var(--ease-out);
        padding: 0;
        overflow: visible;
    }

    .accordion-editorial .accordion-body.is-open {
        padding-bottom: 1.75rem;
    }

    .accordion-editorial .accordion-body > div {
        font-size: var(--text-base);
        margin: 0 -1rem -1rem;
        padding: 0 1rem 1rem;
        line-height: 1.7;
    }

    .accordion-editorial .accordion-body > div p {
        line-height: 1.7;
    }

    .accordion-feature {
        & .accordion-item {
            border-bottom: 1px solid var(--color-border);

            &:last-child {
                border-bottom: none;
            }
        }

        & .accordion-trigger {
            justify-content: flex-start;
            padding: 1.25rem 0;

            &:hover,
            &.is-open {
                color: var(--color-text);
            }

            &:hover .accordion-icon-box {
                box-shadow: 0 0 0 3px var(--color-primary-50);
            }

            &.is-open .accordion-icon-box {
                box-shadow: 0 0 0 4px var(--color-primary-100);
                transform: scale(1.06);
            }
        }
    }

    .accordion-icon-box {
        background: var(--color-primary);
        border-radius: var(--radius-md);
        width: 2.75rem;
        height: 2.75rem;
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        display: flex;

        & i {
            color: var(--color-on-primary);
            font-size: 1.25rem;
        }

        & img {
            object-fit: contain;
            filter: brightness(0) invert();
            width: 1.375rem;
            height: 1.375rem;
        }
    }

    .accordion-feature .accordion-body {
        padding-left: 3.75rem;
    }

    .accordion-feature .accordion-body.is-open {
        padding-bottom: 1.25rem;
    }

    @media (prefers-reduced-motion: reduce) {
        .accordion-body > div,
        .accordion-body.is-open > div,
        .accordion-trigger:hover .accordion-icon-circle {
            transform: none;
        }
    }

    .expandable {
        max-height: var(--expand-collapsed, 3lh);
        transition: max-height var(--duration-slow) var(--ease-out);
        overflow: hidden;

        &.is-open {
            max-height: var(--expand-expanded, 1500px);
        }
    }

    .expandable-fade {
        position: relative;

        &:after {
            content: '';
            inset-inline: 0;
            pointer-events: none;
            background: linear-gradient(
                to top,
                var(--color-bg) 8%,
                var(--color-bg) 45%,
                transparent
            );
            height: 5rem;
            position: absolute;
            bottom: 0;

            @supports (color: color-mix(in lab, red, red)) {
                background: linear-gradient(
                    to top,
                    var(--color-bg) 8%,
                    color-mix(in srgb, var(--color-bg) 70%, transparent) 45%,
                    transparent
                );
            }

            opacity: 1;
            transition: opacity var(--duration-base) var(--ease-out);
        }

        &.is-open:after {
            opacity: 0;
        }
    }

    .expandable-toggle {
        cursor: pointer;
        min-height: 2.5rem;
        font-family: var(--font-sans);
        font-weight: 600;
        font-size: var(--text-sm);
        color: var(--color-primary-ink);
        transition: color var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        align-items: center;
        gap: 0.4rem;
        margin-top: 0.5rem;
        padding: 0;
        display: inline-flex;

        &:hover {
            color: var(--color-primary-700, var(--color-primary-ink));
            text-decoration: underline;
            text-decoration-thickness: 1px;

            @supports (color: color-mix(in lab, red, red)) {
                -webkit-text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
                text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
            }

            text-underline-offset: 4px;
        }

        &:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 3px;
            border-radius: var(--radius-xs);
        }
    }

    .expandable-toggle-icon {
        width: 16px;
        height: 16px;
        transition: transform var(--duration-base) var(--ease-lift);
        flex-shrink: 0;

        .expandable-toggle:hover & {
            transform: translateY(2px);
        }

        .expandable-toggle.is-open & {
            transform: rotate(180deg);
        }
    }

    @keyframes expandFadeIn {
        from {
            opacity: 0;
            transform: translateY(12px) scale(0.98);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    .expand-in {
        animation: expandFadeIn 0.5s var(--ease-out) both;
    }

    @media (prefers-reduced-motion: reduce) {
        .expandable,
        .expandable-toggle-icon {
            transition: none;
        }

        .expand-in {
            animation: none;
        }
    }

    .expand-hidden {
        display: none !important;
    }

    .cta {
        --cta-radius: calc(clamp(1.25rem, 2.4vw, 2rem) * var(--radius-scale));
        isolation: isolate;
        border-radius: var(--cta-radius);
        padding-block: clamp(2.75rem, 6vw, 4.5rem);
        padding-inline: clamp(1.5rem, 5vw, 4rem);
        position: relative;
        overflow: hidden;
    }

    .cta--full {
        border-radius: 0;
    }

    .cta :is(h1, h2, h3) {
        letter-spacing: -0.035em;
        text-wrap: balance;
        line-height: 1.06;
    }

    .cta p {
        text-wrap: pretty;
    }

    .cta-label {
        font-size: var(--text-xs);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: var(--color-primary-ink);
        align-items: center;
        gap: 0.6rem;
        margin-bottom: 1.15rem;
        font-weight: 600;
        display: inline-flex;
    }

    .cta-label:before {
        content: '';
        background: currentColor;
        border-radius: 50%;
        flex-shrink: 0;
        width: 0.375rem;
        height: 0.375rem;
        box-shadow: 0 0 0 0.25rem;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 0.25rem color-mix(in srgb, currentColor 18%, transparent);
        }
    }

    .cta-body {
        max-width: 44rem;
    }

    .cta-body.text-center {
        margin-inline: auto;
    }

    .cta-actions {
        flex-wrap: wrap;
        align-items: center;
        gap: 0.75rem;
        margin-top: 2rem;
        display: flex;
    }

    .cta-actions.justify-center {
        justify-content: center;
    }

    .cta .btn > .ph:last-child:is(.ph-arrow-right, .ph-arrow-up-right) {
        transition: translate var(--duration-fast) var(--ease-out);
    }

    .cta .btn:hover > .ph-arrow-right:last-child {
        translate: 3px;
    }

    .cta .btn:hover > .ph-arrow-up-right:last-child {
        translate: 2px -2px;
    }

    .cta-tag {
        border-radius: var(--radius-pill);
        background: var(--color-primary);
        color: var(--color-on-primary);
        font-size: var(--text-xs);
        letter-spacing: 0.02em;
        white-space: nowrap;
        flex-shrink: 0;
        align-items: center;
        gap: 0.45rem;
        padding: 0.3rem 0.75rem 0.3rem 0.6rem;
        font-weight: 600;
        line-height: 1.2;
        display: inline-flex;
    }

    .cta-tag:before {
        content: '';
        background: currentColor;
        border-radius: 50%;
        width: 0.4rem;
        height: 0.4rem;
        animation: 2.2s ease-out infinite cta-tag-pulse;
    }

    .cta-banner-inner {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 1.5rem clamp(1.5rem, 4vw, 3rem);
        display: flex;
    }

    .cta:has(> .cta-banner-inner):not(.cta-compact) {
        padding-block: clamp(2.25rem, 4.5vw, 3.5rem);
    }

    .cta-banner-inner .cta-body {
        flex: 22rem;
        max-width: none;
    }

    .cta-banner-inner .cta-actions {
        flex-shrink: 0;
        margin-top: 0;
    }

    @media (width <= 640px) {
        .cta-banner-inner {
            flex-direction: column;
            align-items: flex-start;
        }

        .cta-banner-inner .cta-body {
            flex-basis: auto;
        }
    }

    .cta-split {
        align-items: stretch;
        min-height: 30rem;
        padding-block: 0;
        padding-inline: 0;
        display: flex;
        overflow: hidden;
    }

    .cta-split-reverse {
        flex-direction: row-reverse;
    }

    @media (width <= 768px) {
        .cta-split,
        .cta-split-reverse {
            flex-direction: column;
        }
    }

    .cta-split-content {
        flex-direction: column;
        flex: 50%;
        justify-content: center;
        align-items: flex-start;
        padding: clamp(2.25rem, 5vw, 4.5rem);
        display: flex;
    }

    .cta-split-image {
        flex: 50%;
        min-height: 18rem;
        position: relative;
        overflow: hidden;
    }

    .cta-split-image img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: transform 1.2s var(--ease-out);
        display: block;
        position: absolute;
        inset: 0;
    }

    .cta-split:hover .cta-split-image img {
        transform: scale(1.035);
    }

    @media (width <= 768px) {
        .cta-split-image {
            aspect-ratio: 4 / 3;
            flex-basis: auto;
            min-height: 0;
        }
    }

    .cta-split--inset .cta-split-image {
        border-radius: calc(var(--cta-radius) - clamp(0.5rem, 1vw, 0.75rem));
        margin: clamp(0.5rem, 1vw, 0.75rem);
    }

    .cta-compact {
        border-radius: var(--radius-20);
        padding: 0.75rem 1rem 0.75rem 1.25rem;
    }

    .cta-compact:has(> .cta-dismiss) {
        padding-right: 3.5rem;
    }

    .cta-compact .cta-banner-inner {
        gap: 0.75rem 1.5rem;
    }

    .cta-compact .cta-body {
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem 0.875rem;
        display: flex;
    }

    @media (width >= 768px) {
        .cta-pill {
            border-radius: var(--radius-pill);
        }
    }

    .cta-footer {
        padding-block: clamp(5rem, 11vw, 9rem);
    }

    .cta-dismiss {
        cursor: pointer;
        width: 2.5rem;
        height: 2.5rem;
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        border-radius: 50%;
        place-items: center;
        font-size: 1.05rem;
        line-height: 1;
        display: grid;
        position: absolute;
        top: 0.625rem;
        right: 0.625rem;

        &:hover {
            color: var(--on-surface, #fff);
            background: currentColor;

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, currentColor 12%, transparent);
            }
        }
    }

    @media (width >= 641px) {
        .cta-compact > .cta-dismiss {
            top: 50%;
            translate: 0 -50%;
        }
    }

    .cta-primary,
    .cta-gradient-primary-accent,
    .cta-gradient-primary-dark,
    .cta-gradient-brand {
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
    }

    .cta-secondary {
        --color-white: var(--color-on-secondary);
        --on-surface: var(--color-on-secondary);
    }

    .cta-tertiary {
        --color-white: var(--color-on-tertiary);
        --on-surface: var(--color-on-tertiary);
    }

    .cta-quaternary {
        --color-white: var(--color-on-quaternary);
        --on-surface: var(--color-on-quaternary);
    }

    .cta-accent,
    .cta-gradient-accent-dark {
        --color-white: var(--color-on-accent);
        --on-surface: var(--color-on-accent);
    }

    .cta-dark,
    .cta.aurora {
        --color-white: #fff;
        --on-surface: #fff;
    }

    .cta-primary,
    .cta-secondary,
    .cta-tertiary,
    .cta-quaternary,
    .cta-accent,
    .cta-dark,
    .cta-gradient-primary-accent,
    .cta-gradient-accent-dark,
    .cta-gradient-primary-dark,
    .cta-gradient-brand,
    .cta.aurora {
        color: var(--on-surface, #fff);

        & :is(h1, h2, h3, h4, h5, h6) {
            color: var(--on-surface, #fff);
        }

        & p {
            color: oklch(from var(--on-surface, #fff) l c h / 0.8);
        }

        & .cta-label {
            color: oklch(from var(--on-surface, #fff) l c h / 0.78);
        }

        & .cta-tag {
            background: oklch(from var(--on-surface, #fff) l c h / 0.14);
            box-shadow: inset 0 0 0 1px oklch(from var(--on-surface, #fff) l c h / 0.18);
        }
    }

    .cta-primary,
    .cta-secondary,
    .cta-tertiary,
    .cta-quaternary,
    .cta-accent,
    .cta-dark,
    .cta-gradient-primary-accent,
    .cta-gradient-accent-dark,
    .cta-gradient-primary-dark,
    .cta-gradient-brand {
        box-shadow: inset 0 1px #ffffff24;

        &:after {
            content: '';
            z-index: -1;
            pointer-events: none;
            background: radial-gradient(
                60% 110% at 100% 0%,
                rgb(255 255 255 / var(--cta-sheen, 0.16)),
                transparent 65%
            );
            position: absolute;
            inset: 0;
        }
    }

    .cta-dark {
        --cta-sheen: 0.06;
    }

    .cta-primary {
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                160deg,
                color(
                        from var(--color-primary) xyz calc(x * min(1, 0.295 / y))
                            calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
                    )
                    0%,
                var(--color-primary) 45%,
                var(--color-primary) 100%
            );

        @supports (color: color-mix(in lab, red, red)) {
            background:
                var(--gradient-primary-light, none),
                linear-gradient(
                    160deg,
                    color(
                            from color-mix(in oklab, var(--color-primary) 90%, #fff) xyz
                                calc(x * min(1, 0.295 / y)) calc(y * min(1, 0.295 / y))
                                calc(z * min(1, 0.295 / y))
                        )
                        0%,
                    var(--color-primary) 45%,
                    color-mix(in oklab, var(--color-primary) 82%, var(--color-primary-900)) 100%
                );
        }
    }

    .cta-secondary {
        background: var(--color-secondary);
    }

    .cta-tertiary {
        background: var(--color-tertiary);
    }

    .cta-quaternary {
        background: var(--color-quaternary);
    }

    .cta-accent {
        background: var(--color-accent);
    }

    .cta-dark {
        background:
            radial-gradient(70% 120% at 100% 0%, var(--color-primary), transparent 62%),
            var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            background:
                radial-gradient(
                    70% 120% at 100% 0%,
                    color-mix(in srgb, var(--color-primary) 26%, transparent),
                    transparent 62%
                ),
                var(--color-dark);
        }
    }

    .cta-gradient-primary-accent {
        background:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-shade) 100%);
    }

    .cta-gradient-accent-dark {
        background:
            var(--gradient-accent-light, none),
            linear-gradient(135deg, var(--color-accent) 0%, var(--color-dark) 100%);
    }

    .cta-gradient-primary-dark {
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                135deg,
                var(--color-primary) 0%,
                var(--color-primary-900) 70%,
                var(--color-dark) 100%
            );
    }

    .cta-gradient-brand {
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                135deg,
                var(--color-primary-950) 0%,
                var(--color-primary-800) 45%,
                var(--color-primary-600) 100%
            );
    }

    .cta-soft-primary,
    .cta-soft-secondary,
    .cta-soft-tertiary,
    .cta-soft-quaternary,
    .cta-soft-accent,
    .cta-soft-dark {
        border: 1px solid;
        box-shadow: inset 0 1px #fff;
    }

    .cta-soft-primary {
        background: linear-gradient(180deg, var(--color-primary-50), var(--color-primary-50));

        @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient(
                180deg,
                var(--color-primary-50),
                color-mix(in srgb, var(--color-primary-50) 45%, #fff)
            );
        }

        border-color: var(--color-primary-100);

        & :is(h1, h2, h3, h4, h5, h6) {
            color: var(--color-primary-900);
        }

        & .cta-label {
            color: var(--color-primary-ink);
        }
    }

    .cta-soft-secondary {
        background: var(--color-secondary-50);
        border-color: var(--color-secondary-200);

        & :is(h1, h2, h3, h4, h5, h6),
        & .cta-label {
            color: var(--color-secondary-ink);
        }
    }

    .cta-soft-tertiary {
        background: var(--color-tertiary-50);
        border-color: var(--color-tertiary-200);

        & :is(h1, h2, h3, h4, h5, h6),
        & .cta-label {
            color: var(--color-tertiary-ink);
        }
    }

    .cta-soft-quaternary {
        background: var(--color-quaternary-50);
        border-color: var(--color-quaternary-200);

        & :is(h1, h2, h3, h4, h5, h6),
        & .cta-label {
            color: var(--color-quaternary-ink);
        }
    }

    .cta-soft-accent {
        background: var(--color-accent-50);
        border-color: var(--color-accent-200);

        & :is(h1, h2, h3, h4, h5, h6),
        & .cta-label {
            color: var(--color-accent-ink);
        }
    }

    .cta-soft-dark {
        background: var(--color-bg-soft);
        border-color: var(--color-border);

        & :is(h1, h2, h3, h4, h5, h6),
        & .cta-label {
            color: var(--color-dark);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .cta-tag:before {
            animation: none;
        }

        .cta-split-image img,
        .cta .btn > .ph {
            transition: none;
        }
    }

    code {
        font-family: var(--font-mono);
        background: var(--color-bg-muted);
        color: var(--color-primary-700);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        border-radius: 0.375em;
        padding: 0.15em 0.4em;
        font-size: 0.875em;
    }

    pre {
        font-family: var(--font-mono);
        font-size: var(--text-sm);
        background: var(--color-dark);
        color: #e2e8f0;
        border-radius: var(--radius-lg);
        line-height: var(--leading-relaxed);
        tab-size: 4;
        padding: 1.5rem 1.75rem;
        overflow-x: auto;
        box-shadow: inset 0 1px #ffffff0f;
    }

    pre code {
        color: inherit;
        font-size: inherit;
        background: none;
        border-radius: 0;
        padding: 0;
    }

    .dark-section code,
    .section-dark code,
    .post-dark-section code,
    .section-primary code,
    .section-secondary code,
    .section-tertiary code,
    .section-quaternary code,
    .section-gradient-primary code,
    .section-gradient-secondary code,
    .section-gradient-dark code,
    .section-gradient-brand code,
    .section-gradient-animated code {
        color: var(--color-accent-300);
        background: #00000047;
    }

    .dark-section kbd,
    .section-dark kbd,
    .section-primary kbd,
    .section-secondary kbd,
    .section-tertiary kbd,
    .section-quaternary kbd {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.18);
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
        background: #00000047;
    }

    .section-gradient-primary kbd,
    .section-gradient-secondary kbd,
    .section-gradient-dark kbd,
    .section-gradient-brand kbd,
    .section-gradient-animated kbd {
        color: #ffffffd9;
        background: #00000047;
        border-color: #ffffff2e;
    }

    kbd {
        min-width: 1.9em;
        font-family: var(--font-mono);
        text-align: center;
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        color: var(--color-text);
        box-shadow:
            inset 0 -2px 0 var(--color-border),
            0 1px 2px #0000000a;
        border-radius: 0.4em;
        padding: 0.1em 0.5em;
        font-size: 0.8em;
        font-weight: 500;
        line-height: 1.5;
        display: inline-block;
    }

    mark {
        background: var(--color-primary-100);
        color: var(--color-primary-900);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        border-radius: 0.25em;
        padding: 0.05em 0.25em;
    }

    .lead {
        font-size: var(--text-xl);
        letter-spacing: -0.01em;
        color: var(--color-text-soft);
        text-wrap: pretty;
        font-weight: 400;
        line-height: 1.65;
    }

    .eyebrow {
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-variant-numeric: tabular-nums;
        color: var(--color-primary-ink);
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.4;
        display: inline-block;
    }

    .eyebrow-secondary {
        color: var(--color-secondary-ink);
    }

    .eyebrow-tertiary {
        color: var(--color-tertiary-ink);
    }

    .eyebrow-quaternary {
        color: var(--color-quaternary-ink);
    }

    .eyebrow-accent {
        color: var(--color-accent-ink);
    }

    .eyebrow-dark {
        color: var(--color-dark);
    }

    .line-label {
        font-size: var(--text-base);
        color: var(--color-text);
        align-items: center;
        gap: 0.875rem;
        font-weight: 500;
        line-height: 1;
        display: inline-flex;
    }

    .line-label:before {
        content: '';
        border-radius: var(--radius-xs);
        background: linear-gradient(90deg, transparent, var(--color-primary));
        width: 2.5rem;
        height: 2px;
    }

    .line-label-center:after {
        content: '';
        border-radius: var(--radius-xs);
        background: linear-gradient(90deg, var(--color-primary), transparent);
        width: 2.5rem;
        height: 2px;
    }

    .dark-section .line-label,
    .section-dark .line-label {
        color: var(--on-surface, #fff);
    }

    .blockquote {
        border-left: 2px solid var(--color-border);
        font-size: var(--text-xl);
        letter-spacing: -0.015em;
        color: var(--color-text);
        text-wrap: pretty;
        padding: 0.25rem 0 0.25rem 1.5rem;
        font-weight: 500;
        line-height: 1.5;
    }

    .blockquote cite {
        font-size: var(--text-base);
        letter-spacing: 0;
        color: var(--color-text-muted);
        margin-top: 1rem;
        font-style: normal;
        font-weight: 400;
        display: block;
    }

    .blockquote-primary {
        border-left-color: var(--color-primary);
    }

    .blockquote-secondary {
        border-left-color: var(--color-secondary);
    }

    .blockquote-tertiary {
        border-left-color: var(--color-tertiary);
    }

    .blockquote-quaternary {
        border-left-color: var(--color-quaternary);
    }

    .blockquote-accent {
        border-left-color: var(--color-accent);
    }

    .blockquote-dark {
        border-left-color: var(--color-dark);
    }

    .drop-cap:first-letter {
        float: left;
        font-size: 3.5em;
        line-height: 0.8;
        font-family: var(--font-heading);
        color: var(--color-primary-ink);
        padding-right: 0.15em;
        font-weight: 700;
    }

    .drop-cap-secondary:first-letter {
        float: left;
        font-size: 3.5em;
        line-height: 0.8;
        font-family: var(--font-heading);
        color: var(--color-secondary-ink);
        padding-right: 0.15em;
        font-weight: 700;
    }

    .drop-cap-tertiary:first-letter {
        float: left;
        font-size: 3.5em;
        line-height: 0.8;
        font-family: var(--font-heading);
        color: var(--color-tertiary-ink);
        padding-right: 0.15em;
        font-weight: 700;
    }

    .drop-cap-quaternary:first-letter {
        float: left;
        font-size: 3.5em;
        line-height: 0.8;
        font-family: var(--font-heading);
        color: var(--color-quaternary-ink);
        padding-right: 0.15em;
        font-weight: 700;
    }

    .drop-cap-accent:first-letter {
        float: left;
        font-size: 3.5em;
        line-height: 0.8;
        font-family: var(--font-heading);
        color: var(--color-accent-ink);
        padding-right: 0.15em;
        font-weight: 700;
    }

    .drop-cap-dark:first-letter {
        float: left;
        font-size: 3.5em;
        line-height: 0.8;
        font-family: var(--font-heading);
        color: var(--color-dark);
        padding-right: 0.15em;
        font-weight: 700;
    }

    :is(
        .drop-cap,
        .drop-cap-secondary,
        .drop-cap-tertiary,
        .drop-cap-quaternary,
        .drop-cap-accent,
        .drop-cap-dark
    ):first-letter {
        letter-spacing: -0.02em;
        margin-top: 0.04em;
        padding-right: 0.12em;
    }

    .text-gradient-primary-accent {
        background: linear-gradient(135deg, var(--color-primary-ink), var(--color-accent-ink));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-secondary-accent {
        background: linear-gradient(135deg, var(--color-secondary-ink), var(--color-accent-ink));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-tertiary-accent {
        background: linear-gradient(135deg, var(--color-tertiary-ink), var(--color-accent-ink));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-accent-dark {
        background: linear-gradient(135deg, var(--color-accent-ink), var(--color-dark));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-primary-dark {
        background: linear-gradient(135deg, var(--color-primary-ink), var(--color-dark));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-secondary-dark {
        background: linear-gradient(135deg, var(--color-secondary-ink), var(--color-dark));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-pattern-aurora,
    .text-pattern-spectrum,
    .text-pattern-sunset,
    .text-pattern-bloom,
    .text-pattern-image {
        font-family: var(--font-tertiary);
        -webkit-text-fill-color: transparent;
        color: #0000;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-clip: text;
        padding-bottom: 0.16em;
    }

    .text-pattern-aurora {
        background-image:
            radial-gradient(70% 110% at 16% 12%, var(--color-primary-400) 0, transparent 55%),
            radial-gradient(64% 104% at 84% 88%, var(--color-accent-400) 0, transparent 55%),
            linear-gradient(
                100deg,
                var(--color-primary) 0%,
                var(--color-tertiary) 50%,
                var(--color-accent) 100%
            );
    }

    .text-pattern-spectrum {
        background-image:
            radial-gradient(58% 96% at 14% 22%, var(--color-tertiary-400) 0, transparent 54%),
            radial-gradient(58% 96% at 86% 78%, var(--color-accent-400) 0, transparent 54%),
            linear-gradient(
                100deg,
                var(--color-secondary) 0%,
                var(--color-primary) 28%,
                var(--color-tertiary) 62%,
                var(--color-accent) 100%
            );
    }

    .text-pattern-sunset {
        background-image:
            radial-gradient(72% 112% at 22% 18%, var(--color-accent-400) 0, transparent 56%),
            radial-gradient(62% 102% at 82% 82%, var(--color-tertiary-400) 0, transparent 55%),
            linear-gradient(
                100deg,
                var(--color-accent) 0%,
                var(--color-tertiary) 55%,
                var(--color-primary) 100%
            );
    }

    .text-pattern-bloom {
        background-image:
            radial-gradient(40% 60% at 20% 30%, var(--color-accent-400) 0, transparent 52%),
            radial-gradient(36% 54% at 55% 16%, var(--color-tertiary) 0, transparent 50%),
            radial-gradient(46% 66% at 82% 60%, var(--color-primary-400) 0, transparent 54%),
            radial-gradient(40% 58% at 36% 82%, var(--color-accent) 0, transparent 52%),
            linear-gradient(120deg, var(--color-tertiary-500), var(--color-accent-500));
    }

    .text-pattern-image {
        background-image:
            var(--pattern-image, none),
            radial-gradient(60% 100% at 18% 22%, var(--color-primary-400) 0, transparent 55%),
            radial-gradient(60% 100% at 82% 78%, var(--color-accent-400) 0, transparent 55%),
            linear-gradient(
                100deg,
                var(--color-primary),
                var(--color-tertiary) 55%,
                var(--color-accent)
            );
        background-position: center;
        background-size: cover;
    }

    .text-pattern-animate {
        background-size: 220% 100%;
        animation: 9s ease-in-out infinite alternate text-pattern-drift;
    }

    @keyframes text-pattern-drift {
        from {
            background-position: 0%;
        }

        to {
            background-position: 100%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .text-pattern-animate {
            animation: none;
        }
    }

    .text-pattern-hatch {
        --hatch-fill: linear-gradient(
            100deg,
            var(--color-primary-ink) 8%,
            var(--color-tertiary-ink) 92%
        );
        --hatch-angle: -45deg;
        --hatch-line: clamp(1.5px, 0.02em, 3px);
        --hatch-gap: clamp(2.5px, 0.035em, 5px);
        --hatch-font: var(--font-tertiary);
        --_hatch-lines: repeating-linear-gradient(
            var(--hatch-angle),
            black 0 var(--hatch-line),
            transparent var(--hatch-line) calc(var(--hatch-line) + var(--hatch-gap))
        );
        font-family: var(--hatch-font);
        font-variant-numeric: tabular-nums;
        background: var(--hatch-fill);
        -webkit-text-fill-color: transparent;
        color: #0000;
        mask-image: var(--_hatch-lines);
        background-clip: text;
        padding-bottom: 0.16em;
        font-weight: 800;
    }

    :is(
        .text-highlight,
        .text-highlight-primary,
        .text-highlight-secondary,
        .text-highlight-tertiary,
        .text-highlight-quaternary,
        .text-highlight-accent,
        .text-highlight-dark,
        .text-highlight-gradient
    ) {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .text-highlight,
    .text-highlight-primary {
        border-radius: var(--radius-xs);
        background-color: var(--color-primary-100);
        color: var(--color-primary-800);
        padding: 0.1em 0.35em;
    }

    .text-highlight-secondary {
        border-radius: var(--radius-xs);
        background-color: var(--color-secondary-100);
        color: var(--color-secondary-800);
        padding: 0.1em 0.35em;
    }

    .text-highlight-tertiary {
        border-radius: var(--radius-xs);
        background-color: var(--color-tertiary-100);
        color: var(--color-tertiary-800);
        padding: 0.1em 0.35em;
    }

    .text-highlight-quaternary {
        border-radius: var(--radius-xs);
        background-color: var(--color-quaternary-100);
        color: var(--color-quaternary-800);
        padding: 0.1em 0.35em;
    }

    .text-highlight-accent {
        border-radius: var(--radius-xs);
        background-color: var(--color-accent-100);
        color: var(--color-accent-800);
        padding: 0.1em 0.35em;
    }

    .text-highlight-dark {
        border-radius: var(--radius-xs);
        background-color: var(--color-dark-bg);
        color: var(--color-dark);
        padding: 0.1em 0.35em;
    }

    .text-highlight-gradient {
        border-radius: var(--radius-xs);
        background: linear-gradient(120deg, var(--color-primary-50), var(--color-primary-200));
        color: var(--color-primary-900);
        padding: 0.1em 0.35em;
    }

    .text-photo-bind {
        white-space: nowrap;
    }

    .text-photo {
        inline-size: var(--text-photo-width, 1.62em);
        block-size: var(--text-photo-height, 0.72em);
        margin-inline: var(--text-photo-gap, 0.04em);
        vertical-align: var(--text-photo-lift, 0.02em);
        background: var(--text-photo-bg, var(--color-bg-muted));
        border-radius: var(--text-photo-radius, var(--radius-pill));
        display: inline-block;
        position: relative;
        overflow: hidden;

        & > :is(img, video) {
            object-fit: cover;
            block-size: 100%;
            inline-size: 100%;
            display: block;
        }
    }

    @media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
        .text-photo-bind[data-anim] {
            --anim-duration: 1.1s;
            --anim-delay: 0s;

            & .text-photo {
                clip-path: inset(0 50% round var(--text-photo-radius, var(--radius-pill)));

                & > :is(img, video) {
                    translate: 0 12%;
                }
            }
        }

        .text-photo-bind[data-anim].visible .text-photo {
            animation: text-photo-open var(--anim-duration) cubic-bezier(0.65, 0, 0.2, 1)
                var(--anim-delay) both;

            & > :is(img, video) {
                animation: text-photo-settle calc(var(--anim-duration) + 0.5s)
                    cubic-bezier(0.2, 0.7, 0.2, 1) var(--anim-delay) both;
            }
        }
    }

    @keyframes text-photo-open {
        from {
            clip-path: inset(0 50% round var(--text-photo-radius, var(--radius-pill)));
        }

        to {
            clip-path: inset(0 0 round var(--text-photo-radius, var(--radius-pill)));
        }
    }

    @keyframes text-photo-settle {
        from {
            translate: 0 12%;
        }

        to {
            translate: 0;
        }
    }

    .text-stroke-primary,
    .text-stroke-secondary,
    .text-stroke-tertiary,
    .text-stroke-quaternary,
    .text-stroke-accent,
    .text-stroke-dark {
        font-family: var(--font-tertiary);
    }

    .text-stroke-primary {
        -webkit-text-stroke: 2px var(--color-primary-ink);
        color: #0000;
    }

    .text-stroke-secondary {
        -webkit-text-stroke: 2px var(--color-secondary-ink);
        color: #0000;
    }

    .text-stroke-tertiary {
        -webkit-text-stroke: 2px var(--color-tertiary-ink);
        color: #0000;
    }

    .text-stroke-quaternary {
        -webkit-text-stroke: 2px var(--color-quaternary-ink);
        color: #0000;
    }

    .text-stroke-accent {
        -webkit-text-stroke: 2px var(--color-accent-ink);
        color: #0000;
    }

    .text-stroke-dark {
        -webkit-text-stroke: 2px var(--color-dark);
        color: #0000;
    }

    .text-watermark {
        font-family: var(--font-tertiary);
        letter-spacing: -0.04em;
        color: var(--color-primary-ink);
        white-space: nowrap;
        -webkit-user-select: none;
        user-select: none;
        font-size: clamp(4rem, 16vw, 13rem);
        font-weight: 800;
        line-height: 1;
        mask-image: linear-gradient(#00000029 0% 45%, #0000 100%);
    }

    .text-watermark-outline {
        -webkit-text-stroke: 2px var(--color-primary-ink);
        color: #0000;
        mask-image: linear-gradient(#00000052 0% 45%, #0000 100%);
    }

    .text-watermark.text-pattern-hatch {
        --_watermark-fade: linear-gradient(to bottom, #00000073, #00000073 45%, transparent);
        mask-image: var(--_hatch-lines), var(--_watermark-fade);
        mask-composite: intersect;
    }

    .feature-number {
        align-items: center;
        gap: 1.25rem;
        display: flex;
    }

    .feature-number-value {
        font-family: var(--font-heading);
        letter-spacing: -0.05em;
        font-variant-numeric: tabular-nums;
        color: var(--color-primary-ink);
        font-size: clamp(3.5rem, 7vw, 5rem);
        font-weight: 700;
        line-height: 0.8;
    }

    .feature-number-label {
        font-size: var(--text-xl);
        letter-spacing: -0.015em;
        color: var(--color-text);
        font-weight: 600;
        line-height: 1.2;
    }

    .number-outline {
        letter-spacing: -0.04em;
        color: var(--outline-fill, var(--color-bg));
        -webkit-text-stroke: 3px var(--color-text-muted);
        paint-order: stroke fill;
        transition:
            color var(--duration-base) var(--ease-out),
            -webkit-text-stroke-color var(--duration-base) var(--ease-out);
        font-size: clamp(2.25rem, 1.5rem + 2vw, 3.25rem);
        font-weight: 800;
        line-height: 1;
    }

    :is(.section-dark, .dark-section, .bg-dark) .number-outline {
        --outline-fill: var(--color-dark);
    }

    .group:hover .number-outline {
        color: var(--color-primary-ink);
        -webkit-text-stroke-color: var(--color-primary-ink);
    }

    .list-unstyled {
        margin: 0;
        padding-left: 0;
        list-style: none;
    }

    .list-inline {
        flex-wrap: wrap;
        gap: 0 0.25rem;
        padding-left: 0;
        list-style: none;
        display: flex;
    }

    .list-inline li:not(:last-child):after {
        content: '·';
        color: var(--color-text-muted);
        margin-left: 0.25rem;
    }

    .list-styled {
        padding-left: 0;
        list-style: none;
    }

    .list-styled li {
        line-height: var(--leading-normal);
        padding: 0.35rem 0 0.35rem 1.5rem;
        position: relative;
    }

    .list-styled li:before {
        content: '→';
        color: var(--color-primary-ink);
        transition: transform var(--duration-fast) var(--ease-out);
        font-weight: 700;
        position: absolute;
        left: 0;
    }

    .text-mark {
        --anim-duration: 2.2s;
        --anim-delay: 0s;
        --mark-ease: cubic-bezier(0.62, 0.04, 0.34, 1);
        --mark-color: currentColor;
        --mark-stroke: 0.14em;
        isolation: isolate;
        display: inline-block;
        position: relative;
    }

    .text-mark-thin {
        --mark-stroke: 0.07em;
    }

    .text-mark-bold {
        --mark-stroke: 0.2em;
    }

    .text-mark-bar {
        --mark-color: var(--color-primary);
    }

    .text-mark-highlight {
        --mark-color: var(--color-primary-100);
    }

    .text-mark-primary {
        --mark-color: var(--color-primary);
    }

    .text-mark-secondary {
        --mark-color: var(--color-secondary);
    }

    .text-mark-tertiary {
        --mark-color: var(--color-tertiary);
    }

    .text-mark-quaternary {
        --mark-color: var(--color-quaternary);
    }

    .text-mark-accent {
        --mark-color: var(--color-accent);
    }

    .text-mark-dark {
        --mark-color: var(--color-dark);
    }

    .text-mark-underline:after {
        content: '';
        background: var(--mark-color);
        transform-origin: 0;
        height: 2px;
        transition: transform var(--anim-duration) var(--mark-ease) var(--anim-delay);
        border-radius: 2px;
        position: absolute;
        bottom: -0.08em;
        left: 0;
        right: 0;
        transform: scaleX(0);
    }

    .text-mark-underline.visible:after {
        transform: scaleX(1);
    }

    .text-mark-bar:after {
        content: '';
        background: var(--mark-color);
        z-index: -1;
        transform-origin: 0;
        height: 0.32em;
        transition: transform var(--anim-duration) var(--mark-ease) var(--anim-delay);
        border-radius: 0.08em;
        position: absolute;
        bottom: 0.04em;
        left: -0.05em;
        right: -0.05em;
        transform: scaleX(0);
    }

    .text-mark-bar.visible:after {
        transform: scaleX(1);
    }

    .text-mark-highlight:before {
        content: '';
        background: var(--mark-color);
        z-index: -1;
        transform-origin: 0;
        transition: transform var(--anim-duration) var(--mark-ease) var(--anim-delay);
        border-radius: 0.14em;
        position: absolute;
        inset: -0.05em -0.15em;
        transform: scaleX(0);
    }

    .text-mark-highlight.visible:before {
        transform: scaleX(1);
    }

    .text-mark-strike:after {
        content: '';
        background: var(--mark-color);
        transform-origin: 0;
        height: 2px;
        transition: transform var(--anim-duration) var(--mark-ease) var(--anim-delay);
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: scaleX(0);
    }

    .text-mark-strike.visible:after {
        transform: scaleX(1);
    }

    .text-mark-gradient:before,
    .text-mark-gradient:after {
        background: linear-gradient(90deg, var(--color-primary-300), var(--color-primary-700));
    }

    .text-mark-marker {
        --anim-duration: 1.4s;
        --anim-delay: 0s;
        --mark-ease: cubic-bezier(0.62, 0.04, 0.34, 1);
        --marker-height: 0.34em;
        --marker-offset: 0.1em;
        background-image: linear-gradient(var(--mark-color, var(--color-primary-300)) 0 0);
        background-repeat: no-repeat;
        background-position: left 0 bottom var(--marker-offset);
        background-size: 100% var(--marker-height);
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice;
        transition: background-size var(--anim-duration) var(--mark-ease) var(--anim-delay);
        margin-inline: -0.04em;
        padding-inline: 0.04em;

        &[data-anim]:not(.visible) {
            background-size: 0% var(--marker-height);
        }
    }

    :is(.dark-section, .section-dark, .bg-dark) .text-mark-marker {
        color: var(--marker-ink, var(--color-primary-ink));
        background-image: none;
    }

    .text-mark-svg {
        pointer-events: none;
        z-index: -1;
        width: 100%;
        height: 0.62em;
        color: var(--mark-color);
        position: absolute;
        bottom: -0.26em;
        left: 0;
        right: 0;
        overflow: visible;
    }

    .text-mark-svg path,
    .text-mark-svg ellipse,
    .text-mark-svg line {
        fill: none;
        stroke: currentColor;
        stroke-width: var(--mark-stroke);
        stroke-linecap: round;
        stroke-linejoin: round;
        vector-effect: non-scaling-stroke;
        stroke-dasharray: 1;
        stroke-dashoffset: 1px;
        transition: stroke-dashoffset var(--anim-duration) var(--mark-ease) var(--anim-delay);
    }

    .text-mark.visible .text-mark-svg path,
    .text-mark.visible .text-mark-svg ellipse,
    .text-mark.visible .text-mark-svg line {
        stroke-dashoffset: 0;
    }

    .text-mark--circle .text-mark-svg {
        width: calc(100% + 0.7em);
        height: 1.8em;
        inset: 50% auto auto -0.35em;
        transform: translateY(-50%);
    }

    .text-mark--scribble .text-mark-svg {
        height: 0.82em;
        bottom: -0.42em;
    }

    .text-mark--strike-hand .text-mark-svg {
        z-index: 1;
        height: 0.5em;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }

    @media (prefers-reduced-motion: reduce) {
        .text-mark:before,
        .text-mark:after,
        .text-mark-svg path,
        .text-mark-svg ellipse,
        .text-mark-svg line,
        .text-mark-marker {
            transition-duration: 1ms;
            transition-delay: 0s;
        }
    }

    [data-anim]:not([data-anim='']):not(.modal) {
        opacity: 0;
        animation-duration: var(--anim-duration, 1.1s);
        animation-delay: var(--anim-delay, 0.12s);
        animation-timing-function: var(--anim-ease, var(--ease-out));
        backface-visibility: hidden;
        animation-fill-mode: both;
    }

    [data-anim='fade'].visible {
        animation-name: nx-fade;
    }

    [data-anim='fade-up'].visible {
        animation-name: nx-fade-up;
    }

    [data-anim='fade-down'].visible {
        animation-name: nx-fade-down;
    }

    [data-anim='fade-left'].visible {
        animation-name: nx-fade-left;
    }

    [data-anim='fade-right'].visible {
        animation-name: nx-fade-right;
    }

    [data-anim='fade-up-left'].visible {
        animation-name: nx-fade-up-left;
    }

    [data-anim='fade-up-right'].visible {
        animation-name: nx-fade-up-right;
    }

    [data-anim='fade-down-left'].visible {
        animation-name: nx-fade-down-left;
    }

    [data-anim='fade-down-right'].visible {
        animation-name: nx-fade-down-right;
    }

    [data-anim='fade-up-sm'] {
        --anim-distance: 14px;
    }

    [data-anim='fade-up-lg'] {
        --anim-distance: 64px;
    }

    [data-anim='fade-up-xl'] {
        --anim-distance: 110px;
    }

    [data-anim='fade-down-sm'] {
        --anim-distance: 14px;
    }

    [data-anim='fade-down-lg'] {
        --anim-distance: 64px;
    }

    [data-anim='fade-left-sm'] {
        --anim-distance: 14px;
    }

    [data-anim='fade-left-lg'] {
        --anim-distance: 64px;
    }

    [data-anim='fade-right-sm'] {
        --anim-distance: 14px;
    }

    [data-anim='fade-right-lg'] {
        --anim-distance: 64px;
    }

    [data-anim='fade-up-sm'].visible,
    [data-anim='fade-up-lg'].visible,
    [data-anim='fade-up-xl'].visible {
        animation-name: nx-fade-up;
    }

    [data-anim='fade-down-sm'].visible,
    [data-anim='fade-down-lg'].visible {
        animation-name: nx-fade-down;
    }

    [data-anim='fade-left-sm'].visible,
    [data-anim='fade-left-lg'].visible {
        animation-name: nx-fade-left;
    }

    [data-anim='fade-right-sm'].visible,
    [data-anim='fade-right-lg'].visible {
        animation-name: nx-fade-right;
    }

    @keyframes nx-fade {
        from {
            opacity: 0.01;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes nx-fade-up {
        from {
            opacity: 0.01;
            transform: translateY(var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes nx-fade-down {
        from {
            opacity: 0.01;
            transform: translateY(calc(var(--anim-distance, 32px) * -1));
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes nx-fade-left {
        from {
            opacity: 0.01;
            transform: translateX(var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes nx-fade-right {
        from {
            opacity: 0.01;
            transform: translateX(calc(var(--anim-distance, 32px) * -1));
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes nx-fade-up-left {
        from {
            opacity: 0.01;
            transform: translate(var(--anim-distance, 32px), var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            transform: translate(0);
        }
    }

    @keyframes nx-fade-up-right {
        from {
            opacity: 0.01;
            transform: translate(calc(var(--anim-distance, 32px) * -1), var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            transform: translate(0);
        }
    }

    @keyframes nx-fade-down-left {
        from {
            opacity: 0.01;
            transform: translate(var(--anim-distance, 32px), calc(var(--anim-distance, 32px) * -1));
        }

        to {
            opacity: 1;
            transform: translate(0);
        }
    }

    @keyframes nx-fade-down-right {
        from {
            opacity: 0.01;
            transform: translate(
                calc(var(--anim-distance, 32px) * -1),
                calc(var(--anim-distance, 32px) * -1)
            );
        }

        to {
            opacity: 1;
            transform: translate(0);
        }
    }

    [data-anim='zoom-in'].visible {
        animation-name: nx-zoom-in;
    }

    [data-anim='zoom-in-up'].visible {
        animation-name: nx-zoom-in-up;
    }

    [data-anim='zoom-in-down'].visible {
        animation-name: nx-zoom-in-down;
    }

    [data-anim='zoom-out'].visible {
        animation-name: nx-zoom-out;
    }

    [data-anim='zoom-out-up'].visible {
        animation-name: nx-zoom-out-up;
    }

    @keyframes nx-zoom-in {
        from {
            opacity: 0.01;
            transform: scale(0.92);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes nx-zoom-in-up {
        from {
            opacity: 0.01;
            transform: scale(0.92) translateY(var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            transform: scale(1) translateY(0);
        }
    }

    @keyframes nx-zoom-in-down {
        from {
            opacity: 0.01;
            transform: scale(0.92) translateY(calc(var(--anim-distance, 32px) * -1));
        }

        to {
            opacity: 1;
            transform: scale(1) translateY(0);
        }
    }

    @keyframes nx-zoom-out {
        from {
            opacity: 0.01;
            transform: scale(1.08);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes nx-zoom-out-up {
        from {
            opacity: 0.01;
            transform: scale(1.08) translateY(var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            transform: scale(1) translateY(0);
        }
    }

    [data-anim='clip-up'].visible {
        animation-name: nx-clip-up;
    }

    [data-anim='clip-right'].visible {
        animation-name: nx-clip-right;
    }

    [data-anim='clip-left'].visible {
        animation-name: nx-clip-left;
    }

    [data-anim='rise-mask'].visible {
        animation-name: nx-rise-mask;
    }

    @keyframes nx-rise-mask {
        from {
            opacity: 1;
            clip-path: inset(-105% -0.1em 105%);
            transform: translateY(105%);
        }

        to {
            opacity: 1;
            clip-path: inset(calc(var(--rise-bleed, 0.1em) * -1) -0.1em -0.25em -0.1em);
            transform: translateY(0);
        }
    }

    @keyframes nx-clip-up {
        from {
            opacity: 1;
            clip-path: inset(100% 0 0);
        }

        to {
            opacity: 1;
            clip-path: inset(0);
        }
    }

    @keyframes nx-clip-right {
        from {
            opacity: 1;
            clip-path: inset(0 100% 0 0);
        }

        to {
            opacity: 1;
            clip-path: inset(0);
        }
    }

    @keyframes nx-clip-left {
        from {
            opacity: 1;
            clip-path: inset(0 0 0 100%);
        }

        to {
            opacity: 1;
            clip-path: inset(0);
        }
    }

    [data-anim='unveil-up'].visible {
        animation-name: nx-clip-up;
    }

    [data-anim='unveil-down'].visible {
        animation-name: nx-clip-down;
    }

    [data-anim='unveil-right'].visible {
        animation-name: nx-clip-right;
    }

    [data-anim='unveil-left'].visible {
        animation-name: nx-clip-left;
    }

    [data-anim='iris'].visible {
        animation-name: nx-iris;
    }

    [data-anim='clip-center'].visible {
        animation-name: nx-clip-center;
    }

    [data-anim^='unveil-']:not(.modal) {
        overflow: hidden;
    }

    [data-anim^='unveil-']:not(.modal).visible > :is(img, picture, video) {
        animation: nx-unveil-media var(--anim-duration, 1.1s) var(--anim-ease, var(--ease-out))
            var(--anim-delay, 0.12s) both;
    }

    @keyframes nx-clip-down {
        from {
            opacity: 1;
            clip-path: inset(0 0 100%);
        }

        to {
            opacity: 1;
            clip-path: inset(0);
        }
    }

    @keyframes nx-iris {
        from {
            opacity: 1;
            clip-path: circle(0%);
        }

        to {
            opacity: 1;
            clip-path: circle(75%);
        }
    }

    @keyframes nx-clip-center {
        from {
            opacity: 1;
            clip-path: inset(0 50%);
        }

        to {
            opacity: 1;
            clip-path: inset(0);
        }
    }

    @keyframes nx-unveil-media {
        from {
            transform: scale(var(--unveil-scale, 1.3));
        }

        to {
            transform: scale(1);
        }
    }

    [data-anim^='block-']:not([data-anim='']):not(.modal) {
        opacity: 1;
        position: relative;
        overflow: hidden;
    }

    [data-anim^='block-']:not(.modal):after {
        content: '';
        z-index: 2;
        background: var(--color-dark);
        pointer-events: none;
        animation-duration: var(--anim-duration, 1.1s);
        animation-delay: var(--anim-delay, 0.12s);
        animation-timing-function: var(--anim-ease, cubic-bezier(0.7, 0, 0.2, 1));
        animation-fill-mode: both;
        position: absolute;
        inset: 0;
        transform: translate(0);
    }

    [data-anim='block-right']:not(.modal).visible:after {
        animation-name: nx-block-right;
    }

    [data-anim='block-left']:not(.modal).visible:after {
        animation-name: nx-block-left;
    }

    [data-anim='block-up']:not(.modal).visible:after {
        animation-name: nx-block-up;
    }

    [data-anim='block-down']:not(.modal).visible:after {
        animation-name: nx-block-down;
    }

    @keyframes nx-block-right {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(101%);
        }
    }

    @keyframes nx-block-left {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-101%);
        }
    }

    @keyframes nx-block-up {
        from {
            transform: translateY(0);
        }

        to {
            transform: translateY(-101%);
        }
    }

    @keyframes nx-block-down {
        from {
            transform: translateY(0);
        }

        to {
            transform: translateY(101%);
        }
    }

    [data-anim='flip-up'].visible {
        animation-name: nx-flip-up;
    }

    [data-anim='flip-down'].visible {
        animation-name: nx-flip-down;
    }

    [data-anim='flip-left'].visible {
        animation-name: nx-flip-left;
    }

    [data-anim='flip-right'].visible {
        animation-name: nx-flip-right;
    }

    @keyframes nx-flip-up {
        from {
            opacity: 0.01;
            transform: perspective(1200px) rotateX(40deg);
        }

        to {
            opacity: 1;
            transform: perspective(1200px) rotateX(0);
        }
    }

    @keyframes nx-flip-down {
        from {
            opacity: 0.01;
            transform: perspective(1200px) rotateX(-40deg);
        }

        to {
            opacity: 1;
            transform: perspective(1200px) rotateX(0);
        }
    }

    @keyframes nx-flip-left {
        from {
            opacity: 0.01;
            transform: perspective(1200px) rotateY(40deg);
        }

        to {
            opacity: 1;
            transform: perspective(1200px) rotateY(0);
        }
    }

    @keyframes nx-flip-right {
        from {
            opacity: 0.01;
            transform: perspective(1200px) rotateY(-40deg);
        }

        to {
            opacity: 1;
            transform: perspective(1200px) rotateY(0);
        }
    }

    [data-anim='rotate-in'].visible {
        animation-name: nx-rotate-in;
    }

    [data-anim='rotate-in-left'].visible {
        animation-name: nx-rotate-in-left;
    }

    [data-anim='rotate-in-right'].visible {
        animation-name: nx-rotate-in-right;
    }

    @keyframes nx-rotate-in {
        from {
            opacity: 0.01;
            transform: rotate(-10deg) scale(0.92);
        }

        to {
            opacity: 1;
            transform: rotate(0) scale(1);
        }
    }

    @keyframes nx-rotate-in-left {
        from {
            opacity: 0.01;
            transform: rotate(-12deg) translateX(calc(var(--anim-distance, 32px) * -1));
        }

        to {
            opacity: 1;
            transform: rotate(0) translateX(0);
        }
    }

    @keyframes nx-rotate-in-right {
        from {
            opacity: 0.01;
            transform: rotate(12deg) translateX(var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            transform: rotate(0) translateX(0);
        }
    }

    [data-anim='blur-in'].visible {
        animation-name: nx-blur-in;
    }

    [data-anim='blur-up'].visible {
        animation-name: nx-blur-up;
    }

    [data-anim='blur-up-sm'] {
        --anim-blur: 7px;
        --anim-distance: 14px;
    }

    [data-anim='blur-up-lg'] {
        --anim-blur: 22px;
        --anim-distance: 64px;
    }

    [data-anim='blur-up-xl'] {
        --anim-blur: 32px;
        --anim-distance: 110px;
    }

    [data-anim='blur-in-sm'] {
        --anim-blur: 7px;
    }

    [data-anim='blur-in-lg'] {
        --anim-blur: 22px;
    }

    [data-anim='blur-up-sm'].visible,
    [data-anim='blur-up-lg'].visible,
    [data-anim='blur-up-xl'].visible {
        animation-name: nx-blur-up;
    }

    [data-anim='blur-in-sm'].visible,
    [data-anim='blur-in-lg'].visible {
        animation-name: nx-blur-in;
    }

    @keyframes nx-blur-in {
        from {
            opacity: 0.01;
            filter: blur(var(--anim-blur, 14px));
        }

        to {
            opacity: 1;
            filter: blur();
        }
    }

    @keyframes nx-blur-up {
        from {
            opacity: 0.01;
            filter: blur(var(--anim-blur, 14px));
            transform: translateY(var(--anim-distance, 32px));
        }

        to {
            opacity: 1;
            filter: blur();
            transform: translateY(0);
        }
    }

    [data-anim='bounce-up'].visible {
        animation-name: nx-bounce-up;
    }

    [data-anim='bounce-down'].visible {
        animation-name: nx-bounce-down;
    }

    @keyframes nx-bounce-up {
        0% {
            opacity: 0.01;
            transform: translateY(var(--anim-distance, 56px));
        }

        55% {
            opacity: 1;
            transform: translateY(-16px);
        }

        72% {
            transform: translateY(8px);
        }

        87% {
            transform: translateY(-4px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes nx-bounce-down {
        0% {
            opacity: 0.01;
            transform: translateY(calc(var(--anim-distance, 56px) * -1));
        }

        55% {
            opacity: 1;
            transform: translateY(16px);
        }

        72% {
            transform: translateY(-8px);
        }

        87% {
            transform: translateY(4px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    [data-anim]:not([data-anim='']):not(.modal).visible.anim-done {
        opacity: 1;
        backface-visibility: visible;
    }

    [data-anim].visible.anim-done {
        animation: none;
    }

    .svg-draw :is(path, polyline, line, circle) {
        stroke-dasharray: 1;
        stroke-dashoffset: 1px;
        transition: stroke-dashoffset var(--draw-duration, 1.8s) var(--ease-out)
            var(--draw-delay, 0.2s);
    }

    .svg-draw.visible :is(path, polyline, line, circle) {
        stroke-dashoffset: 0;
    }

    @media (prefers-reduced-motion: reduce), (scripting: none) {
        [data-anim]:not([data-anim='']):not(.modal),
        [data-anim]:not([data-anim='']):not(.modal).visible {
            backface-visibility: visible;
            opacity: 1 !important;
            filter: none !important;
            clip-path: none !important;
            animation: none !important;
            transform: none !important;
        }

        [data-anim^='block-']:not(.modal):after {
            display: none !important;
        }

        [data-anim^='unveil-']:not(.modal) > :is(img, picture, video) {
            animation: none !important;
        }

        .svg-draw :is(path, polyline, line, circle) {
            stroke-dashoffset: 0;
            transition: none;
        }
    }

    .word {
        white-space: nowrap;
    }

    [data-text-reveal]:not([data-text-reveal-split]) {
        opacity: 0;
    }

    .char {
        opacity: 0;
        animation-duration: var(--char-duration, 0.62s);
        animation-timing-function: var(--char-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
        animation-fill-mode: both;
        animation-delay: calc(var(--char-index, 0) * var(--char-stagger, 40ms));
        backface-visibility: hidden;
        display: inline-block;
    }

    [data-text-reveal='slide-up'] {
        vertical-align: bottom;
        display: inline-block;
        overflow: hidden;
    }

    [data-text-reveal='slide-up'] .char {
        vertical-align: bottom;
    }

    [data-text-reveal].visible .char {
        animation-name: nx-char-rise;
    }

    [data-text-reveal='fade'].visible .char {
        animation-name: nx-char-fade;
    }

    [data-text-reveal='slide-up'].visible .char {
        animation-name: nx-char-slide-up;
    }

    [data-text-reveal='drop'].visible .char {
        animation-name: nx-char-drop;
    }

    [data-text-reveal].visible.chars-done .char {
        opacity: 1;
        backface-visibility: visible;
        animation: none;
    }

    @keyframes nx-char-rise {
        from {
            opacity: 0.01;
            transform: translateY(0.3em) scale(1.5);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    @keyframes nx-char-fade {
        from {
            opacity: 0.01;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes nx-char-slide-up {
        from {
            opacity: 0.01;
            transform: translateY(110%);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes nx-char-drop {
        from {
            opacity: 0.01;
            transform: translateY(-0.3em) scale(1.2);
        }

        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        [data-text-reveal],
        .char {
            opacity: 1 !important;
            animation: none !important;
            transform: none !important;
        }
    }

    .scroll-highlight {
        --sh-on: var(--color-text);
        --sh-off: var(--color-text-muted);

        @supports (color: color-mix(in lab, red, red)) {
            --sh-off: color-mix(in srgb, var(--color-text-muted) 55%, #fff);
        }
    }

    .dark-section .scroll-highlight,
    .section-dark .scroll-highlight {
        --sh-on: var(--on-surface, #fff);
        --sh-off: oklch(from var(--on-surface, #fff) l c h / 0.3);
    }

    .scroll-highlight-word {
        color: var(--sh-on);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--sh-on) calc(var(--lit, 0) * 100%), var(--sh-off));
        }

        transition: color 0.12s linear;
    }

    @supports not (color: color-mix(in srgb, red, blue)) {
        .scroll-highlight-word {
            color: var(--sh-on);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .scroll-highlight-word {
            transition: none;
        }
    }

    .hover-up,
    .hover-down,
    .hover-left,
    .hover-right,
    .hover-grow,
    .hover-zoom,
    .hover-shrink,
    .hover-rotate,
    .hover-skew,
    .hover-tilt,
    .hover-lift,
    .hover-pop,
    .hover-push,
    .hover-glow,
    .hover-shadow,
    .hover-float,
    .hover-buzz,
    .hover-wobble {
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            filter var(--duration-base) var(--ease-out);
        backface-visibility: hidden;
    }

    @media (hover: hover) {
        .hover-up:hover {
            transform: translateY(calc(var(--hover-move, 10px) * -1));
        }

        .hover-down:hover {
            transform: translateY(var(--hover-move, 10px));
        }

        .hover-left:hover {
            transform: translateX(calc(var(--hover-move, 10px) * -1));
        }

        .hover-right:hover {
            transform: translateX(var(--hover-move, 10px));
        }

        .hover-grow:hover {
            transform: scale(var(--hover-scale, 1.05));
        }

        .hover-zoom:hover {
            transform: scale(var(--hover-scale, 1.09));
        }

        .hover-shrink:hover {
            transform: scale(var(--hover-scale, 0.94));
        }

        .hover-rotate:hover {
            transform: rotate(4deg);
        }

        .hover-skew:hover {
            transform: skewX(-6deg);
        }

        .hover-tilt:hover {
            transform: perspective(800px) rotateX(7deg) rotateY(-7deg);
        }

        .hover-lift:hover {
            box-shadow: var(--shadow-lg);
            transform: translateY(-8px);
        }

        .hover-pop {
            transition: transform var(--duration-base) var(--ease-spring);
        }

        .hover-pop:hover {
            transform: scale(1.07);
        }

        .hover-push:hover {
            transform: scale(0.95);
        }

        .hover-push:active {
            transform: scale(0.92);
        }

        .hover-glow:hover {
            box-shadow:
                0 0 0 4px var(--color-primary-50),
                0 12px 30px -8px var(--color-primary);
        }

        .hover-shadow:hover {
            box-shadow: var(--shadow-xl);
        }

        .hover-float:hover {
            animation: 1.8s ease-in-out infinite nx-hover-float;
        }

        .hover-buzz:hover {
            animation: 0.32s linear infinite nx-hover-buzz;
        }

        .hover-wobble:hover {
            animation: 0.8s ease-in-out nx-hover-wobble;
        }
    }

    [data-hover-magnetic],
    [data-hover-tilt] {
        transition: transform var(--duration-base) var(--ease-out);
        will-change: transform;
    }

    [data-hover-tilt] {
        transform-style: preserve-3d;
    }

    @keyframes nx-hover-float {
        0%,
        100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-9px);
        }
    }

    @keyframes nx-hover-buzz {
        0%,
        100% {
            transform: translateX(0);
        }

        25% {
            transform: translateX(-2px) rotate(-1deg);
        }

        75% {
            transform: translateX(2px) rotate(1deg);
        }
    }

    @keyframes nx-hover-wobble {
        0%,
        100% {
            transform: rotate(0);
        }

        15% {
            transform: rotate(-5deg);
        }

        30% {
            transform: rotate(4deg);
        }

        45% {
            transform: rotate(-3deg);
        }

        60% {
            transform: rotate(2deg);
        }

        75% {
            transform: rotate(-1deg);
        }
    }

    .hover-underline {
        transition: background-size 0.5s var(--ease-out);
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 0% 2px;
        padding-bottom: 0.08em;
    }

    .group:hover .hover-underline,
    .group:focus-visible .hover-underline,
    a.hover-underline:hover {
        background-size: 100% 2px;
    }

    @media (prefers-reduced-motion: reduce) {
        .hover-float:hover,
        .hover-buzz:hover,
        .hover-wobble:hover {
            animation: none !important;
        }

        .hover-underline {
            transition: none;
        }
    }

    .loop-spin {
        animation: nx-loop-spin var(--loop-duration, 3s) linear infinite;
    }

    .loop-float {
        animation: nx-loop-float var(--loop-duration, 1.8s) ease-in-out infinite;
    }

    .loop-sway {
        animation: nx-loop-sway var(--loop-duration, 1.8s) ease-in-out infinite;
    }

    .loop-pulse {
        animation: nx-loop-pulse var(--loop-duration, 1.3s) ease-in-out infinite;
    }

    .loop-breathe {
        animation: nx-loop-breathe var(--loop-duration, 2.2s) ease-in-out infinite;
    }

    .loop-bounce {
        animation: nx-loop-bounce var(--loop-duration, 1.1s) infinite;
    }

    .loop-swing {
        animation: nx-loop-swing var(--loop-duration, 1.6s) ease-in-out infinite;
        transform-origin: top;
    }

    .loop-ping {
        animation: nx-loop-ping var(--loop-duration, 1.2s) cubic-bezier(0, 0, 0.2, 1) infinite;
    }

    .loop-shimmer {
        background-image: linear-gradient(
            100deg,
            transparent 20%,
            var(--color-bg) 48%,
            var(--color-bg) 52%,
            transparent 80%
        );
        animation: nx-loop-shimmer var(--loop-duration, 1.4s) linear infinite;
        background-repeat: no-repeat;
        background-size: 200% 100%;
    }

    @keyframes nx-loop-spin {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes nx-loop-float {
        0%,
        100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(calc(var(--loop-distance, 12px) * -1));
        }
    }

    @keyframes nx-loop-sway {
        0%,
        100% {
            transform: translateX(calc(var(--loop-distance, 12px) * -1));
        }

        50% {
            transform: translateX(var(--loop-distance, 12px));
        }
    }

    @keyframes nx-loop-pulse {
        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0.4;
        }
    }

    @keyframes nx-loop-breathe {
        0%,
        100% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.07);
        }
    }

    @keyframes nx-loop-bounce {
        0%,
        100% {
            transform: translateY(calc(var(--loop-distance, 18px) * -1));
            animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        }

        50% {
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transform: translateY(0);
        }
    }

    @keyframes nx-loop-swing {
        0%,
        100% {
            transform: rotate(-9deg);
        }

        50% {
            transform: rotate(9deg);
        }
    }

    @keyframes nx-loop-ping {
        0% {
            opacity: 0.6;
            transform: scale(1);
        }

        75%,
        100% {
            opacity: 0;
            transform: scale(2.4);
        }
    }

    @keyframes nx-loop-shimmer {
        from {
            background-position: 150% 0;
        }

        to {
            background-position: -150% 0;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .loop-spin,
        .loop-float,
        .loop-sway,
        .loop-pulse,
        .loop-breathe,
        .loop-bounce,
        .loop-swing,
        .loop-ping,
        .loop-shimmer {
            animation: none !important;
        }
    }

    .loader-ring {
        width: var(--loader-size, 44px);
        aspect-ratio: 1;
        border: var(--loader-weight, 3px) solid currentColor;

        @supports (color: color-mix(in lab, red, red)) {
            border: var(--loader-weight, 3px) solid
                color-mix(in srgb, currentColor 16%, transparent);
        }

        border-top-color: currentColor;
        border-radius: 50%;
        animation: 0.8s linear infinite nx-loader-spin;
    }

    .loader-dual {
        width: var(--loader-size, 44px);
        aspect-ratio: 1;
        border: var(--loader-weight, 3px) solid transparent;
        border-top-color: currentColor;
        border-bottom-color: currentColor;
        border-radius: 50%;
        animation: 0.9s linear infinite nx-loader-spin;
    }

    .loader-dots {
        font-size: var(--loader-size, 11px);
        gap: 0.4em;
        display: inline-flex;
    }

    .loader-dots span {
        background: currentColor;
        border-radius: 50%;
        width: 1em;
        height: 1em;
        animation: 1.2s ease-in-out infinite nx-loader-bounce;
    }

    .loader-dots span:nth-child(2) {
        animation-delay: 0.15s;
    }

    .loader-dots span:nth-child(3) {
        animation-delay: 0.3s;
    }

    .loader-bars {
        height: var(--loader-size, 40px);
        font-size: var(--loader-size, 40px);
        align-items: center;
        gap: 0.28em;
        display: inline-flex;
    }

    .loader-bars span {
        border-radius: var(--radius-pill);
        transform-origin: center;
        background: currentColor;
        width: 0.12em;
        height: 100%;
        animation: 1s ease-in-out infinite nx-loader-equalize;
    }

    .loader-bars span:nth-child(2) {
        animation-delay: 0.12s;
    }

    .loader-bars span:nth-child(3) {
        animation-delay: 0.24s;
    }

    .loader-bars span:nth-child(4) {
        animation-delay: 0.36s;
    }

    .loader-bars span:nth-child(5) {
        animation-delay: 0.48s;
    }

    .loader-pulse {
        width: var(--loader-size, 36px);
        aspect-ratio: 1;
        background: currentColor;
        border-radius: 50%;
        animation: 1.4s ease-in-out infinite nx-loader-pulse-dot;
        position: relative;
    }

    .loader-pulse:after {
        content: '';
        border: 2px solid;
        border-radius: 50%;
        animation: 1.4s cubic-bezier(0, 0, 0.2, 1) infinite nx-loader-ping;
        position: absolute;
        inset: 0;
    }

    .loader-progress {
        width: var(--loader-width, 200px);
        max-width: 100%;
        height: var(--loader-weight, 4px);
        border-radius: var(--radius-pill);
        background: currentColor;
        position: relative;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, currentColor 16%, transparent);
        }

        overflow: hidden;
    }

    .loader-progress:not(:has(.loader-progress__fill)):before {
        content: '';
        inset-block: 0;
        border-radius: inherit;
        background: currentColor;
        width: 40%;
        animation: 1.3s ease-in-out infinite nx-loader-shuttle;
        position: absolute;
        left: 0;
    }

    .loader-progress__fill {
        border-radius: inherit;
        width: 0;
        height: 100%;
        transition: width 0.3s var(--ease-out, ease-out);
        background: currentColor;
        display: block;
    }

    .loader-counter {
        font: 600 var(--loader-size, 2.5rem) / 1 var(--font-heading, inherit);
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.02em;
    }

    .loader-counter--demo {
        --nx-count: 0;
        counter-reset: nx-count var(--nx-count);
        animation: 2.6s linear infinite nx-loader-count;
    }

    .loader-counter--demo:after {
        content: counter(nx-count) '%';
    }

    .loader-logo {
        animation: 1.6s ease-in-out infinite nx-loader-breathe;
        display: inline-flex;
    }

    .preloader {
        --color-white: var(--preloader-on, #fff);
        z-index: 9990;
        background: var(--preloader-bg, var(--color-bg));
        color: var(--color-text);
        justify-content: center;
        align-items: center;
        display: flex;
        position: fixed;
        inset: 0;
    }

    .preloader[hidden] {
        display: none;
    }

    .preloader-active {
        overflow: hidden;
    }

    .preloader__inner {
        z-index: 1;
        align-items: center;
        gap: var(--space-5, 1.25rem);
        transition: opacity 0.4s var(--ease-out, ease-out);
        flex-direction: column;
        display: flex;
        position: relative;
    }

    .preloader--inline {
        z-index: 1;
        position: absolute;
    }

    .preloader--fade {
        opacity: 1;
        transition:
            opacity 0.6s var(--ease-out, ease-out),
            visibility 0.6s;
    }

    .preloader--fade.is-hidden {
        opacity: 0;
        visibility: hidden;
    }

    .preloader--slide {
        transition: transform 0.7s var(--ease-lift, cubic-bezier(0.65, 0, 0.35, 1));
    }

    .preloader--slide.is-hidden {
        transform: translateY(-100%);
    }

    .preloader--split {
        background: none;
    }

    .preloader--split:before,
    .preloader--split:after {
        content: '';
        background: var(--preloader-bg, var(--color-bg));
        width: 50%;
        transition: transform 0.8s var(--ease-lift, cubic-bezier(0.65, 0, 0.35, 1));
        position: absolute;
        inset-block: 0;
    }

    .preloader--split:before {
        left: 0;
    }

    .preloader--split:after {
        right: 0;
    }

    .preloader--split.is-hidden:before {
        transform: translateX(-100%);
    }

    .preloader--split.is-hidden:after {
        transform: translateX(100%);
    }

    .preloader--split.is-hidden .preloader__inner {
        opacity: 0;
    }

    @keyframes nx-loader-spin {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes nx-loader-bounce {
        0%,
        100% {
            opacity: 0.5;
            transform: translateY(35%);
        }

        50% {
            opacity: 1;
            transform: translateY(-35%);
        }
    }

    @keyframes nx-loader-equalize {
        0%,
        100% {
            transform: scaleY(0.3);
        }

        50% {
            transform: scaleY(1);
        }
    }

    @keyframes nx-loader-pulse-dot {
        0%,
        100% {
            transform: scale(0.7);
        }

        50% {
            transform: scale(1);
        }
    }

    @keyframes nx-loader-ping {
        0% {
            opacity: 0.6;
            transform: scale(1);
        }

        75%,
        100% {
            opacity: 0;
            transform: scale(2.2);
        }
    }

    @keyframes nx-loader-shuttle {
        0% {
            left: -40%;
        }

        100% {
            left: 100%;
        }
    }

    @keyframes nx-loader-count {
        from {
            --nx-count: 0;
        }

        to {
            --nx-count: 100;
        }
    }

    @keyframes nx-loader-breathe {
        0%,
        100% {
            opacity: 0.55;
            transform: scale(1);
        }

        50% {
            opacity: 1;
            transform: scale(1.06);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .loader-ring,
        .loader-dual,
        .loader-dots span,
        .loader-bars span,
        .loader-pulse,
        .loader-pulse:after,
        .loader-counter--demo,
        .loader-logo,
        .loader-progress:not(:has(.loader-progress__fill)):before {
            animation: none !important;
        }

        .loader-counter--demo:after {
            content: '100%';
        }

        .loader-bars span {
            transform: scaleY(0.6);
        }

        .preloader--fade,
        .preloader--slide,
        .preloader--split:before,
        .preloader--split:after,
        .preloader__inner {
            transition-duration: 0.01ms !important;
        }
    }

    .code-block {
        position: relative;
    }

    .code-block pre {
        margin: 0;
    }

    .code-copy {
        color: var(--color-light);
        align-items: center;
        gap: 0.4em;
        padding: 0.35rem 0.6rem;
        font-size: 0.75rem;
        line-height: 1;
        display: inline-flex;
        position: absolute;
        top: 0.65rem;
        right: 0.65rem;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--color-light) 75%, transparent);
        }

        background: var(--color-light);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-light) 12%, transparent);
        }

        border: 1px solid var(--color-light);

        @supports (color: color-mix(in lab, red, red)) {
            border: 1px solid color-mix(in srgb, var(--color-light) 16%, transparent);
        }

        border-radius: var(--radius-sm, 0.375rem);
        cursor: pointer;
        opacity: 0;
        transition:
            opacity 0.2s,
            color 0.2s,
            background 0.2s,
            border-color 0.2s;
    }

    .code-block:hover .code-copy,
    .code-copy:focus-visible {
        opacity: 1;
    }

    .code-copy:hover {
        color: var(--color-light);
        background: var(--color-light);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-light) 20%, transparent);
        }
    }

    .code-copy.is-copied {
        opacity: 1;
        color: var(--color-success, #16a34a);
        border-color: var(--color-success, #16a34a);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-success, #16a34a) 50%, transparent);
        }

        background: var(--color-success, #16a34a);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-success, #16a34a) 14%, transparent);
        }
    }

    @media (hover: none) {
        .code-copy {
            opacity: 1;
        }
    }

    .word-rotator {
        --wr-dur: 0.55s;
        --wr-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
        vertical-align: bottom;
        transition: width var(--wr-dur) var(--wr-ease);
        --wr-bleed: 0.18em;
        box-sizing: content-box;
        padding-bottom: 0.14em;
        padding-inline: var(--wr-bleed);
        margin-bottom: -0.14em;
        margin-inline: calc(var(--wr-bleed) * -1);
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

    .word-rotator-word {
        left: var(--wr-bleed);
        white-space: nowrap;
        transition:
            transform var(--wr-dur) var(--wr-ease),
            opacity var(--wr-dur) var(--wr-ease),
            filter var(--wr-dur) var(--wr-ease);
        position: absolute;
        top: 0;
    }

    .word-rotator-word.is-active {
        position: relative;
        left: 0;
    }

    .word-rotator-word {
        opacity: 0;
        transform: translateY(calc(100% + 0.14em));
    }

    .word-rotator-word.is-active {
        opacity: 1;
        transform: translateY(0);
    }

    .word-rotator-word.is-leaving {
        opacity: 0;
        transform: translateY(-100%);
    }

    .word-rotator--slide-down .word-rotator-word {
        transform: translateY(-100%);
    }

    .word-rotator--slide-down .word-rotator-word.is-active {
        transform: translateY(0);
    }

    .word-rotator--slide-down .word-rotator-word.is-leaving {
        transform: translateY(calc(100% + 0.14em));
    }

    .word-rotator--fade .word-rotator-word,
    .word-rotator--fade .word-rotator-word.is-active,
    .word-rotator--fade .word-rotator-word.is-leaving {
        transform: none;
    }

    .word-rotator--fade .word-rotator-word {
        opacity: 0;
    }

    .word-rotator--fade .word-rotator-word.is-active {
        opacity: 1;
    }

    .word-rotator--flip {
        perspective: 320px;
        overflow: visible;
    }

    .word-rotator--flip .word-rotator-word {
        transform-origin: 50% 100%;
        backface-visibility: hidden;
        opacity: 0;
        transform: rotateX(-90deg);
    }

    .word-rotator--flip .word-rotator-word.is-active {
        opacity: 1;
        transform: rotateX(0);
    }

    .word-rotator--flip .word-rotator-word.is-leaving {
        opacity: 0;
        transform: rotateX(90deg);
    }

    .word-rotator--blur .word-rotator-word {
        opacity: 0;
        filter: blur(8px);
        transform: scale(1.04);
    }

    .word-rotator--blur .word-rotator-word.is-active {
        opacity: 1;
        filter: blur();
        transform: none;
    }

    .word-rotator--blur .word-rotator-word.is-leaving {
        opacity: 0;
        filter: blur(8px);
        transform: scale(0.96);
    }

    .word-rotator--type {
        overflow: visible;
    }

    .word-rotator--type .word-rotator-word {
        opacity: 1;
        filter: none;
        will-change: auto;
        transition: none;
        position: relative;
        transform: none;
    }

    .word-rotator--type .word-rotator-word:not(.is-active) {
        display: none;
    }

    .word-rotator--type .word-rotator-word.is-active:after {
        content: '';
        vertical-align: -0.15em;
        background: currentColor;
        width: 0.08em;
        height: 1.05em;
        margin-left: 0.06em;
        animation: 1s step-end infinite wr-caret;
        display: inline-block;
    }

    @keyframes wr-caret {
        50% {
            opacity: 0;
        }
    }

    .word-rotator[class*='text-gradient-'] .word-rotator-word {
        background: inherit;
        -webkit-text-fill-color: transparent;
        color: #0000;
        background-clip: text;
    }

    @media (prefers-reduced-motion: reduce) {
        .word-rotator,
        .word-rotator-word {
            transition: none !important;
        }

        .word-rotator-word {
            filter: none !important;
            transform: none !important;
        }

        .word-rotator-word:not(.is-active) {
            opacity: 0;
        }

        .word-rotator-word.is-active {
            opacity: 1;
        }

        .word-rotator--type .word-rotator-word.is-active:after {
            animation: none;
        }
    }

    .site-header,
    .megamenu-preview {
        --menu-surface: var(--color-bg);
        --menu-border: var(--color-border);
        --menu-shadow: var(--shadow-lg);
        --menu-title: var(--color-text-soft);
        --menu-text: var(--color-text);
        --menu-strong: var(--color-dark);
        --menu-hover-bg: var(--color-primary-50);
        --menu-hover-text: var(--color-primary-ink);
    }

    .site-header {
        z-index: var(--z-sticky);
        background: var(--color-bg);
        transition: box-shadow var(--duration-base) var(--ease-out);
        position: sticky;
        top: 0;

        &.scrolled {
            box-shadow: var(--shadow-md);
        }
    }

    html.modal-open .site-header,
    html.glightbox-open .site-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    html.modal-open body,
    html.glightbox-open body {
        padding-top: var(--header-h);
    }

    .navbar-inner {
        height: var(--header-h);
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        column-gap: 2rem;
        padding-inline: 60px;
        display: grid;
        position: relative;
    }

    .brand {
        font-family: var(--font-heading);
        color: var(--color-primary-ink);
        letter-spacing: var(--tracking-tight);
        white-space: nowrap;
        flex-shrink: 0;
        align-items: center;
        font-size: 1.4rem;
        font-weight: 800;
        text-decoration: none;
        display: inline-flex;
    }

    .brand-logo {
        width: auto;
        max-width: none;
        height: 1.6em;
        filter: var(--logo-tint, none);
        display: block;
    }

    .brand-logo--original {
        filter: none;
    }

    .brand-tint {
        pointer-events: none;
        width: 0;
        height: 0;
        position: absolute;
        overflow: hidden;
    }

    .nav-links {
        align-self: stretch;
        align-items: center;
        gap: 0.25rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .nav-link {
        font-size: var(--text-base);
        letter-spacing: -0.015em;
        color: var(--color-dark);
        white-space: nowrap;
        border-radius: var(--radius-sm);
        transition: color var(--duration-fast) var(--ease-out);
        cursor: pointer;
        font-weight: 600;
        font-family: var(--font-sans);
        background: none;
        border: none;
        align-items: center;
        gap: 0.3rem;
        padding: 0.45rem 0.875rem;
        text-decoration: none;
        display: flex;

        &:hover,
        &.active {
            color: var(--color-primary-ink);
            background: none;
        }

        & > .ph-caret-down {
            font-size: var(--text-xs);
        }
    }

    .nav-links:has(> li:nth-child(9)) .nav-link {
        padding-inline: 0.625rem;
    }

    .nav-links:has(> li:nth-child(12)) .nav-link {
        font-size: var(--text-sm);
        padding-inline: 0.4rem;
    }

    .navbar-inner:has(.nav-links > li:nth-child(12)) {
        column-gap: 1rem;
    }

    @media (1200px <= width < 1536px) {
        .site-header .nav-links:has(> li:nth-child(8)) {
            gap: 0;

            & .nav-link {
                padding-inline: 0.625rem;
            }
        }
    }

    @media (width <= 1279px) {
        .site-header:has(.nav-links > li:nth-child(10)),
        .site-header:is(
                .header-contact,
                .header-split,
                .header-utility,
                .header-capsule,
                .header-glass,
                .header-dark-glass,
                .header-info-panel,
                .header-pill-menu
            ):has(.nav-links > li:nth-child(8)) {
            & .navbar-inner {
                grid-template-columns: 1fr auto;
            }

            & .brand {
                grid-area: auto;
                justify-self: start;
            }

            & .nav-actions {
                grid-area: auto;
                justify-self: end;
            }

            & .nav-links {
                display: none;
            }

            & .hamburger {
                display: grid;
            }
        }
    }

    @media (width <= 1199px) {
        .site-header:not(.header-stacked):has(.nav-links > li:nth-child(8)) {
            & .navbar-inner {
                grid-template-columns: 1fr auto;
            }

            & .brand {
                grid-area: auto;
                justify-self: start;
            }

            & .nav-actions {
                grid-area: auto;
                justify-self: end;
            }

            & .nav-links {
                display: none;
            }

            & .hamburger {
                display: grid;
            }
        }
    }

    [data-header][data-menu-wait],
    [data-header][data-menu-wait] *,
    [data-header][data-menu-wait] .nav-megamenu:after {
        transition-delay: 0.15s !important;
    }

    .nav-megamenu {
        align-self: stretch;
        align-items: center;
        display: flex;

        & .megamenu-panel {
            background: var(--menu-surface);
            border-top: 1px solid var(--menu-border);
            border-bottom-left-radius: var(--radius-lg);
            border-bottom-right-radius: var(--radius-lg);
            width: 100vw;
            box-shadow: var(--menu-shadow);
            clip-path: inset(0 -60px -60px);
            z-index: var(--z-dropdown);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition:
                opacity 0.3s var(--ease-out),
                transform 0.3s var(--ease-out),
                visibility 0s 0.3s;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(-8px);
        }

        &:after {
            content: '';
            top: var(--header-h);
            z-index: calc(var(--z-dropdown) - 1);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition:
                opacity 0.3s var(--ease-out),
                visibility 0s 0.3s;
            background: #00000080;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }

        &:is(:hover, :focus-within):after {
            opacity: 1;
            visibility: visible;
            transition:
                opacity 0.3s var(--ease-out),
                visibility 0s;
        }

        & .megamenu-inner {
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            padding: 3rem 2rem;
            display: grid;
        }

        &:is(:hover, :focus-within) .megamenu-panel {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition:
                opacity 0.3s var(--ease-out),
                transform 0.3s var(--ease-out),
                visibility 0s;
            transform: translateX(-50%) translateY(0);
        }

        &:is(:hover, :focus-within) .nav-link i {
            transform: rotate(180deg);
        }

        & .megamenu-panel .tabs-panel.is-active {
            visibility: inherit;
            pointer-events: inherit;
        }

        & .megamenu-col {
            flex-direction: column;
            gap: 0.25rem;
            display: flex;
        }

        & .megamenu-col-title {
            font-size: var(--text-xs);
            color: var(--menu-text);
            text-transform: uppercase;
            letter-spacing: var(--tracking-wide);
            padding: 0 0.875rem 0.5rem;
            font-weight: 600;
        }

        & .megamenu-item {
            font-size: var(--text-sm);
            color: var(--menu-text);
            border-radius: var(--radius-sm);
            transition:
                background var(--duration-fast) var(--ease-out),
                color var(--duration-fast) var(--ease-out);
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 0.875rem;
            text-decoration: none;
            display: flex;

            &:hover {
                background: var(--menu-hover-bg);
                color: var(--menu-hover-text);
            }
        }
    }

    .nav-megamenu.nav-megamenu--media {
        & .megamenu-inner {
            grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(19rem, 28rem);
            column-gap: 2rem;
        }

        & .megamenu-col {
            min-width: 0;
        }

        & .megamenu-item > i {
            color: var(--menu-title);
            transition:
                color var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
            flex-shrink: 0;
            font-size: 1rem;
        }

        & .megamenu-item:hover > i {
            color: var(--menu-hover-text);
            transform: translateX(2px);
        }

        & .megamenu-media {
            border-left: 1px solid var(--menu-border);
            flex-direction: column;
            gap: 0.875rem;
            min-width: 0;
            padding-left: 2rem;
            display: flex;
        }

        & .megamenu-swiper {
            border-radius: var(--radius-lg);
            background: var(--menu-hover-bg);
            flex: 16rem;
            width: 100%;
            min-height: 0;
            margin-inline: 0;
            overflow: hidden;
        }

        & .megamenu-media-link {
            font-size: var(--text-sm);
            color: var(--menu-hover-text);
            align-items: center;
            gap: 0.4rem;
            padding-inline: 0.25rem;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;

            & i {
                transition: transform var(--duration-fast) var(--ease-out);
            }

            &:hover i {
                transform: translateX(3px);
            }
        }

        & .megamenu-foot {
            grid-column: 1 / 4;
            justify-self: start;
            padding-top: 0.5rem;
        }

        & .megamenu-inner:has(> .megamenu-foot) > .megamenu-media {
            grid-area: 1 / 4 / span 2;
        }

        & .megamenu-col,
        & .megamenu-media,
        & .megamenu-foot {
            opacity: 0;
            transition:
                opacity 0.4s var(--ease-out),
                transform 0.4s var(--ease-out);
            transform: translateY(10px);
        }

        &:is(:hover, :focus-within) {
            & .megamenu-col,
            & .megamenu-media,
            & .megamenu-foot {
                opacity: 1;
                transform: none;
            }

            & .megamenu-col:nth-child(2) {
                transition-delay: 60ms;
            }

            & .megamenu-col:nth-child(3) {
                transition-delay: 0.12s;
            }

            & .megamenu-media,
            & .megamenu-foot {
                transition-delay: 0.18s;
            }
        }
    }

    .nav-megamenu:is(.nav-megamenu--media, .nav-megamenu--tabs) {
        & .megamenu-slide {
            height: 100%;
            text-decoration: none;
            display: block;
            position: relative;
            overflow: hidden;

            &:after {
                content: '';
                background: linear-gradient(to top, #000c, #0000);
                position: absolute;
                inset: 35% 0 0;
            }
        }

        & .megamenu-slide img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            inset: 0;
        }

        & .swiper-slide-active img {
            animation: megamenu-kenburns 9s var(--ease-out) forwards;
        }

        & .megamenu-slide-body {
            z-index: 1;
            flex-direction: column;
            gap: 0.15rem;
            display: flex;
            position: absolute;
            bottom: 2.25rem;
            left: 1.125rem;
            right: 1.125rem;
        }

        & .megamenu-slide-eyebrow {
            font-size: var(--text-sm);
            color: #ffffffc7;
            font-weight: 500;
        }

        & .megamenu-slide-title {
            font-family: var(--font-heading);
            font-size: var(--text-lg);
            letter-spacing: var(--tracking-tight);
            color: #fff;
            font-weight: 700;
        }

        & .megamenu-slide--showcase {
            background:
                var(--gradient-primary-light, none),
                radial-gradient(90% 60% at 85% 0%, var(--color-primary-400-shade), transparent 70%),
                linear-gradient(160deg, var(--color-primary-800), var(--color-primary-shade) 120%);

            @supports (color: color-mix(in lab, red, red)) {
                background:
                    var(--gradient-primary-light, none),
                    radial-gradient(
                        90% 60% at 85% 0%,
                        color-mix(in srgb, var(--color-primary-400-shade) 55%, transparent),
                        transparent 70%
                    ),
                    linear-gradient(
                        160deg,
                        var(--color-primary-800),
                        var(--color-primary-shade) 120%
                    );
            }

            &:after {
                content: none;
            }

            & .megamenu-slide-body {
                gap: 0.2rem;
                padding-right: 2.5rem;
                top: 1.25rem;
                bottom: auto;
            }

            & .megamenu-slide-title {
                letter-spacing: -0.03em;
                font-size: 1.375rem;
                line-height: 1.1;
            }

            & .megamenu-slide-title em {
                font-family: var(--font-serif);
                color: var(--color-primary-200);
                font-weight: 400;
            }

            @supports (color: oklch(from red calc(l + 0.1) c h)) {
                & .megamenu-slide-eyebrow {
                    color: oklch(from var(--color-on-primary) l c h / 0.78);
                }

                & .megamenu-slide-title {
                    color: var(--color-on-primary);
                }

                & .megamenu-slide-title em {
                    color: oklab(
                        from var(--color-on-primary)
                            calc(
                                clamp(0, (l - 0.8) * 1000000000, 1) * (2 * l - 1) +
                                    (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 0.3
                            )
                            calc(
                                a *
                                    (
                                        clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                            (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                    )
                            )
                            calc(
                                b *
                                    (
                                        clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                            (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                    )
                            )
                    );

                    @supports (color: color-mix(in lab, red, red)) {
                        color: oklab(
                            from
                                color-mix(
                                    in oklab,
                                    var(--color-on-primary),
                                    var(--color-primary-200)
                                )
                                calc(
                                    clamp(0, (l - 0.8) * 1000000000, 1) * (2 * l - 1) +
                                        (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 0.3
                                )
                                calc(
                                    a *
                                        (
                                            clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                                (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                        )
                                )
                                calc(
                                    b *
                                        (
                                            clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                                (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                        )
                                )
                        );
                    }
                }
            }
        }

        & .megamenu-slide-shot {
            transform-origin: 0 0;
            transition: transform var(--duration-slow, 0.6s) var(--ease-out);
            position: absolute;
            top: 5.75rem;
            left: 1.125rem;
            right: -2.5rem;
            transform: rotate(-2deg);
            box-shadow: 0 24px 48px -12px #00000073;
        }

        & .megamenu-slide-shot img {
            height: auto;
            animation: none;
            position: static;
        }

        & .megamenu-slide--showcase:hover .megamenu-slide-shot {
            transform: rotate(0) translateY(-8px);
        }

        & .megamenu-slide-go {
            z-index: 1;
            color: #fff;
            border-radius: var(--radius-full);
            -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
            opacity: 0;
            width: 2rem;
            height: 2rem;
            transition:
                opacity var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
            background: #ffffff2e;
            justify-content: center;
            align-items: center;
            font-size: 0.875rem;
            display: inline-flex;
            position: absolute;
            top: 0.875rem;
            right: 0.875rem;
            transform: translate(-4px, 4px);
        }

        & .megamenu-slide:hover .megamenu-slide-go {
            opacity: 1;
            transform: none;
        }
    }

    .nav-megamenu.nav-megamenu--tabs {
        & .megamenu-inner {
            grid-template-columns: minmax(0, 1fr);
        }

        & .megamenu-tabs {
            --tab-title: var(--menu-strong, var(--menu-text));
            --tab-caption: var(--menu-title);
            --tab-tile-bg: var(--menu-text);

            @supports (color: color-mix(in lab, red, red)) {
                --tab-tile-bg: color-mix(in srgb, var(--menu-text) 6%, transparent);
            }

            --tab-tile-fg: var(--menu-title);
            --tab-tile-active: var(--menu-surface);
            --tab-hover-bg: var(--menu-hover-bg);
            --tab-active-bg: var(--menu-hover-bg);
            --tab-accent: var(--menu-hover-text);
            --tab-accent-ink: var(--menu-hover-text);
            grid-template-columns: minmax(19.5rem, 21rem) minmax(0, 1fr);
            align-items: stretch;
            gap: 0 2.5rem;
        }

        & .megamenu-tabs .tabs-nav {
            border-right: 1px solid var(--menu-border);
            padding-right: 1.5rem;
        }

        & .megamenu-tabs:has(> .megamenu-foot) {
            grid-template-rows: auto 1fr;

            & > .tabs-panels {
                grid-area: 1 / 2 / span 2;
            }
        }

        & .megamenu-tabs > .megamenu-foot {
            border-right: 1px solid var(--menu-border);
            flex-direction: column;
            grid-area: 2 / 1;
            justify-content: flex-end;
            padding: 1.25rem 1.5rem 0 0;
            display: flex;

            & > .menu-promo {
                padding: 1rem 1.125rem 1rem 1rem;
            }
        }

        & .megamenu-tabs .tabs-panel.is-active {
            visibility: inherit;
        }

        & .megamenu-tabs .tabs-panels {
            margin-top: 0;
            padding-top: 0.375rem;
        }

        & .megamenu-tabpanel {
            grid-template-columns: minmax(0, 1fr) minmax(19rem, 26rem);
            gap: 2rem;
            display: grid;
        }

        & .megamenu-links {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            align-content: start;
            gap: 1.5rem;
            padding-top: 0.5rem;
            display: grid;
        }

        & .megamenu-col--lead {
            border-top: 1px solid var(--menu-border, var(--color-border));
            grid-column: 1 / -1;
            padding-top: 1rem;
        }

        & .megamenu-col--lead .megamenu-item {
            font-weight: 600;
        }

        &
            .megamenu-links:has(> .megamenu-col:not(.megamenu-col--lead):nth-child(3))
            > .megamenu-col:nth-child(2) {
            grid-row: span 2;
        }

        & .megamenu-links:has(> .megamenu-col:not(.megamenu-col--lead):nth-child(4)) {
            grid-template-rows: auto 1fr;
            grid-template-columns: repeat(3, minmax(0, 1fr));

            & > .megamenu-col:nth-child(-n + 2) {
                grid-row: span 2;
            }
        }

        @media (width <= 1439px) {
            &
                .megamenu-tabpanel:has(
                    .megamenu-links > .megamenu-col:not(.megamenu-col--lead):nth-child(4)
                ) {
                grid-template-columns: minmax(0, 1fr);

                & .megamenu-feature {
                    display: none;
                }
            }
        }

        & .megamenu-col {
            min-width: 0;
        }

        & .megamenu-note {
            font-size: var(--text-sm);
            color: var(--menu-title);
            margin-top: 0.75rem;
            padding: 0 0.875rem;
            line-height: 1.5;
        }

        & .megamenu-feature {
            border-radius: var(--radius-lg);
            min-height: 17.5rem;
        }

        & .megamenu-feature .megamenu-slide-shot {
            transform-origin: top;
            inset: 6.5rem 1.5rem -2rem;
            transform: rotate(-1.5deg);
        }

        & .megamenu-feature .megamenu-slide-shot img {
            aspect-ratio: auto;
        }

        & .megamenu-showcase {
            isolation: isolate;
            background:
                var(--gradient-primary-light, none),
                radial-gradient(90% 60% at 85% 0%, var(--color-primary-400-shade), transparent 70%),
                linear-gradient(160deg, var(--color-primary-800), var(--color-primary-shade) 120%);
            position: relative;
            overflow: hidden;

            @supports (color: color-mix(in lab, red, red)) {
                background:
                    var(--gradient-primary-light, none),
                    radial-gradient(
                        90% 60% at 85% 0%,
                        color-mix(in srgb, var(--color-primary-400-shade) 55%, transparent),
                        transparent 70%
                    ),
                    linear-gradient(
                        160deg,
                        var(--color-primary-800),
                        var(--color-primary-shade) 120%
                    );
            }
        }

        & .megamenu-showcase > .megamenu-slide {
            background: none;
            height: auto;
            animation: 9s linear infinite paused megamenu-showcase;
            position: absolute;
            inset: 0;
        }

        & .megamenu-showcase > .megamenu-slide:nth-of-type(2) {
            animation-delay: -6s;
        }

        & .megamenu-showcase > .megamenu-slide:nth-of-type(3) {
            animation-delay: -3s;
        }

        &:is(:hover, :focus-within)
            .tabs-panel.is-active
            .megamenu-showcase:not(:hover)
            > .megamenu-slide {
            animation-play-state: running;
        }

        & .megamenu-tabs :is(.tabs-nav, .tabs-panels, .megamenu-foot) {
            opacity: 0;
            transition:
                opacity 0.4s var(--ease-out),
                transform 0.4s var(--ease-out);
            transform: translateY(10px);
        }

        &:is(:hover, :focus-within) .megamenu-tabs :is(.tabs-nav, .tabs-panels, .megamenu-foot) {
            opacity: 1;
            transform: none;
        }

        &:is(:hover, :focus-within) .megamenu-tabs :is(.tabs-panels, .megamenu-foot) {
            transition-delay: 80ms;
        }
    }

    @media (width <= 1279px) {
        .nav-megamenu.nav-megamenu--tabs {
            & .megamenu-tabpanel {
                grid-template-columns: minmax(0, 1fr);
            }

            & .megamenu-feature {
                display: none;
            }
        }
    }

    @keyframes megamenu-showcase {
        0%,
        28.89% {
            opacity: 1;
            z-index: 2;
        }

        33.34%,
        95.56% {
            opacity: 0;
            z-index: 1;
        }

        100% {
            opacity: 1;
            z-index: 2;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .megamenu-showcase > .megamenu-slide {
            animation: none;
        }

        .megamenu-showcase > .megamenu-slide:not(:first-of-type) {
            display: none;
        }

        .nav-megamenu.nav-megamenu--tabs
            .megamenu-tabs
            :is(.tabs-nav, .tabs-panels, .megamenu-foot) {
            opacity: 1;
            transition: none;
            transform: none;
        }
    }

    @keyframes megamenu-kenburns {
        from {
            transform: scale(1);
        }

        to {
            transform: scale(1.08);
        }
    }

    @media (width <= 1279px) {
        .nav-megamenu.nav-megamenu--media {
            & .megamenu-inner {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            & .megamenu-media {
                display: none;
            }
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .nav-megamenu.nav-megamenu--media {
            & .megamenu-col,
            & .megamenu-media,
            & .megamenu-foot {
                opacity: 1;
                transition: none;
                transform: none;
            }

            & .swiper-slide-active img {
                animation: none;
            }

            & .megamenu-slide-go {
                transform: none;
            }
        }
    }

    .nav-megamenu.nav-megamenu--services {
        & .megamenu-inner {
            grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) minmax(0, 17rem);
            gap: 2rem 2.75rem;
        }

        & .megamenu-col {
            min-width: 0;
        }

        & .eyebrow {
            color: var(--menu-hover-text);
        }

        & .megamenu-lead {
            gap: 1rem;
        }

        & .megamenu-statement {
            font-family: var(--megamenu-statement-font, inherit);
            font-size: 1.5rem;
            font-weight: var(--megamenu-statement-weight, 600);
            letter-spacing: -0.02em;
            text-wrap: balance;
            color: var(--menu-strong);
            margin: 0;
            line-height: 1.25;

            & em {
                font-family: var(--font-serif);
                color: var(--menu-hover-text);
                font-weight: 400;
            }

            & strong {
                font-weight: 600;
            }
        }

        & .megamenu-note {
            color: var(--menu-title);
            margin: 0;
            font-size: 1rem;
            line-height: 1.6;
        }

        & .megamenu-all {
            color: var(--menu-hover-text);
            margin-top: auto;
            padding: 1rem 0 0;
            font-size: 0.9375rem;
            font-weight: 600;

            &:hover {
                background: none;
            }
        }

        & .megamenu-services {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            align-content: start;
            gap: 0.25rem 1.5rem;
            display: grid;
        }

        & .megamenu-service {
            border-radius: var(--radius-md);
            position: relative;
        }

        & .megamenu-service .megamenu-item {
            color: var(--menu-strong);
            gap: 0.875rem;
            padding: 0.625rem 0.75rem 0.25rem;
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.5rem;

            &:after {
                content: '';
                position: absolute;
                inset: 0;
            }

            &:hover {
                background: none;
            }

            &:focus-visible {
                outline: none;
            }
        }

        & .megamenu-icon {
            aspect-ratio: 1;
            width: 2.5rem;
            color: var(--megamenu-icon-fg, var(--menu-hover-text));
            background: var(--megamenu-icon-bg, var(--menu-hover-text));
            flex: none;
            place-items: center;
            font-size: 1.25rem;
            display: grid;

            @supports (color: color-mix(in lab, red, red)) {
                background: var(
                    --megamenu-icon-bg,
                    color-mix(in oklch, var(--menu-hover-text) 10%, transparent)
                );
            }

            border-radius: var(--megamenu-icon-radius, var(--radius-md));
            transition:
                color var(--duration-fast) var(--ease-out),
                background var(--duration-fast) var(--ease-out);
        }

        & .megamenu-service:is(:hover, :focus-within) {
            & .megamenu-item {
                color: var(--menu-hover-text);
            }

            & .megamenu-icon {
                color: var(--megamenu-icon-hover-fg, var(--color-on-primary));
                background: var(--megamenu-icon-hover-bg, var(--color-primary));
            }
        }

        & .megamenu-caption {
            color: var(--menu-title);
            margin: -0.5rem 0 0;
            padding: 0 0.75rem 0.75rem 4.125rem;
            font-size: 0.9375rem;
            line-height: 1.45;
        }

        & .megamenu-case {
            min-width: 0;
            color: var(--menu-strong);
            flex-direction: column;
            gap: 0.625rem;
            text-decoration: none;
            display: flex;

            &:focus-visible {
                outline: 2px solid var(--color-primary);
                outline-offset: 4px;
            }
        }

        & .megamenu-case-media {
            aspect-ratio: 4 / 3;
            background: var(--menu-hover-bg);
            border-radius: var(--radius-lg);
            margin-bottom: 0.375rem;
            display: block;
            position: relative;
            overflow: hidden;

            & img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                transition: transform 0.7s var(--ease-out);
            }
        }

        & .megamenu-case:hover .megamenu-case-media img {
            transform: scale(1.04);
        }

        & .megamenu-case-title {
            letter-spacing: -0.01em;
            font-size: 1.0625rem;
            font-weight: 600;
            line-height: 1.35;
        }

        & .megamenu-case-link {
            color: var(--menu-hover-text);
            align-items: center;
            gap: 0.75rem;
            font-size: 0.9375rem;
            font-weight: 600;
            display: inline-flex;
        }

        & .megamenu-case:hover .megamenu-case-link .link-arrow {
            width: 1.875rem;
        }

        & .megamenu-col,
        & .megamenu-case {
            opacity: 0;
            transition:
                opacity 0.4s var(--ease-out),
                transform 0.4s var(--ease-out);
            transform: translateY(10px);
        }

        &:is(:hover, :focus-within) {
            & .megamenu-col,
            & .megamenu-case {
                opacity: 1;
                transform: none;
            }

            & .megamenu-services {
                transition-delay: 60ms;
            }

            & .megamenu-case {
                transition-delay: 0.12s;
            }
        }
    }

    :root:not([data-focus-source='pointer'])
        .nav-megamenu--services
        .megamenu-service:has(.megamenu-item:focus-visible) {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
    }

    .megamenu-metric {
        color: var(--color-light);
        background: var(--color-dark-surface);
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
        line-height: 1.3;
        position: absolute;
        bottom: 0.75rem;
        left: 0.75rem;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklch, var(--color-dark-surface) 55%, transparent);
        }

        border-radius: var(--radius-pill);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);

        & b {
            font-weight: 700;
        }
    }

    .megamenu-metric--brand {
        color: var(--color-on-primary);
        background: var(--color-primary);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .nav-megamenu.nav-megamenu--services.nav-megamenu--grid {
        & .megamenu-inner {
            grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) minmax(0, 16rem);
            gap: 2rem 2.5rem;
        }

        & .megamenu-lead {
            border-right: 1px solid var(--menu-border);
            padding-right: 2.5rem;
        }

        & .megamenu-services {
            background: var(--menu-border);
            border-radius: var(--radius-lg);
            counter-reset: megamenu-service;
            align-self: start;
            gap: 1px;
            overflow: hidden;
        }

        & .megamenu-service {
            background: var(--menu-surface);
            counter-increment: megamenu-service;
            transition: background var(--duration-fast) var(--ease-out);
            border-radius: 0;
            padding: 1.375rem 3rem 1.5rem 1.375rem;

            &:before {
                content: counter(megamenu-service, decimal-leading-zero) / '';
                font-size: var(--text-xs);
                font-variant-numeric: tabular-nums;
                color: var(--menu-title);
                font-weight: 500;
                position: absolute;
                top: 1.5rem;
                right: 1.25rem;
            }

            &:is(:hover, :focus-within) {
                background: var(--menu-hover-bg);
            }
        }

        & .megamenu-service .megamenu-item {
            padding: 0;
            font-size: 1.0625rem;
        }

        & .megamenu-icon {
            aspect-ratio: auto;
            background: none;
            width: auto;
            font-size: 1.5rem;
            line-height: 1;
        }

        & .megamenu-service:is(:hover, :focus-within) .megamenu-icon {
            color: var(--menu-hover-text);
            background: none;
        }

        & .megamenu-caption {
            margin: 0.25rem 0 0;
            padding: 0 0 0 2.375rem;
            line-height: 1.5;
        }
    }

    :root:not([data-focus-source='pointer'])
        .nav-megamenu--grid
        .megamenu-service:has(.megamenu-item:focus-visible) {
        outline-offset: -2px;
    }

    .nav-megamenu.nav-megamenu--services.nav-megamenu--grid.nav-megamenu--icons {
        & .megamenu-inner {
            padding: var(--megamenu-pad, 1.5rem 2rem);
            grid-template-columns: minmax(0, 1fr);
            gap: 1.25rem;
        }

        & .megamenu-services {
            grid-template-columns: repeat(var(--megamenu-cols, 4), minmax(0, 1fr));
        }

        & .megamenu-service {
            padding: 1.25rem 1.25rem 1.375rem;

            &:before {
                top: 1.375rem;
            }
        }

        & .megamenu-service .megamenu-item {
            font-family: var(--megamenu-title-font, inherit);
            font-size: var(--megamenu-title-size, 1rem);
            font-weight: var(--megamenu-title-weight, 600);
            flex-direction: column;
            align-items: flex-start;
            gap: 1.125rem;
        }

        & .megamenu-icon {
            font-size: var(--megamenu-icon-size, 1.625rem);
        }

        & .megamenu-caption {
            padding: 0;
        }

        & .megamenu-foot {
            padding-inline: 1.25rem;
        }
    }

    .nav-megamenu.nav-megamenu--services .megamenu-foot {
        flex-flow: wrap;
        grid-column: 1 / -1;
        align-items: center;
        gap: 0.5rem 2rem;

        & .megamenu-item {
            color: var(--menu-strong);
            padding: 0.25rem 0;
            font-size: 0.9375rem;
            font-weight: 600;

            &:hover {
                color: var(--menu-hover-text);
                background: none;
            }
        }
    }

    .megamenu-foot-note {
        color: var(--menu-title);
        margin: 0 auto 0 0;
        font-size: 0.9375rem;
        line-height: 1.5;
    }

    @media (1024px <= width < 1280px) {
        .nav-megamenu.nav-megamenu--services {
            & .megamenu-inner {
                grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);
            }

            & .megamenu-case {
                display: none;
            }
        }

        .nav-megamenu.nav-megamenu--services.nav-megamenu--grid {
            & .megamenu-inner {
                grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
                gap: 2rem 2.5rem;
            }

            & .megamenu-lead {
                padding-right: 2.5rem;
            }
        }
    }

    @media (width < 1024px) {
        .nav-megamenu.nav-megamenu--services {
            & .megamenu-inner {
                grid-template-columns: minmax(0, 1fr);
            }

            & .megamenu-case {
                max-width: 26rem;
            }
        }

        .nav-megamenu.nav-megamenu--services.nav-megamenu--grid {
            & .megamenu-inner {
                grid-template-columns: minmax(0, 1fr);
            }

            & .megamenu-lead {
                border-right: 0;
                border-bottom: 1px solid var(--menu-border);
                padding: 0 0 2rem;
            }
        }

        .nav-megamenu.nav-megamenu--services.nav-megamenu--grid.nav-megamenu--icons
            .megamenu-services {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (width < 640px) {
        .nav-megamenu.nav-megamenu--services .megamenu-services,
        .nav-megamenu.nav-megamenu--services.nav-megamenu--grid.nav-megamenu--icons
            .megamenu-services {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .nav-megamenu.nav-megamenu--services {
            & .megamenu-col,
            & .megamenu-case {
                opacity: 1;
                transition: none;
                transform: none;
            }

            & .megamenu-case-media img {
                transition: none;
            }
        }
    }

    .megamenu-preview {
        & .nav-megamenu {
            display: block;
        }

        & .nav-megamenu:after {
            content: none;
        }

        & .nav-megamenu .megamenu-panel {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            clip-path: none;
            border-radius: var(--radius-lg);
            width: auto;
            box-shadow:
                var(--menu-shadow),
                0 0 0 1px var(--menu-border);
            border: 0;
            transition: none;
            position: relative;
            top: auto;
            left: auto;
            transform: none;
        }

        & .megamenu-inner {
            padding: clamp(1.5rem, 4vw, 2.75rem);
        }

        & .nav-megamenu--services :is(.megamenu-col, .megamenu-case) {
            opacity: 1;
            transform: none;
        }
    }

    .badge-new,
    .badge-hot {
        letter-spacing: 0.05em;
        text-transform: uppercase;
        border-radius: var(--radius-pill);
        color: #fff;
        flex-shrink: 0;
        align-items: center;
        padding: 0.1rem 0.4rem;
        font-size: 0.6rem;
        font-weight: 700;
        line-height: 1.4;
        display: inline-flex;
    }

    .badge-new {
        background: var(--color-success);
    }

    .badge-hot {
        background: var(--color-danger);
    }

    .nav-cascade {
        align-self: stretch;
        align-items: center;
        display: flex;
        position: relative;

        & > .cascade-panel {
            pointer-events: none;
            top: calc(100% + 0.5rem);
            left: 0;
        }

        &:hover > .cascade-panel {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition:
                opacity 0.3s var(--ease-out),
                transform 0.3s var(--ease-out),
                visibility 0s;
            transform: translateY(0);
        }

        &:hover .nav-link i {
            transform: rotate(180deg);
        }
    }

    .cascade-panel {
        background: var(--menu-surface);
        border: 1px solid var(--menu-border);
        border-radius: var(--radius-md);
        box-shadow: var(--menu-shadow);
        min-width: 210px;
        z-index: var(--z-dropdown);
        opacity: 0;
        visibility: hidden;
        transition:
            opacity 0.3s var(--ease-out),
            transform 0.3s var(--ease-out),
            visibility 0s 0.3s;
        padding: 0.5rem;
        position: absolute;
        transform: translateY(-6px);

        &:before {
            content: '';
            height: calc(0.5rem + 2px);
            position: absolute;
            top: calc(-0.5rem - 2px);
            left: 0;
            right: 0;
        }
    }

    .cascade-item--sub > .cascade-panel:before {
        width: 0.5rem;
        height: auto;
        inset: 0 auto 0 -0.5rem;
    }

    .cascade-item {
        font-size: var(--text-sm);
        color: var(--menu-text);
        border-radius: var(--radius-sm);
        white-space: nowrap;
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        align-items: center;
        padding: 0.5rem 0.875rem;
        text-decoration: none;
        display: flex;

        &:hover {
            background: var(--menu-hover-bg);
            color: var(--menu-hover-text);
        }

        & > .badge-new,
        & > .badge-hot {
            margin-left: auto;
        }
    }

    .cascade-item--sub {
        cursor: default;
        justify-content: space-between;
        gap: 1.5rem;
        position: relative;

        & > .ph-caret-right {
            font-size: var(--text-xs);
        }

        & > .cascade-panel {
            transition:
                opacity 0.3s var(--ease-out),
                transform 0.3s var(--ease-out),
                visibility 0s 0.3s,
                left 0s 0.3s;
            top: -0.5rem;
            left: 0;
            transform: translateX(-6px);
        }

        &:is(:hover, :focus-within) > .cascade-panel:not(.cascade-panel--flip) {
            left: 100%;
        }

        &:hover {
            background: var(--menu-hover-bg);
            color: var(--menu-hover-text);
        }

        &:hover > .cascade-panel {
            opacity: 1;
            visibility: visible;
            transition:
                opacity 0.3s var(--ease-out),
                transform 0.3s var(--ease-out),
                visibility 0s;
            transform: translateX(0);
        }
    }

    .cascade-panel--rich {
        width: max-content;
        min-width: 21.5rem;
        padding: 0.625rem;
    }

    .cascade-item--rich {
        white-space: normal;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0.125rem 1rem;
        padding: 0.875rem 1rem 0.875rem 0.875rem;
        display: grid;

        & > .cascade-panel {
            top: -0.625rem;
        }
    }

    .cascade-item-icon {
        width: 2.75rem;
        height: 2.75rem;
        color: var(--menu-title);
        background: var(--menu-text);
        grid-row: span 2;
        align-self: start;
        place-items: center;
        font-size: 1.25rem;
        display: grid;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--menu-text) 6%, transparent);
        }

        border-radius: var(--radius-md);
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out);
    }

    .cascade-item-title {
        letter-spacing: -0.015em;
        color: var(--menu-strong, var(--menu-text));
        transition: color var(--duration-fast) var(--ease-out);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.35;
    }

    .cascade-item-caption {
        white-space: nowrap;
        color: var(--menu-title);
        grid-column: 2;
        margin-top: 0.125rem;
        font-size: 0.875rem;
        line-height: 1.4;
    }

    .cascade-panel--rich > .cascade-item--rich > .ph-caret-right {
        opacity: 0;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            translate var(--duration-fast) var(--ease-out);
        grid-area: 1 / 3 / span 2;
        translate: -0.25rem;
    }

    .cascade-item--rich:is(:hover, :focus-within) {
        & > .cascade-item-icon {
            color: var(--menu-hover-text);
            background: var(--menu-surface);
        }

        & > .cascade-item-title {
            color: var(--menu-hover-text);
        }
    }

    .cascade-panel--rich > .cascade-item--rich:is(:hover, :focus-within) > .ph-caret-right {
        opacity: 1;
        translate: 0;
    }

    .cascade-panel--groups {
        gap: 0.375rem;
        padding: 0.625rem;
        display: grid;
    }

    .cascade-group {
        align-content: start;
        gap: 0.125rem;
        display: grid;
    }

    .cascade-group-title {
        font-size: var(--text-xs);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        color: var(--menu-title);
        margin: 0;
        padding: 0.5rem 0.875rem 0.375rem;
        font-weight: 600;
    }

    .cascade-group > .cascade-item--rich > .ph-arrow-up-right {
        font-size: var(--text-sm);
        color: var(--menu-hover-text);
        opacity: 0;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            translate var(--duration-fast) var(--ease-out);
        grid-area: 1 / 3 / span 2;
        translate: -0.25rem 0.25rem;
    }

    .cascade-group > .cascade-item--rich:is(:hover, :focus-visible) > .ph-arrow-up-right {
        opacity: 1;
        translate: 0;
    }

    .menu-promo {
        white-space: nowrap;
        border-radius: var(--radius-md);
        transition: background var(--duration-fast) var(--ease-out);
        background: none;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        column-gap: 0.875rem;
        padding: 0.875rem 1.125rem 0.875rem 0.875rem;
        text-decoration: none;
        display: grid;

        & > .ph-arrow-right {
            color: var(--menu-hover-text);
            transition: translate var(--duration-fast) var(--ease-out);
            grid-area: 1 / 3 / span 2;
            font-size: 0.875rem;
        }

        &:hover {
            background: var(--menu-hover-bg);

            & > .ph-arrow-right {
                translate: 0.1875rem;
            }
        }
    }

    .menu-promo-icon {
        width: 2.75rem;
        height: 2.75rem;
        color: var(--color-on-primary);
        background: var(--color-primary);
        border-radius: var(--radius-md);
        grid-row: span 2;
        align-self: start;
        place-items: center;
        font-size: 1.25rem;
        display: grid;
    }

    .menu-promo-title {
        letter-spacing: -0.015em;
        color: var(--menu-strong, var(--menu-text));
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.35;
    }

    .menu-promo-caption {
        color: var(--menu-title);
        grid-column: 2;
        margin-top: 0.125rem;
        font-size: 0.875rem;
        line-height: 1.4;
    }

    .cascade-panel > .menu-promo {
        border-radius: var(--radius-sm);
        column-gap: 1rem;
        margin-top: 0.875rem;
        position: relative;

        &:before {
            content: '';
            inset-inline: 0;
            background: var(--menu-border);
            height: 1px;
            position: absolute;
            top: calc(-0.4375rem - 0.5px);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in oklab, var(--menu-border) 55%, transparent);
            }

            pointer-events: none;
        }
    }

    .menu-promo.menu-promo--compact {
        column-gap: 0.625rem;
        padding: 0.5rem 0.875rem 0.5rem 0.5rem;

        & > .menu-promo-icon {
            border-radius: var(--radius-sm);
            grid-row: 1;
            align-self: center;
            width: 2rem;
            height: 2rem;
            font-size: 1.0625rem;
        }

        & > .ph-arrow-right {
            grid-row: 1;
        }
    }

    .nav-cascade > .cascade-panel--flip {
        left: auto;
        right: 0;
    }

    .cascade-item--sub > .cascade-panel--flip {
        left: auto;
        right: 100%;
        transform: translateX(6px);
    }

    .cascade-item--sub:hover > .cascade-panel--flip {
        transform: translateX(0);
    }

    .cascade-item--sub > .cascade-panel--flip:before {
        left: auto;
        right: -0.5rem;
    }

    :root:not([data-focus-source='pointer']) {
        & :is(.nav-cascade:not(.is-closed), .cascade-item--sub):focus-within > .cascade-panel {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition:
                opacity 0.3s var(--ease-out),
                transform 0.3s var(--ease-out),
                visibility 0s;
            transform: none;
        }

        & .nav-cascade:not(.is-closed):focus-within > .nav-link i {
            transform: rotate(180deg);
        }

        & .cascade-item--sub:focus-within {
            background: var(--menu-hover-bg);
            color: var(--menu-hover-text);
        }
    }

    .nav-actions {
        justify-self: end;
        align-items: center;
        gap: 0.75rem;
        display: flex;
    }

    .hamburger {
        cursor: pointer;
        min-width: 2.75rem;
        height: 2.75rem;
        color: var(--color-text);
        border-radius: var(--radius-full);
        background: none;
        border: none;
        place-items: center;
        padding: 0;
        display: none;
    }

    .nav-toggle-open,
    .nav-toggle-close {
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        grid-area: 1 / 1;
    }

    .nav-toggle-close {
        opacity: 0;
        transform: rotate(-90deg);
    }

    .site-header:has(.mobile-nav.open) {
        & .nav-toggle-open {
            opacity: 0;
            transform: rotate(90deg);
        }

        & .nav-toggle-close {
            opacity: 1;
            transform: none;
        }
    }

    :is(
        .nav-link,
        .megamenu-item,
        .cascade-item,
        .menu-promo,
        .mobile-link,
        .mobile-accordion-btn,
        .hamburger
    ):focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
    }

    .mobile-nav {
        border-top: 1px solid var(--color-border);
        max-height: calc(100dvh - var(--header-h) - 2.5rem);
        overscroll-behavior: contain;
        padding: 1.25rem;
        display: none;
        overflow-y: auto;

        &.open {
            display: block;
        }
    }

    .mobile-link {
        color: var(--color-text-soft);
        border-radius: var(--radius-sm);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        padding: 0.5rem 0.75rem;
        font-size: 0.9375rem;
        font-weight: 400;
        text-decoration: none;
        display: block;

        @media (hover: hover) {
            &:hover {
                background: var(--color-primary-50);
                color: var(--color-primary-ink);
            }
        }

        &:has(> i) {
            align-items: center;
            gap: 0.625rem;
            display: flex;
        }

        & > i {
            color: var(--color-text-muted);
            flex-shrink: 0;
            font-size: 1.0625rem;
        }
    }

    .mobile-link.is-current {
        color: var(--color-primary-ink);
        font-weight: 600;
    }

    .mobile-link--promo {
        & > span {
            color: var(--menu-hover-text);
            font-weight: 600;
        }

        & > i {
            color: var(--menu-hover-text);
        }

        & > .ph-arrow-right {
            margin-left: auto;
            font-size: 0.875rem;
        }
    }

    .mobile-accordion {
        display: block;
    }

    .mobile-accordion-btn {
        width: 100%;
        font-size: var(--text-base);
        color: var(--color-text);
        border-radius: var(--radius-sm);
        cursor: pointer;
        font-weight: 500;
        font-family: var(--font-sans);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        text-decoration: none;
        display: flex;

        @media (hover: hover) {
            &:hover {
                background: var(--color-primary-50);
                color: var(--color-primary-ink);
            }
        }

        & > .ph-caret-down {
            font-size: var(--text-xs);
            color: var(--color-text-muted);
        }
    }

    .mobile-accordion-btn--nested {
        padding: 0.625rem 0.75rem;
        font-size: 0.9375rem;
        font-weight: 600;
    }

    .mobile-link:where([data-mobile-links] > *),
    .mobile-accordion-btn:where([data-mobile-links] > .mobile-accordion > *) {
        color: var(--color-text);
        border-radius: 0;
        padding: 0.875rem 0.25rem;
        font-size: 1.0625rem;
        font-weight: 600;

        &:hover {
            background: none;
        }
    }

    :is(.mobile-link, .mobile-accordion-btn):focus-visible {
        outline-offset: -2px;
    }

    .mobile-accordion-panel {
        overflow: hidden;
    }

    .mobile-accordion-panel .mobile-accordion-panel {
        border-left: 1px solid var(--color-border);
        margin-left: 0.75rem;
        padding-left: 0.5rem;
    }

    @media (width <= 1023px) {
        :where(.site-header:not(.header-overlay-menu, .header-side-drawer)) {
            & [data-mobile-links] > * + * {
                border-top: 1px solid var(--mobile-rule, var(--color-border));
            }

            & [data-mobile-links] > .mobile-accordion > .mobile-accordion-panel {
                padding-bottom: 0.625rem;
            }
        }

        .navbar-inner {
            padding-inline: var(--container-x);
            grid-template-columns: 1fr auto;
        }

        .nav-links {
            display: none;
        }

        .hamburger {
            display: grid;
        }

        .nav-actions .btn {
            display: none;
        }
    }

    .header-floating.scrolled,
    .header-capsule.scrolled,
    .header-glass.scrolled {
        box-shadow: none;
    }

    .site-topbar,
    .site-topbar-marquee,
    .nav-contact,
    .nav-aside,
    .nav-brand-slot,
    .site-topbar-meta,
    .site-topbar-aside,
    .nav-lang-menu,
    .nav-search-toggle,
    .nav-info-toggle,
    .nav-utility,
    .nav-toggle-label {
        display: none;
    }

    .nav-meta {
        display: contents;
    }

    .nav-search-label,
    .site-search-hint,
    .nav-rail-note,
    .site-info,
    .site-search,
    .nav-actions .nav-social,
    .site-topbar-inner .site-topbar-social {
        display: none;
    }

    .header-topbar,
    .header-ticker {
        & .navbar-inner {
            height: var(--navbar-h);
        }

        & .site-topbar {
            height: var(--topbar-h);
            background: var(--color-dark);
            color: var(--color-light);
            transition: height var(--duration-base) var(--ease-out);
            display: block;
            overflow: hidden;
        }

        & .site-topbar-inner {
            height: var(--topbar-h);
            padding-inline: var(--container-x);
            transition: opacity var(--duration-fast) var(--ease-out);
            justify-content: center;
            align-items: center;
            gap: 1rem;
            display: flex;
        }

        & .site-topbar-text {
            min-width: 0;
            font-size: var(--text-sm);
            letter-spacing: var(--tracking-tight);
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0;
            overflow: hidden;
        }

        & .site-topbar-icon {
            vertical-align: -0.125em;
            margin-right: 0.4rem;
        }

        & .site-topbar-cta {
            flex-shrink: 0;
        }

        & .site-topbar-cta-label {
            text-underline-offset: 3px;
            text-decoration: underline;
        }
    }

    .header-topbar.scrolled .site-topbar,
    .header-ticker.scrolled .site-topbar {
        height: 0;

        & .site-topbar-inner {
            opacity: 0;
        }
    }

    :root:not(.modal-open, .glightbox-open)
        .site-header:is(.header-topbar, .header-ticker):not(
            .header-floating,
            .header-transparent,
            .header-capsule,
            .header-glass,
            .header-dark-glass,
            .header-stacked
        ) {
        top: calc(var(--topbar-h) * -1);

        &.scrolled .site-topbar {
            height: var(--topbar-h);
        }

        &.scrolled :is(.site-topbar-inner, .site-topbar-marquee) {
            opacity: 1;
        }
    }

    @media (width <= 639px) {
        .header-topbar .site-topbar-icon,
        .header-topbar .site-topbar-cta {
            display: none;
        }
    }

    .site-topbar--contact {
        --topbar-muted: var(--color-on-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --topbar-muted: color-mix(in srgb, var(--color-on-dark) 74%, transparent);
        }

        & .site-topbar-inner {
            justify-content: space-between;
        }

        & .site-topbar-meta {
            align-items: center;
            min-width: 0;
            display: flex;
        }

        & .site-topbar-meta-item {
            color: var(--topbar-muted);

            & i {
                color: var(--color-primary-300);
            }

            & + .site-topbar-meta-item {
                border-left: 1px solid var(--color-on-dark);
                margin-left: 1.25rem;
                padding-left: 1.25rem;

                @supports (color: color-mix(in lab, red, red)) {
                    border-left: 1px solid color-mix(in srgb, var(--color-on-dark) 16%, transparent);
                }
            }
        }

        & a.site-topbar-meta-item:hover {
            color: var(--color-on-dark);
        }

        & .site-topbar-inner .site-topbar-social {
            flex-wrap: nowrap;
            flex-shrink: 0;
            gap: 0.125rem;
            display: flex;
        }

        & .social-link {
            --social-size: 2rem;
            color: var(--topbar-muted);

            &:hover {
                color: var(--color-on-dark);
                background: var(--color-on-dark);

                @supports (color: color-mix(in lab, red, red)) {
                    background: color-mix(in srgb, var(--color-on-dark) 8%, transparent);
                }
            }
        }
    }

    @media (width <= 1023px) {
        .site-topbar--contact {
            & .site-topbar-meta-item--address {
                display: none;
            }

            & .site-topbar-meta-item--address + .site-topbar-meta-item {
                border-left: 0;
                margin-left: 0;
                padding-left: 0;
            }
        }
    }

    @media (width <= 479px) {
        .site-topbar--contact {
            & .site-topbar-inner {
                justify-content: center;
            }

            & .site-topbar-inner .site-topbar-social {
                display: none;
            }
        }
    }

    .header-centered:not(.scrolled) {
        border-bottom: 1px solid var(--color-border);
    }

    @media (width >= 1024px) {
        .header-centered {
            & .nav-links {
                grid-area: 1 / 1;
                justify-self: start;
            }

            & .brand {
                grid-area: 1 / 2;
                justify-self: center;
            }

            & .nav-actions {
                grid-area: 1 / 3;
            }

            & .nav-link {
                padding-inline: 1rem;
            }
        }
    }

    .header-contact {
        & .navbar-inner {
            transition: height var(--duration-base) var(--ease-out);
        }

        & .nav-actions .btn-dark {
            background: var(--color-primary);
            border-color: var(--color-primary);
            color: var(--color-on-primary);

            &:hover {
                background: var(--color-primary-hover);
                border-color: var(--color-primary-hover);
            }
        }

        & .nav-contact {
            color: inherit;
            align-items: center;
            gap: 0.625rem;
            margin-right: 0.25rem;
            text-decoration: none;
            display: flex;
        }

        & .nav-actions .nav-contact .btn {
            display: inline-flex;
        }

        & .nav-contact .btn-soft {
            background: var(--color-primary-100);

            &:hover {
                background: var(--color-primary-200);
            }
        }

        & .nav-contact-text {
            white-space: nowrap;
            flex-direction: column;
            line-height: 1.25;
            display: flex;
        }

        & .nav-contact-label {
            font-size: var(--text-sm);
            color: var(--color-text-soft);
        }

        & .nav-contact-value {
            font-size: var(--text-sm);
            letter-spacing: var(--tracking-tight);
            color: var(--color-dark);
            font-weight: 700;
        }

        &:hover .nav-contact-value {
            color: var(--color-primary-ink);
        }
    }

    @media (width >= 1024px) {
        .header-contact {
            & .navbar-inner {
                grid-template-columns: auto auto 1fr;
                column-gap: 1.25rem;
            }

            & .nav-links {
                justify-self: start;
            }

            & .nav-links:before {
                content: '';
                background: var(--color-border);
                align-self: center;
                width: 1px;
                height: 26px;
                margin-right: 0.75rem;
            }
        }
    }

    @media (width <= 1535px) {
        .header-contact .nav-contact-text {
            display: none;
        }
    }

    .header-split {
        --brand-slot-gap: 1.5rem;
    }

    .nav-phone {
        color: var(--color-dark);
        transition: color var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.625rem;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            text-decoration: none;
        }
    }

    .nav-phone-icon {
        width: 2.125rem;
        height: 2.125rem;
        color: var(--color-dark);
        background: var(--color-bg-soft);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-lift);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        font-size: 0.9375rem;
        display: inline-flex;
    }

    .nav-phone-number {
        letter-spacing: -0.015em;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        font-size: 0.9375rem;
        font-weight: 600;
    }

    .nav-phone:hover {
        color: var(--color-primary-ink);

        & .nav-phone-icon {
            color: var(--color-on-primary);
            background: var(--color-primary);
            border-color: var(--color-primary);
            transform: rotate(-12deg);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .nav-phone:hover .nav-phone-icon {
            transform: none;
        }
    }

    .header-split .nav-actions .nav-social {
        display: flex;
    }

    .header-split .nav-social {
        flex-wrap: nowrap;
        gap: 0.125rem;

        & .social-link {
            --social-size: 2.25rem;
            color: var(--color-text-soft);
            font-size: 1.0625rem;

            &:hover {
                color: var(--color-dark);
                background: var(--color-dark);

                @supports (color: color-mix(in lab, red, red)) {
                    background: color-mix(in srgb, var(--color-dark) 7%, transparent);
                }
            }
        }
    }

    @media (width <= 379px) {
        .header-split .nav-actions .nav-social {
            display: none;
        }
    }

    @media (width >= 1280px) {
        .header-split {
            & .nav-aside {
                grid-area: 1 / 1;
                justify-self: start;
                align-items: center;
                display: flex;
            }

            & .nav-links {
                grid-area: 1 / 2;
                justify-content: center;
            }

            & .nav-actions {
                grid-area: 1 / 3;
            }

            & .navbar-inner > .brand {
                display: none;
            }

            & .nav-brand-slot {
                margin-inline: var(--brand-slot-gap);
                align-items: center;
                display: flex;
            }
        }
    }

    .header-stacked:not(.scrolled) {
        border-bottom: 1px solid var(--color-border);
    }

    .header-stacked .nav-search-toggle {
        color: var(--color-dark);
        font-family: var(--font-sans);
        letter-spacing: -0.015em;
        cursor: pointer;
        transition: color var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        align-items: center;
        gap: 0.5rem;
        padding: 0;
        font-size: 0.9375rem;
        font-weight: 600;
        display: inline-flex;

        &:hover,
        &[aria-expanded='true'] {
            color: var(--color-primary-ink);
        }
    }

    .header-stacked .nav-search-label {
        display: inline;
    }

    @media (width >= 1024px) {
        .header-stacked {
            & .navbar-inner {
                grid-template-columns: 1fr auto;
                grid-template-rows: var(--stack-row) 1fr;
                transition:
                    height var(--stack-fold) var(--ease-out),
                    grid-template-rows var(--stack-fold) var(--ease-out);
                align-items: center;
                column-gap: 2rem;
            }

            & .nav-actions {
                display: contents;
            }

            & .navbar-inner > .brand {
                top: 0;
                left: var(--container-x);
                height: var(--stack-lock);
                align-items: center;
                font-size: 1.5rem;
                display: flex;
                position: absolute;
            }

            & .nav-meta {
                top: 0;
                right: var(--container-x);
                height: var(--stack-row);
                transition:
                    opacity var(--stack-fade) var(--ease-out),
                    transform var(--stack-fold) var(--ease-out);
                align-items: center;
                gap: 1.25rem;
                display: flex;
                position: absolute;
            }

            & .nav-actions .nav-social {
                flex-wrap: nowrap;
                order: -1;
                gap: 0.125rem;
                display: flex;

                & .social-link {
                    --social-size: 2rem;
                    color: var(--color-text);
                    font-size: 1.0625rem;

                    &:hover {
                        color: var(--color-dark);
                        background: var(--color-dark);

                        @supports (color: color-mix(in lab, red, red)) {
                            background: color-mix(in srgb, var(--color-dark) 7%, transparent);
                        }
                    }
                }
            }

            & .nav-contact {
                color: var(--color-dark);
                transition: color var(--duration-fast) var(--ease-out);
                align-items: center;
                gap: 0.5rem;
                text-decoration: none;
                display: flex;

                &:hover {
                    color: var(--color-primary-ink);
                }
            }

            & .nav-contact .btn {
                aspect-ratio: auto;
                width: auto;
                height: auto;
                color: var(--color-primary-ink);
                background: none;
                border: 0;
                font-size: 1.0625rem;
                display: inline-flex;
            }

            & .nav-contact-label {
                display: none;
            }

            & .nav-contact-value {
                letter-spacing: -0.015em;
                font-variant-numeric: tabular-nums;
                color: inherit;
                white-space: nowrap;
                font-size: 0.9375rem;
                font-weight: 600;
            }

            & .nav-contact:before,
            & .nav-search-toggle:before {
                content: '';
                background: var(--color-border);
                flex-shrink: 0;
                width: 1px;
                height: 1.25rem;
                margin-right: 0.75rem;
            }

            & .nav-links {
                transition: padding-left 0.24s var(--ease-out);
                grid-area: 2 / 1;
                justify-self: start;
                margin-left: -1rem;
                padding-left: 0;
            }

            & .nav-link {
                padding-inline: 1rem;
            }

            & .nav-actions > .btn {
                grid-area: 2 / 2;
                justify-self: end;
            }
        }

        .header-stacked.scrolled {
            & .nav-meta {
                opacity: 0;
                pointer-events: none;
                transform: translateY(-0.5rem);
            }

            & .nav-links {
                padding-left: calc(var(--stack-brand-w) + 2.5rem);
            }
        }
    }

    @media (width >= 1024px) and (width <= 1279px) {
        .header-stacked:has(.nav-links > li:nth-child(10)) {
            --stack-row: 0px;

            & .navbar-inner {
                grid-template-rows: 1fr;
            }

            & .nav-actions {
                display: flex;
            }

            & .nav-meta {
                display: contents;
                position: static;
            }

            & .nav-contact,
            & .nav-actions .nav-social,
            & .nav-search-toggle:before {
                display: none;
            }

            & .navbar-inner > .brand {
                height: auto;
                position: static;
            }

            & .nav-links {
                padding-left: 0;
            }
        }
    }

    @media (width <= 1023px) {
        .header-stacked {
            & .nav-search-label,
            & .nav-search-toggle:before {
                display: none;
            }

            & .nav-search-toggle {
                font-size: 1.25rem;
            }

            & .nav-panel-foot {
                border-top: 1px solid var(--color-border);
                flex-wrap: wrap;
                gap: 1.5rem 2.5rem;
                margin-top: 1.5rem;
                padding-top: 1.25rem;
                display: flex;
            }
        }
    }

    .header-floating {
        box-shadow: none;
        padding: var(--float-inset) var(--float-inset) 0;
        background: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;

        & .navbar {
            background: var(--color-bg);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
            transition: box-shadow var(--duration-base) var(--ease-out);
        }

        & .navbar-inner {
            height: var(--navbar-h);
            padding-inline: 2rem;
        }

        & .megamenu-panel {
            border-radius: 0 0 var(--radius-lg) var(--radius-lg);
            clip-path: inset(0 0 -60px);
            width: 100%;
            max-height: calc(100dvh - var(--header-h) - 2rem);
            overscroll-behavior: contain;
            left: 0;
            overflow-y: auto;
            transform: translateY(-8px);
        }

        & .nav-megamenu:is(:hover, :focus-within) .megamenu-panel {
            transform: translateY(0);
        }

        & .mobile-nav {
            border-radius: 0 0 var(--radius-lg) var(--radius-lg);
        }
    }

    .header-floating:has(.nav-megamenu:is(:hover, :focus-within)) .navbar {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .header-floating.scrolled .navbar {
        box-shadow:
            var(--shadow-md),
            0 0 0 1px var(--color-border);
    }

    @media (width <= 1023px) {
        .header-floating .navbar-inner {
            padding-inline: 1.25rem;
        }
    }

    @media (width >= 1280px) {
        .header-floating--contained .navbar {
            max-width: var(
                --float-width,
                calc(
                    min(var(--container-width), 100% + var(--float-inset) * 2) -
                        var(--container-x) * 2
                )
            );
            margin-inline: auto;
        }
    }

    .header-transparent {
        box-shadow: none;
        transition:
            background-color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
        background: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .header-transparent:not(.scrolled) {
        & .brand {
            color: #fff;
        }

        & .nav-link {
            color: #fff;

            &:hover,
            &.active {
                color: #ffffffb3;
            }
        }

        & .hamburger {
            color: #fff;
        }

        & .nav-actions .btn-dark {
            color: var(--color-dark);
            background: #fff;
            border-color: #fff;

            &:hover {
                color: var(--color-dark);
                background: #ffffffd9;
            }
        }

        & .nav-phone {
            color: #fff;

            & .nav-phone-icon {
                color: #fff;
                background: #ffffff24;
                border-color: #ffffff4d;
            }

            &:hover {
                color: #fff;

                & .nav-phone-icon {
                    color: var(--color-dark);
                    background: #fff;
                    border-color: #fff;
                }
            }
        }

        & .social-link {
            color: #ffffffd9;

            &:hover {
                color: #fff;
            }
        }

        & .nav-social .social-link:hover {
            color: #fff;
            background: #ffffff29;
        }
    }

    .header-transparent.scrolled,
    .header-transparent:has(.nav-megamenu:is(:hover, :focus-within)),
    .header-transparent:has(.nav-cascade:hover),
    :root:not([data-focus-source='pointer'])
        .header-transparent:has(.nav-cascade:not(.is-closed):focus-within) {
        background: var(--color-bg);
        box-shadow: var(--shadow-md);
    }

    .header-transparent:is(
        .header-ink,
        :has(.nav-megamenu:is(:hover, :focus-within)),
        :has(.nav-cascade:hover)
    ),
    :root:not([data-focus-source='pointer'])
        .header-transparent:has(.nav-cascade:not(.is-closed):focus-within) {
        & .brand {
            color: var(--color-primary-ink);
        }

        & .nav-link {
            color: var(--color-dark);

            &:hover,
            &.active {
                color: var(--color-primary-ink);
            }
        }

        & .hamburger {
            color: var(--color-dark);
        }

        & .nav-actions .btn-dark {
            background: var(--color-dark);
            color: var(--color-on-dark);
            border-color: var(--color-dark);
        }

        & .nav-aside .btn-link {
            color: var(--color-dark);
        }

        & .nav-phone {
            color: var(--color-dark);

            & .nav-phone-icon {
                color: var(--color-dark);
                background: var(--color-bg-soft);
                border-color: var(--color-border);
            }
        }

        & .social-link {
            color: var(--color-text-soft);
        }
    }

    .header-transparent .mobile-nav {
        background: var(--color-bg);
    }

    .header-transparent:has(.mobile-nav.open) {
        background: var(--color-bg);
        box-shadow: var(--shadow-md);

        & .brand {
            color: var(--color-primary-ink);
        }

        & .hamburger {
            color: var(--color-dark);
        }

        & .nav-actions .btn-dark {
            background: var(--color-dark);
            color: var(--color-on-dark);
            border-color: var(--color-dark);
        }

        & .social-link {
            color: var(--color-text-soft);
        }
    }

    .header-ticker {
        & .site-topbar-inner {
            display: none;
        }

        & .site-topbar-marquee {
            transition: opacity var(--duration-fast) var(--ease-out);
            display: block;
        }

        & .marquee-text {
            height: var(--topbar-h);
            font-size: var(--text-sm);
            color: var(--color-light);
            padding-block: 0;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 72%, transparent);
            }
        }

        & .marquee-text__item strong {
            color: var(--color-light);
        }

        & .marquee-text__sep:before {
            background: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-light) 32%, transparent);
            }
        }
    }

    .header-ticker.scrolled .site-topbar-marquee {
        opacity: 0;
    }

    .header-capsule {
        box-shadow: none;
        --cta-inset: 0.75rem;
        background: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;

        & .navbar {
            width: calc(100% - var(--container-x) * 2);
            max-width: var(--container-width);
            margin: var(--capsule-inset) auto;
            background: var(--color-bg);
            border-radius: min(var(--radius-pill), var(--navbar-h) / 2);
            box-shadow:
                var(--shadow-sm),
                0 0 0 1px var(--color-border);
            transition:
                box-shadow var(--duration-base) var(--ease-out),
                border-radius var(--duration-base) var(--ease-out);
        }

        & .navbar-inner {
            height: var(--navbar-h);
            padding-inline: 1.5rem var(--cta-inset);
        }

        & .nav-actions .btn-dark {
            font-size: var(--text-sm);
            background: var(--color-primary);
            border-color: var(--color-primary);
            color: var(--color-on-primary);
            box-shadow: 0 0 0 5px var(--color-primary-100);
            gap: 0.625rem;
            padding: 0.3125rem 0.3125rem 0.3125rem 1.25rem;

            &:hover {
                background: var(--color-primary-hover);
                border-color: var(--color-primary-hover);
            }

            & > .ph {
                border-radius: var(--radius-full);
                background: #fff3;
                flex-shrink: 0;
                justify-content: center;
                align-items: center;
                width: 2rem;
                height: 2rem;
                display: inline-flex;
            }
        }
    }

    .header-capsule.scrolled .navbar {
        box-shadow:
            var(--shadow-md),
            0 0 0 1px var(--color-border);
    }

    .header-glass {
        box-shadow: none;
        --cta-inset: 0.5rem;
        background: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;

        & .navbar {
            width: calc(100% - var(--container-x) * 2);
            max-width: var(--container-width);
            margin: var(--capsule-inset) auto;
            border-radius: min(var(--radius-pill), var(--navbar-h) / 2);
            -webkit-backdrop-filter: blur(20px) saturate(140%);
            backdrop-filter: blur(20px) saturate(140%);
            transition:
                background-color var(--duration-base) var(--ease-out),
                box-shadow var(--duration-base) var(--ease-out),
                border-radius var(--duration-base) var(--ease-out);
            background: #ffffff1a;
            box-shadow: inset 0 0 0 1px #ffffff38;
        }

        & .navbar-inner {
            height: var(--navbar-h);
            padding-inline: 1.5rem var(--cta-inset);
        }

        & .site-topbar {
            -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px);
            background: #00000057;
        }

        & .brand,
        & .hamburger {
            color: #fff;
        }

        & .nav-link {
            color: #ffffffdb;

            &:hover,
            &.active {
                color: #fff;
            }
        }

        & .nav-actions .btn-dark {
            height: calc(var(--navbar-h) - var(--cta-inset) * 2);
            color: var(--color-dark);
            background: #fff;
            border-color: #fff;
            padding-block: 0;

            &:hover {
                color: var(--color-dark);
                background: #ffffffd9;
            }
        }
    }

    .header-glass.scrolled {
        & .navbar {
            box-shadow:
                inset 0 0 0 1px #ffffffb3,
                0 0 0 1px var(--color-border),
                var(--shadow-md);
            background: #ffffffb8;
        }

        & .brand {
            color: var(--color-primary-ink);
        }

        & .hamburger {
            color: var(--color-dark);
        }

        & .nav-link {
            color: var(--color-dark);

            &:hover,
            &.active {
                color: var(--color-primary-ink);
            }
        }

        & .nav-actions .btn-dark {
            background: var(--color-dark);
            border-color: var(--color-dark);
            color: var(--color-on-dark);

            &:hover {
                background: var(--color-dark);
                color: var(--color-on-dark);
                opacity: 0.85;
            }
        }
    }

    .header-capsule,
    .header-glass {
        & .megamenu-panel {
            width: 100%;
            box-shadow: none;
            clip-path: none;
            background: none;
            border: none;
            border-radius: 0;
            padding-top: 0.625rem;
            top: 100%;
            left: 0;
            transform: translateY(-8px);
        }

        & .nav-megamenu:is(:hover, :focus-within) .megamenu-panel {
            transform: translateY(0);
        }

        & .megamenu-inner {
            background: var(--menu-surface);
            border-radius: var(--radius-lg);
            max-width: none;
            box-shadow:
                var(--menu-shadow),
                0 0 0 1px var(--menu-border);
            max-height: calc(100dvh - var(--header-h) - 2rem);
            overscroll-behavior: contain;
            padding: 2.5rem 2rem;
            overflow-y: auto;
        }

        & .mobile-nav {
            border-radius: 0 0 var(--radius-lg) var(--radius-lg);
            border-top: none;
        }
    }

    .header-capsule:has(.mobile-nav.open) .navbar,
    .header-glass:has(.mobile-nav.open) .navbar {
        border-radius: var(--radius-lg);
    }

    .header-glass:has(.mobile-nav.open) {
        & .navbar {
            background: var(--color-bg);
            box-shadow:
                var(--shadow-md),
                0 0 0 1px var(--color-border);
            transition:
                box-shadow var(--duration-base) var(--ease-out),
                border-radius var(--duration-base) var(--ease-out);
        }

        & .brand {
            color: var(--color-primary-ink);
        }

        & .hamburger {
            color: var(--color-dark);
        }

        & .nav-actions .btn-dark {
            background: var(--color-dark);
            border-color: var(--color-dark);
            color: var(--color-on-dark);
        }
    }

    .header-glass .mobile-nav {
        background: var(--color-bg);
    }

    @media (width <= 1023px) {
        .header-capsule .navbar-inner,
        .header-glass .navbar-inner {
            padding-inline: 1.125rem;
        }

        .header-capsule .nav-actions .btn-dark {
            box-shadow: none;
        }
    }

    .header-pill-menu {
        box-shadow: none;
        transition:
            background-color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
        background: none;

        & .navbar-inner {
            height: var(--navbar-h);
            transition: height var(--duration-base) var(--ease-out);
        }

        & .nav-links {
            --pill-gap: 0.125rem;
            --pill-pad: 0.375rem;
            align-self: center;
            gap: var(--pill-gap);
            padding: var(--pill-pad);
            background: var(--color-bg);
            border-radius: var(--radius-pill);
            box-shadow:
                var(--shadow-xs),
                0 0 0 1px var(--color-border);
            transition:
                background-color var(--duration-base) var(--ease-out),
                box-shadow var(--duration-base) var(--ease-out);
        }

        & .nav-link {
            border-radius: var(--radius-pill);
            transition:
                background var(--duration-fast) var(--ease-out),
                color var(--duration-fast) var(--ease-out);
            padding: 0.5rem 0.9rem;

            &:hover,
            &.active {
                background: var(--color-primary-50);
                color: var(--color-primary-ink);
            }
        }

        & .nav-actions .btn-dark {
            font-size: var(--text-sm);
            gap: 0.625rem;
            padding: 0.375rem 0.375rem 0.375rem 1.375rem;

            & > .ph {
                border-radius: var(--radius-full);
                background: #ffffff2e;
                flex-shrink: 0;
                justify-content: center;
                align-items: center;
                width: 2.125rem;
                height: 2.125rem;
                display: inline-flex;
            }
        }

        & .megamenu-panel {
            width: min(100%, var(--container-width));
            box-shadow: none;
            clip-path: none;
            background: none;
            border: none;
            border-radius: 0;
            padding-top: 0.5rem;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(-8px);
        }

        & .nav-megamenu:is(:hover, :focus-within) .megamenu-panel {
            transform: translateX(-50%) translateY(0);
        }

        & .nav-megamenu > .nav-link {
            position: relative;
        }

        & .nav-megamenu:is(:hover, :focus-within) > .nav-link:before {
            content: '';
            top: 100%;
            height: calc(var(--navbar-h) / 2 - 1rem);
            position: absolute;
            inset-inline: -100vw;
        }

        & .megamenu-inner {
            background: var(--menu-surface);
            border-radius: var(--radius-lg);
            max-width: none;
            box-shadow:
                var(--menu-shadow),
                0 0 0 1px var(--menu-border);
            max-height: calc(100dvh - var(--header-h) - 2rem);
            overscroll-behavior: contain;
            padding: 2.5rem 2rem;
            overflow-y: auto;
        }
    }

    .header-pill-menu.scrolled {
        background: var(--color-bg);
        box-shadow: var(--shadow-md);

        & .nav-links {
            background: var(--color-bg-muted);
            box-shadow: none;
        }
    }

    .header-pill-menu.header-transparent:not(.scrolled) {
        & .nav-links {
            background: #ffffff1f;
            box-shadow: inset 0 0 0 1px #ffffff3d;

            &:before {
                content: '';
                box-sizing: content-box;
                z-index: -1;
                width: 100%;
                margin: calc(var(--pill-pad) * -1);
                padding-inline: var(--pill-pad);
                border-radius: inherit;
                -webkit-backdrop-filter: blur(16px);
                backdrop-filter: blur(16px);
                pointer-events: none;
                flex: none;
                align-self: stretch;
                margin-inline-end: calc(-100% - var(--pill-pad) - var(--pill-gap));
            }
        }

        & .nav-link {
            &:hover,
            &.active {
                background: #ffffff29;
            }
        }
    }

    .header-pill-menu:has(.mobile-nav.open) {
        background: var(--color-bg);
        box-shadow: var(--shadow-md);
    }

    .header-overlay-menu .navbar-inner,
    .header-side-drawer .navbar-inner {
        z-index: calc(var(--z-overlay) + 1);
        grid-template-columns: 1fr auto;
        position: relative;
    }

    .header-overlay-menu .nav-links,
    .header-side-drawer .nav-links {
        display: none;
    }

    .header-overlay-menu .hamburger,
    .header-side-drawer .hamburger {
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        display: grid;
    }

    .header-overlay-menu .hamburger:hover,
    .header-side-drawer .hamburger:hover {
        background: var(--color-bg-muted);
    }

    .header-overlay-menu:has(.mobile-nav.open) .nav-actions > .btn,
    .header-side-drawer:has(.mobile-nav.open) .nav-actions > .btn {
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--duration-fast) var(--ease-out);
    }

    :root:has(.header-overlay-menu .mobile-nav.open),
    :root:has(.header-side-drawer .mobile-nav.open) {
        overflow: hidden;
    }

    :root:has(.header-overlay-menu .mobile-nav.open) .site-header,
    :root:has(.header-side-drawer .mobile-nav.open) .site-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    :root:has(.header-overlay-menu .mobile-nav.open) body,
    :root:has(.header-side-drawer .mobile-nav.open) body {
        padding-top: var(--header-h);
    }

    .header-overlay-menu .mobile-nav,
    .header-side-drawer .mobile-nav {
        visibility: hidden;
        opacity: 0;
        border-top: 0;
        max-height: none;
        display: flex;
        position: fixed;
        overflow: visible;
    }

    .header-overlay-menu .mobile-nav.open,
    .header-side-drawer .mobile-nav.open {
        visibility: visible;
        opacity: 1;
    }

    .header-overlay-menu .mobile-nav,
    .header-side-drawer .mobile-nav {
        & .mobile-link,
        & .mobile-accordion-btn {
            font-family: var(--font-heading);
            letter-spacing: var(--tracking-tight);
            background: none;
            border-radius: 0;
            padding: 0.65rem 0;
            font-size: clamp(1.3rem, 0.95rem + 1.2vw, 1.9rem);
            font-weight: 700;
            line-height: 1.25;

            &:hover {
                background: none;
            }
        }

        & .mobile-accordion-btn > i {
            font-size: 0.5em;
        }

        & .mobile-accordion-panel .mobile-accordion-btn--nested {
            font-family: var(--font-sans);
            font-size: var(--text-base);
            letter-spacing: 0;
            padding: 0.6rem 0;
            font-weight: 600;
        }

        & .mobile-accordion-panel .mobile-link {
            font-family: var(--font-sans);
            font-size: var(--text-lg);
            letter-spacing: 0;
            padding: 0.55rem 0;
            font-weight: 500;
        }

        & .mobile-accordion-panel .mobile-link-sub-2 {
            font-size: var(--text-base);
        }

        & .mobile-link.is-current,
        & .mobile-accordion-panel .mobile-link.is-current {
            color: var(--menu-hover-text);
        }

        & .mobile-accordion-panel .mobile-link.is-current {
            font-weight: 600;
        }

        & .mobile-accordion-panel {
            border-left: 1px solid var(--color-border);
            margin-left: 0.125rem;
            padding-left: 0.875rem;
        }
    }

    .header-overlay-menu [data-mobile-links] > *,
    .header-side-drawer [data-mobile-links] > *,
    .header-overlay-menu .nav-panel-aside > *,
    .header-overlay-menu .nav-panel-foot,
    .header-side-drawer .nav-panel-foot {
        opacity: 0;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        transform: translateY(14px);
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > *,
    .header-side-drawer .mobile-nav.open [data-mobile-links] > *,
    .header-overlay-menu .mobile-nav.open .nav-panel-aside > *,
    .header-overlay-menu .mobile-nav.open .nav-panel-foot,
    .header-side-drawer .mobile-nav.open .nav-panel-foot {
        opacity: 1;
        transition-duration: var(--duration-base);
        transform: none;
    }

    .mobile-nav.open [data-mobile-links] > :first-child,
    .mobile-nav.open .nav-panel-aside > :first-child {
        transition-delay: 0.12s;
    }

    .mobile-nav.open [data-mobile-links] > :nth-child(2),
    .mobile-nav.open .nav-panel-aside > :nth-child(2) {
        transition-delay: 0.165s;
    }

    .mobile-nav.open [data-mobile-links] > :nth-child(3),
    .mobile-nav.open .nav-panel-aside > :nth-child(3) {
        transition-delay: 0.21s;
    }

    .mobile-nav.open [data-mobile-links] > :nth-child(4),
    .mobile-nav.open .nav-panel-aside > :nth-child(4) {
        transition-delay: 0.255s;
    }

    .mobile-nav.open [data-mobile-links] > :nth-child(5) {
        transition-delay: 0.3s;
    }

    .mobile-nav.open [data-mobile-links] > :nth-child(n + 6) {
        transition-delay: 0.345s;
    }

    .mobile-nav.open .nav-panel-foot {
        transition-delay: 0.32s;
    }

    .nav-panel-aside,
    .nav-panel-foot,
    .nav-panel-brand {
        display: none;
    }

    .nav-panel-eyebrow {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        font-weight: 500;
        display: inline-block;
    }

    .nav-panel-statement {
        font-family: var(--font-heading);
        letter-spacing: var(--tracking-tight);
        color: var(--color-dark);
        max-width: 14ch;
        margin: 1.25rem 0 0;
        font-size: clamp(2rem, 1.2rem + 2.4vw, 3.25rem);
        font-weight: 800;
        line-height: 1.05;
    }

    .nav-panel-note {
        color: var(--color-text-muted);
        max-width: 38ch;
        margin: 1.25rem 0 0;
    }

    .nav-panel-aside-cta {
        align-self: start;
        margin-top: 2rem;
    }

    .nav-panel-foot-title {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        margin-bottom: 0.625rem;
        font-weight: 600;
        display: block;
    }

    .nav-panel-foot-link {
        color: var(--color-text);
        font-size: var(--text-sm);
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;
        display: block;

        &:hover {
            color: var(--color-primary-ink);
        }
    }

    .header-overlay-menu .mobile-nav {
        z-index: var(--z-overlay);
        background: var(--color-bg-soft);
        padding: calc(var(--header-h) + 1.5rem) var(--container-x) 2rem;
        clip-path: inset(0 0 100%);
        transition:
            clip-path var(--duration-base) var(--ease-out),
            opacity 0.2s var(--ease-out),
            visibility 0s var(--duration-base);
        flex-direction: column;
        gap: 2rem;
        inset: 0;
    }

    .header-overlay-menu .mobile-nav.open {
        clip-path: inset(0);
        transition:
            clip-path var(--duration-base) var(--ease-out),
            opacity 0.15s var(--ease-out),
            visibility 0s;
    }

    .header-overlay-menu .nav-panel-menu {
        overscroll-behavior: contain;
        flex: auto;
        min-height: 0;
        padding-right: 0.5rem;
        overflow-y: auto;
    }

    .header-overlay-menu .nav-panel-foot {
        border-top: 1px solid var(--color-border);
        flex-wrap: wrap;
        flex: none;
        gap: 2rem 3rem;
        padding-top: 1.5rem;
        display: flex;
    }

    @media (width >= 1024px) {
        .header-overlay-menu .mobile-nav {
            padding-inline: max(var(--container-x), 60px);
            grid-template-rows: minmax(0, 1fr) auto;
            grid-template-columns: 1fr 1fr;
            gap: 2.5rem 4rem;
            display: grid;
        }

        .header-overlay-menu .nav-panel-aside {
            flex-direction: column;
            justify-content: safe center;
            min-height: 0;
            display: flex;
        }

        .header-overlay-menu .nav-panel-menu {
            flex-direction: column;
            justify-content: safe center;
            display: flex;
        }

        .header-overlay-menu .nav-panel-menu > .flex {
            max-width: 15rem;
            margin-top: 2rem;
        }

        .header-overlay-menu .nav-panel-foot {
            grid-column: 1 / -1;
        }
    }

    .header-overlay-menu .mobile-nav {
        background:
            radial-gradient(78% 68% at 84% 6%, var(--color-primary) 0%, transparent 62%),
            radial-gradient(66% 58% at 2% 96%, var(--color-primary-300) 0%, transparent 60%),
            var(--color-bg-soft);

        @supports (color: color-mix(in lab, red, red)) {
            background:
                radial-gradient(
                    78% 68% at 84% 6%,
                    color-mix(in srgb, var(--color-primary) 13%, transparent) 0%,
                    transparent 62%
                ),
                radial-gradient(
                    66% 58% at 2% 96%,
                    color-mix(in srgb, var(--color-primary-300) 16%, transparent) 0%,
                    transparent 60%
                ),
                var(--color-bg-soft);
        }

        --nav-overlay-rule: var(--color-border);

        @supports (color: color-mix(in lab, red, red)) {
            --nav-overlay-rule: color-mix(in srgb, var(--color-border) 80%, transparent);
        }

        --nav-overlay-caret: 1.875rem;
        padding-block: calc(var(--header-h) + 2rem) 2.25rem;
        padding-inline: var(--container-x);
        transition:
            clip-path var(--duration-slow) var(--ease-lift),
            opacity 0.2s var(--ease-out),
            visibility 0s var(--duration-slow);
    }

    .header-overlay-menu .mobile-nav.open {
        transition:
            clip-path var(--duration-slow) var(--ease-lift),
            opacity 0.15s var(--ease-out),
            visibility 0s;
    }

    .header-overlay-menu .hamburger {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        color: var(--color-text);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
    }

    .header-overlay-menu .hamburger:hover,
    .header-overlay-menu:has(.mobile-nav.open) .hamburger {
        background: var(--color-dark);
        border-color: var(--color-dark);
        color: var(--color-on-dark);
    }

    .header-overlay-menu .nav-panel-eyebrow {
        align-items: center;
        gap: 0.75rem;
        display: inline-flex;

        &:before {
            content: '';
            background: var(--color-primary);
            border-radius: var(--radius-pill);
            width: 2rem;
            height: 2px;
        }
    }

    .header-overlay-menu .nav-panel-statement {
        letter-spacing: -0.035em;
        max-width: 12ch;
        margin-top: 1.5rem;
        font-size: clamp(2rem, 1.05rem + 2.5vw, 3.125rem);
        line-height: 1;
    }

    .nav-panel-statement-accent {
        color: var(--color-primary-ink);
    }

    .header-overlay-menu .nav-panel-note {
        font-size: var(--text-base);
        line-height: var(--leading-relaxed);
        color: var(--color-text-soft);
        max-width: 34ch;
        margin-top: 1.5rem;
    }

    .header-overlay-menu .nav-panel-aside-cta {
        margin-top: 2.25rem;
    }

    .header-overlay-menu .nav-panel-menu {
        overflow-clip-margin: 1.5rem;
        scrollbar-width: thin;
        scrollbar-color: var(--color-border) transparent;
        overflow-x: clip;
    }

    .header-overlay-menu [data-mobile-links] {
        width: 100%;
    }

    .header-overlay-menu [data-mobile-links] > .mobile-link,
    .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn {
        text-align: left;
        border-bottom: 1px solid var(--nav-overlay-rule);
        letter-spacing: -0.03em;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
        width: 100%;
        padding: 0.7rem 0;
        font-size: clamp(1.375rem, 0.9rem + 1.05vw, 2rem);
        font-weight: 700;
        display: flex;
        position: relative;
    }

    .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn {
        transition:
            padding-left var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
    }

    .header-overlay-menu [data-mobile-links] > :last-child > .mobile-accordion-btn,
    .header-overlay-menu [data-mobile-links] > .mobile-link:last-child {
        border-bottom: 0;
    }

    .header-overlay-menu [data-mobile-links] > .mobile-link:after,
    .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn:after {
        content: '';
        background: var(--color-primary);
        transform-origin: 0;
        height: 2px;
        transition: transform var(--duration-hover) var(--ease-out);
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        transform: scaleX(0);
    }

    .header-overlay-menu [data-mobile-links] > .mobile-link:hover,
    .header-overlay-menu [data-mobile-links] > .mobile-link:focus-visible,
    .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn:hover,
    .header-overlay-menu
        [data-mobile-links]
        > .mobile-accordion
        > .mobile-accordion-btn:focus-visible {
        color: var(--color-primary-ink);
        padding-left: 0.75rem;
    }

    .header-overlay-menu [data-mobile-links] > .mobile-link:hover:after,
    .header-overlay-menu [data-mobile-links] > .mobile-link:focus-visible:after,
    .header-overlay-menu
        [data-mobile-links]
        > .mobile-accordion
        > .mobile-accordion-btn:hover:after,
    .header-overlay-menu
        [data-mobile-links]
        > .mobile-accordion
        > .mobile-accordion-btn:focus-visible:after {
        transform: scaleX(1);
    }

    .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn > i {
        width: var(--nav-overlay-caret);
        height: var(--nav-overlay-caret);
        border: 1px solid var(--nav-overlay-rule);
        border-radius: var(--radius-full);
        color: var(--color-text-soft);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        flex: none;
        place-items: center;
        margin-left: auto;
        font-size: 0.6875rem;
        display: grid;
    }

    .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn:hover > i {
        border-color: var(--color-primary);
        color: var(--color-primary-ink);
    }

    .header-overlay-menu
        [data-mobile-links]
        > .mobile-accordion
        > .mobile-accordion-btn[aria-expanded='true']
        > i {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-light);
    }

    .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-panel {
        margin-left: 1.5rem;
    }

    .header-overlay-menu .mobile-accordion-panel {
        border-left: 1px solid var(--nav-overlay-rule);
        margin-left: 0.5rem;
        padding-left: 1.25rem;
    }

    .header-overlay-menu .mobile-accordion-panel .mobile-accordion-btn--nested {
        font-size: var(--text-base);
        padding: 0.5rem 0;
        font-weight: 600;
    }

    .header-overlay-menu .mobile-accordion-panel .mobile-link {
        font-size: var(--text-base);
        padding: 0.45rem 0;
        font-weight: 500;
    }

    .header-overlay-menu .mobile-accordion-panel .mobile-link-sub-2 {
        font-size: 0.9375rem;
    }

    .header-overlay-menu .mobile-accordion-panel .mobile-link,
    .header-overlay-menu .mobile-accordion-panel .mobile-accordion-btn {
        color: var(--color-text-soft);
        transition:
            color var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);

        &:hover {
            color: var(--color-primary-ink);
            transform: translateX(6px);
        }
    }

    .header-overlay-menu .mobile-accordion-panel .mobile-accordion-btn--nested {
        color: var(--color-text);
    }

    .header-overlay-menu .mobile-accordion-panel .mobile-accordion-btn > i {
        width: var(--nav-overlay-caret);
        color: var(--color-text-muted);
        flex: none;
        place-items: center;
        margin-left: auto;
        font-size: 0.625rem;
        display: grid;
    }

    .header-overlay-menu .nav-panel-foot {
        border-top-color: var(--nav-overlay-rule);
        justify-content: space-between;
        align-items: flex-end;
        gap: 1.75rem 3rem;
        padding-top: 1.75rem;
    }

    .header-overlay-menu .nav-panel-foot-link {
        width: fit-content;
        font-size: var(--text-base);
        padding-bottom: 2px;
        font-weight: 500;
        position: relative;

        &:after {
            content: '';
            transform-origin: 0;
            height: 1px;
            transition: transform var(--duration-fast) var(--ease-out);
            background: currentColor;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            transform: scaleX(0);
        }

        &:hover:after {
            transform: scaleX(1);
        }
    }

    .header-overlay-menu .nav-panel-foot-link + .nav-panel-foot-link {
        margin-top: 0.4rem;
    }

    .header-overlay-menu .nav-panel-foot-col:last-child {
        text-align: right;

        & .social-list {
            justify-content: flex-end;
        }
    }

    .header-overlay-menu .nav-panel-aside > * {
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-base) var(--ease-lift);
        transform: translateX(-20px);
    }

    .header-overlay-menu [data-mobile-links] > *,
    .header-overlay-menu .nav-panel-menu > .flex,
    .header-overlay-menu .nav-panel-foot {
        clip-path: inset(-40% -40% 100%);
        opacity: 0;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-base) var(--ease-lift),
            clip-path var(--duration-base) var(--ease-lift),
            padding-left var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        transform: translateY(0.45em);
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-aside > * {
        transform: none;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > *,
    .header-overlay-menu .mobile-nav.open .nav-panel-menu > .flex,
    .header-overlay-menu .mobile-nav.open .nav-panel-foot {
        clip-path: inset(-40%);
        opacity: 1;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-base) var(--ease-lift),
            clip-path var(--duration-base) var(--ease-lift),
            padding-left var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        transform: none;
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-aside > :first-child {
        transition-delay: 0.14s;
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-aside > :nth-child(2) {
        transition-delay: 0.19s;
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-aside > :nth-child(3) {
        transition-delay: 0.24s;
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-aside > :nth-child(4) {
        transition-delay: 0.29s;
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-aside > :nth-child(n + 5) {
        transition-delay: 0.34s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :first-child {
        transition-delay: 0.2s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :nth-child(2) {
        transition-delay: 0.255s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :nth-child(3) {
        transition-delay: 0.31s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :nth-child(4) {
        transition-delay: 0.365s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :nth-child(5) {
        transition-delay: 0.42s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :nth-child(6) {
        transition-delay: 0.475s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :nth-child(7) {
        transition-delay: 0.53s;
    }

    .header-overlay-menu .mobile-nav.open [data-mobile-links] > :nth-child(n + 8) {
        transition-delay: 0.57s;
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-menu > .flex {
        transition-delay: 0.53s;
    }

    .header-overlay-menu .mobile-nav.open .nav-panel-foot {
        transition-delay: 0.58s;
    }

    @media (width >= 1024px) {
        .header-overlay-menu .mobile-nav {
            padding-inline: max(var(--container-x), 60px);
            grid-template-columns: 1.05fr 1fr;
            gap: 3rem 5rem;
        }

        .header-overlay-menu .nav-panel-aside {
            position: relative;

            &:after {
                content: '';
                background: linear-gradient(
                    180deg,
                    transparent 0%,
                    var(--color-border) 18%,
                    var(--color-border) 82%,
                    transparent 100%
                );
                width: 1px;
                position: absolute;
                top: -1rem;
                bottom: -1rem;
                right: -2.5rem;
            }
        }

        .header-overlay-menu [data-mobile-links] {
            max-width: 25rem;
        }

        .header-overlay-menu .nav-panel-menu > .flex {
            margin-top: 2.5rem;
        }
    }

    @media (width >= 1024px) and (height <= 900px) {
        .header-overlay-menu .mobile-nav {
            padding-block: calc(var(--header-h) + 1.25rem) 1.75rem;
            row-gap: 2rem;
        }

        .header-overlay-menu [data-mobile-links] > .mobile-link,
        .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn {
            padding-block: 0.5rem;
        }

        .header-overlay-menu .nav-panel-statement {
            margin-top: 1.25rem;
            font-size: clamp(1.875rem, 1rem + 2vw, 2.625rem);
        }

        .header-overlay-menu .nav-panel-note {
            margin-top: 1.125rem;
        }

        .header-overlay-menu .nav-panel-aside-cta,
        .header-overlay-menu .nav-panel-menu > .flex {
            margin-top: 1.75rem;
        }

        .header-overlay-menu .nav-panel-foot {
            padding-top: 1.25rem;
        }
    }

    @media (width <= 1023px) {
        .header-overlay-menu .nav-panel-aside {
            flex-direction: column;
            flex: none;
            display: flex;
        }

        .header-overlay-menu .nav-panel-statement {
            max-width: 15ch;
            margin-top: 1rem;
            font-size: clamp(1.75rem, 1.2rem + 2.4vw, 2.5rem);
        }

        .header-overlay-menu .nav-panel-note,
        .header-overlay-menu .nav-panel-aside-cta {
            display: none;
        }

        .header-overlay-menu .nav-panel-menu {
            flex-direction: column;
            justify-content: safe center;
            display: flex;
        }

        .header-overlay-menu [data-mobile-links] > .mobile-accordion > .mobile-accordion-panel {
            margin-left: 1rem;
        }
    }

    .header-side-drawer .mobile-nav {
        inset-block: 0;
        width: min(31rem, 100%);
        z-index: var(--z-overlay);
        background:
            radial-gradient(115% 55% at 100% 0%, var(--color-primary) 0%, transparent 60%),
            linear-gradient(
                180deg,
                var(--color-dark) 0%,
                var(--color-dark) 45%,
                var(--color-dark) 100%
            );
        left: auto;
        right: 0;

        @supports (color: color-mix(in lab, red, red)) {
            background:
                radial-gradient(
                    115% 55% at 100% 0%,
                    color-mix(in srgb, var(--color-primary) 22%, transparent) 0%,
                    transparent 60%
                ),
                linear-gradient(
                    180deg,
                    color-mix(in srgb, var(--color-dark) 92%, #fff) 0%,
                    var(--color-dark) 45%,
                    color-mix(in srgb, var(--color-dark) 82%, #000) 100%
                );
        }

        color: var(--color-light);
        --nav-drawer-bleed: 0.875rem;
        padding: calc(var(--header-h) + 0.5rem) 2.25rem 2rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            opacity 0.2s var(--ease-out),
            visibility 0s var(--duration-base);
        flex-direction: column;
        gap: 1.5rem;
        transform: translateX(100%);
        box-shadow: -40px 0 90px -30px #000000a6;
    }

    .header-side-drawer .mobile-nav.open {
        transition:
            transform var(--duration-base) var(--ease-out),
            opacity 0s,
            visibility 0s;
        transform: none;
    }

    .header-side-drawer:before {
        content: '';
        z-index: 1;
        -webkit-backdrop-filter: blur(2px) saturate(0.9);
        backdrop-filter: blur(2px) saturate(0.9);
        opacity: 0;
        pointer-events: none;
        background: linear-gradient(90deg, #0000006b 0%, #00000085 55%, #0000009e 100%);
        transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        position: fixed;
        inset: 0;
    }

    .header-side-drawer:has(.mobile-nav.open):before {
        opacity: 1;
        pointer-events: auto;
        transition-duration: 0.5s;
    }

    .header-side-drawer .nav-panel-aside {
        flex: none;
        align-items: center;
        gap: 0.875rem;
        display: flex;
    }

    .header-side-drawer .nav-panel-aside > :not(.nav-panel-brand) {
        display: none;
    }

    .header-side-drawer .nav-panel-brand {
        color: var(--color-light);
        transition: color var(--duration-fast) var(--ease-out);
        display: inline-block;

        &:hover {
            color: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 72%, transparent);
            }
        }
    }

    .header-side-drawer .nav-panel-menu {
        overflow-clip-margin: 2.5rem;
        overscroll-behavior: contain;
        min-height: 0;
        margin-inline: calc(var(--nav-drawer-bleed) * -1);
        scrollbar-width: thin;
        scrollbar-color: #ffffff2e transparent;
        flex-direction: column;
        flex: auto;
        justify-content: safe center;
        display: flex;
        overflow: clip auto;
        mask-image: linear-gradient(#000 0 calc(100% - 1.75rem), #0000 100%);
    }

    .header-side-drawer [data-mobile-links] > * {
        border-top: 1px solid #ffffff17;
    }

    .header-side-drawer [data-mobile-links] > .mobile-link,
    .header-side-drawer [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn {
        z-index: 0;
        text-align: left;
        width: 100%;
        padding: 1rem var(--nav-drawer-bleed);
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        display: grid;
        position: relative;
    }

    .header-side-drawer [data-mobile-links] > .mobile-link:after,
    .header-side-drawer [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn:after {
        content: '';
        z-index: -1;
        border-radius: var(--radius-md);
        background: var(--color-primary);
        position: absolute;
        inset: 0.25rem 0;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-primary) 22%, var(--color-dark));
        }

        opacity: 0;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        transform: translateX(-8px);
    }

    .header-side-drawer [data-mobile-links] > .mobile-link:hover:after,
    .header-side-drawer
        [data-mobile-links]
        > .mobile-accordion
        > .mobile-accordion-btn:hover:after {
        opacity: 1;
        transform: none;
    }

    .header-side-drawer [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn > i {
        border-radius: var(--radius-full);
        width: 1.875rem;
        height: 1.875rem;
        color: var(--color-light);
        border: 1px solid #ffffff29;
        place-items: center;
        font-size: 0.6875rem;
        display: grid;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--color-light) 70%, transparent);
        }

        transition:
            border-color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            rotate var(--duration-fast) var(--ease-out);
    }

    .header-side-drawer [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn:hover > i {
        color: var(--color-light);
        background: #ffffff1a;
        border-color: #ffffff73;
    }

    .header-side-drawer
        [data-mobile-links]
        > .mobile-accordion
        > .mobile-accordion-btn[aria-expanded='true']
        > i {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-light);
    }

    .header-side-drawer .mobile-nav {
        --menu-hover-text: var(--color-light);

        & .mobile-link,
        & .mobile-accordion-btn {
            color: var(--color-light);
            font-size: clamp(1.3rem, 1rem + 0.95vw, 1.75rem);
            font-weight: 600;

            &:hover {
                color: var(--color-light);
            }
        }

        & .mobile-accordion-panel .mobile-accordion-btn--nested {
            font-size: var(--text-base);
            color: var(--color-light);
            font-weight: 600;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 82%, transparent);
            }

            padding: 0.55rem 0;

            &:hover {
                color: var(--color-light);
            }
        }

        & .mobile-accordion-panel .mobile-link {
            color: var(--color-light);
            font-size: 0.9375rem;
            font-weight: 500;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 60%, transparent);
            }

            transition:
                color var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
            padding: 0.5rem 0;

            &:hover {
                color: var(--color-light);
                transform: translateX(5px);
            }
        }

        & .mobile-accordion-panel .mobile-link-sub-2 {
            font-size: 0.9375rem;
        }

        & .mobile-accordion-panel {
            border-left-color: #ffffff24;
        }

        & .mobile-accordion-panel .mobile-accordion-btn--nested > i {
            color: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 45%, transparent);
            }
        }

        & .btn-dark {
            background: var(--color-light);
            border-color: var(--color-light);
            color: var(--color-dark);
        }

        & .nav-panel-foot-title {
            color: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 50%, transparent);
            }
        }

        & .nav-panel-foot-link {
            color: var(--color-light);

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in srgb, var(--color-light) 78%, transparent);
            }

            &:hover {
                color: var(--color-light);
            }
        }
    }

    .header-side-drawer [data-mobile-links] > .mobile-accordion > .mobile-accordion-panel {
        margin-left: var(--nav-drawer-bleed);
        padding-left: 1.125rem;
        padding-right: calc(var(--nav-drawer-bleed) + 0.6875rem);
        padding-bottom: 1.25rem;
    }

    .header-side-drawer [data-mobile-links] > .mobile-accordion > .mobile-accordion-panel {
        border-left-color: #0000;
        position: relative;

        &:before {
            content: '';
            pointer-events: none;
            background: #ffffff24;
            width: 1px;
            position: absolute;
            top: 0;
            bottom: 1.25rem;
            left: 0;
        }
    }

    .header-side-drawer .nav-panel-menu > .flex {
        margin-top: 2rem;
        margin-inline: var(--nav-drawer-bleed);
        flex: none;
    }

    .header-side-drawer .nav-panel-menu .btn {
        transition:
            box-shadow var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        padding-block: 0.9rem;
        font-weight: 600;

        &:hover {
            box-shadow:
                0 12px 28px -10px #000000bf,
                0 0 0 4px var(--color-light);
            transform: translateY(-2px);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow:
                    0 12px 28px -10px #000000bf,
                    0 0 0 4px color-mix(in srgb, var(--color-light) 12%, transparent);
            }
        }

        & > i {
            transition: transform var(--duration-fast) var(--ease-out);
        }

        &:hover > i {
            transform: translateX(4px);
        }
    }

    .header-side-drawer .hamburger {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        width: 2.875rem;
        height: 2.875rem;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
    }

    .header-side-drawer .hamburger:hover {
        background: var(--color-bg-muted);
        border-color: var(--color-text-muted);
    }

    .header-side-drawer:has(.mobile-nav.open) .hamburger {
        color: var(--color-light);
        background: #ffffff0f;
        border-color: #ffffff38;

        &:hover {
            background: #ffffff24;
            border-color: #fff6;
        }
    }

    @media (width <= 31rem) {
        .header-side-drawer:has(.mobile-nav.open) .brand {
            color: var(--color-light);
            transition: color var(--duration-fast) var(--ease-out);
        }

        .header-side-drawer .nav-panel-aside {
            display: none;
        }
    }

    .header-side-drawer .nav-panel-foot {
        margin-inline: calc(var(--nav-drawer-bleed) * -1);
        padding: 1.75rem var(--nav-drawer-bleed) 0;
        border-top: 1px solid #ffffff1f;
        flex-wrap: wrap;
        flex: none;
        gap: 1.5rem 2.5rem;
        display: flex;
    }

    .header-side-drawer .nav-panel-foot-col:first-child {
        flex: 12rem;
    }

    .header-side-drawer .nav-panel-foot-title {
        margin-bottom: 0.75rem;
    }

    .header-side-drawer .nav-panel-foot-link {
        font-size: var(--text-sm);
        width: fit-content;
        transition:
            color var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        padding-block: 0.1875rem;

        &:hover {
            transform: translateX(4px);
        }
    }

    .header-side-drawer .nav-panel-foot .social-link {
        color: var(--color-light);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--color-light) 80%, transparent);
        }

        border-radius: var(--radius-full);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        background: #ffffff14;

        &:hover {
            --social-color: var(--color-light);
            color: var(--color-light);
            background: var(--color-primary);
            transform: translateY(-3px);
        }
    }

    .header-side-drawer .nav-panel-aside > *,
    .header-side-drawer [data-mobile-links] > *,
    .header-side-drawer .nav-panel-menu > .flex,
    .header-side-drawer .nav-panel-foot {
        opacity: 0;
        filter: blur(6px);
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            filter var(--duration-fast) var(--ease-out);
        transform: translateX(30px);
    }

    .header-side-drawer .mobile-nav.open .nav-panel-aside > *,
    .header-side-drawer .mobile-nav.open [data-mobile-links] > *,
    .header-side-drawer .mobile-nav.open .nav-panel-menu > .flex,
    .header-side-drawer .mobile-nav.open .nav-panel-foot {
        opacity: 1;
        filter: none;
        transition-duration: var(--duration-base);
        transform: none;
    }

    .header-side-drawer .mobile-nav.open .nav-panel-menu > .flex {
        transition-delay: 0.34s;
    }

    @media (width <= 480px) {
        .header-side-drawer .mobile-nav {
            padding-inline: var(--container-x);
            background:
                radial-gradient(90% 32% at 100% 0%, var(--color-primary) 0%, transparent 62%),
                linear-gradient(
                    180deg,
                    var(--color-dark) 0%,
                    var(--color-dark) 45%,
                    var(--color-dark) 100%
                );

            @supports (color: color-mix(in lab, red, red)) {
                background:
                    radial-gradient(
                        90% 32% at 100% 0%,
                        color-mix(in srgb, var(--color-primary) 20%, transparent) 0%,
                        transparent 62%
                    ),
                    linear-gradient(
                        180deg,
                        color-mix(in srgb, var(--color-dark) 92%, #fff) 0%,
                        var(--color-dark) 45%,
                        color-mix(in srgb, var(--color-dark) 82%, #000) 100%
                    );
            }
        }

        .header-side-drawer [data-mobile-links] > .mobile-link,
        .header-side-drawer [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn {
            padding-block: 0.875rem;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .header-overlay-menu .mobile-nav,
        .header-overlay-menu .mobile-nav.open {
            clip-path: none;
        }

        .header-side-drawer .mobile-nav,
        .header-side-drawer .mobile-nav.open {
            transform: none;
        }

        .header-overlay-menu [data-mobile-links] > *,
        .header-overlay-menu .nav-panel-menu > .flex,
        .header-overlay-menu .nav-panel-foot,
        .header-overlay-menu .mobile-nav.open [data-mobile-links] > *,
        .header-overlay-menu .mobile-nav.open .nav-panel-menu > .flex,
        .header-overlay-menu .mobile-nav.open .nav-panel-foot {
            clip-path: none;
        }

        .header-overlay-menu [data-mobile-links] > *,
        .header-side-drawer [data-mobile-links] > *,
        .header-overlay-menu .nav-panel-aside > *,
        .header-side-drawer .nav-panel-aside > *,
        .header-overlay-menu .nav-panel-menu > .flex,
        .header-overlay-menu .nav-panel-foot,
        .header-side-drawer .nav-panel-menu > .flex,
        .header-side-drawer .nav-panel-foot {
            filter: none;
            transform: none;
            transition-delay: 0s !important;
        }
    }

    .site-panel-close {
        border-radius: var(--radius-full);
        width: 2.75rem;
        height: 2.75rem;
        color: var(--color-text-muted);
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        place-items: center;
        padding: 0;
        font-size: 1.25rem;
        display: grid;
        position: absolute;
        top: 1rem;
        right: 1rem;

        &:hover {
            color: var(--color-dark);
            background: var(--color-bg-muted);
            transform: rotate(90deg);
        }
    }

    .header-info-panel .nav-info-toggle {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        width: 2.75rem;
        height: 2.75rem;
        color: var(--color-dark);
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        background: none;
        place-items: center;
        padding: 0;
        font-size: 1.4rem;
        display: grid;

        &:hover,
        &[aria-expanded='true'] {
            background: var(--color-dark);
            border-color: var(--color-dark);
            color: var(--color-on-dark);
        }
    }

    .header-info-panel .site-info {
        z-index: var(--z-overlay);
        visibility: hidden;
        pointer-events: none;
        transition: visibility 0s var(--duration-base);
        display: block;
        position: fixed;
        inset: 0;
    }

    .header-info-panel .site-info.open {
        visibility: visible;
        pointer-events: auto;
        transition: visibility;
    }

    .header-info-panel .site-info:before {
        content: '';
        opacity: 0;
        transition: opacity var(--duration-base) var(--ease-out);
        background: #00000073;
        position: absolute;
        inset: 0;
    }

    .header-info-panel .site-info.open:before {
        opacity: 1;
    }

    .site-info-inner {
        inset-block: 0;
        background: var(--color-bg);
        width: min(26rem, 100%);
        box-shadow: var(--shadow-xl);
        overscroll-behavior: contain;
        transition: transform var(--duration-base) var(--ease-out);
        flex-direction: column;
        padding: 2.75rem 2.5rem 2.5rem;
        display: flex;
        position: absolute;
        right: 0;
        overflow-y: auto;
        transform: translateX(100%);
    }

    .site-info.open .site-info-inner {
        transform: none;
    }

    .site-info-brand {
        margin-bottom: 2.25rem;
        font-size: 1.25rem;
    }

    .site-info-title {
        letter-spacing: var(--tracking-tight);
        margin: 0 0 0.875rem;
        font-size: clamp(1.75rem, 1.4rem + 1vw, 2.125rem);
        line-height: 1.15;
    }

    .site-info-note {
        color: var(--color-text-soft);
        font-size: var(--text-base);
        margin: 0;
    }

    .site-info-rows {
        border-top: 1px solid var(--color-border);
        flex-direction: column;
        gap: 1.375rem;
        margin: 2rem 0;
        padding-top: 2rem;
        display: flex;
    }

    .site-info-label {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        margin-bottom: 0.25rem;
        font-weight: 600;
        display: block;
    }

    .site-info-value {
        color: var(--color-dark);
        transition: color var(--duration-fast) var(--ease-out);
        font-weight: 600;
        line-height: 1.45;
        text-decoration: none;
        display: block;
    }

    a.site-info-value:hover {
        color: var(--color-primary-ink);
    }

    .site-info-cta {
        align-self: flex-start;
        margin-top: auto;
    }

    .site-info-inner > * {
        opacity: 0;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        transform: translateY(12px);
    }

    .site-info.open .site-info-inner > * {
        opacity: 1;
        transition-duration: var(--duration-base);
        transform: none;
    }

    .site-info.open .site-info-inner > :nth-child(2) {
        transition-delay: 0.14s;
    }

    .site-info.open .site-info-inner > :nth-child(3) {
        transition-delay: 0.19s;
    }

    .site-info.open .site-info-inner > :nth-child(4) {
        transition-delay: 0.24s;
    }

    .site-info.open .site-info-inner > :nth-child(5) {
        transition-delay: 0.29s;
    }

    .site-info.open .site-info-inner > :nth-child(n + 6) {
        transition-delay: 0.34s;
    }

    @media (width <= 480px) {
        .site-info-inner {
            padding-inline: var(--container-x);
        }
    }

    .header-search {
        border-bottom: 1px solid var(--color-border);
    }

    .header-search.scrolled {
        box-shadow: none;
    }

    .header-search .site-topbar {
        background: var(--color-bg-soft);
        color: var(--color-text);
        border-bottom: 1px solid var(--color-border);
    }

    .header-search .site-topbar-inner {
        justify-content: space-between;
        padding-inline: 60px;
    }

    .header-search .site-topbar-text {
        color: var(--color-text-muted);
    }

    .header-search .site-topbar-icon {
        color: var(--color-primary-ink);
    }

    .header-search .site-topbar-cta {
        display: none;
    }

    .header-search .site-topbar-meta {
        flex-shrink: 0;
        align-items: center;
        gap: 1.5rem;
        display: flex;
    }

    .site-topbar-meta-item {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        white-space: nowrap;
        transition: color var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.4rem;
        text-decoration: none;
        display: inline-flex;
    }

    a.site-topbar-meta-item:hover,
    .site-topbar-meta-item i {
        color: var(--color-primary-ink);
    }

    .header-search .nav-search-toggle,
    .header-utility .nav-search-toggle {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-full);
        width: 2.75rem;
        height: 2.75rem;
        color: var(--color-dark);
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        background: none;
        place-items: center;
        padding: 0;
        font-size: 1.15rem;
        display: grid;

        &:hover,
        &[aria-expanded='true'] {
            background: var(--color-dark);
            border-color: var(--color-dark);
            color: var(--color-on-dark);
        }
    }

    .header-search .site-search,
    .header-utility .site-search,
    .header-stacked .site-search {
        z-index: var(--z-overlay);
        visibility: hidden;
        pointer-events: none;
        transition: visibility 0s var(--duration-base);
        display: block;
        position: fixed;
        inset: 0;
    }

    .header-search .site-search.open,
    .header-utility .site-search.open,
    .header-stacked .site-search.open {
        visibility: visible;
        pointer-events: auto;
        transition: visibility;
    }

    .header-search .site-search:before,
    .header-utility .site-search:before,
    .header-stacked .site-search:before {
        content: '';
        opacity: 0;
        transition: opacity var(--duration-base) var(--ease-out);
        background: #00000073;
        position: absolute;
        inset: 0;
    }

    .header-search .site-search.open:before,
    .header-utility .site-search.open:before,
    .header-stacked .site-search.open:before {
        opacity: 1;
    }

    .site-search-inner {
        background: var(--color-bg);
        clip-path: inset(0 0 100%);
        transition: clip-path var(--duration-base) var(--ease-out);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .site-search.open .site-search-inner {
        clip-path: inset(0);
    }

    .site-search-body {
        text-align: center;
        padding-block: clamp(3.5rem, 11vh, 7rem);
        position: relative;
    }

    .site-search-body .site-panel-close {
        top: 1.25rem;
        right: 0;
    }

    .site-search-title {
        letter-spacing: var(--tracking-tight);
        margin: 0 0 2.25rem;
        font-size: clamp(1.75rem, 1.1rem + 2.6vw, 3.25rem);
        line-height: 1.1;
    }

    .site-search-form {
        max-width: 44rem;
        margin: 0 auto;
        position: relative;
    }

    .header-search .site-search-input,
    .header-utility .site-search-input,
    .header-stacked .site-search-input {
        text-align: left;
        padding: 0.875rem 3rem 0.875rem 0;
        font-size: clamp(1rem, 0.9rem + 0.4vw, 1.25rem);
    }

    .site-search-submit {
        width: 2.5rem;
        height: 2.5rem;
        color: var(--color-text-muted);
        cursor: pointer;
        transition: color var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        place-items: center;
        padding: 0;
        font-size: 1.35rem;
        display: grid;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);

        &:hover {
            color: var(--color-primary-ink);
        }
    }

    .site-search-suggest {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        margin-top: 1.75rem;
        display: flex;
    }

    .site-search-suggest-label {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-right: 0.25rem;
        font-weight: 500;
    }

    .site-search-tag {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-pill);
        font-size: var(--text-sm);
        color: var(--color-text);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        align-items: center;
        padding: 0.35rem 0.875rem;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            background: var(--color-dark);
            border-color: var(--color-dark);
            color: var(--color-on-dark);
        }
    }

    @media (width <= 1023px) {
        .header-search .site-topbar-inner {
            padding-inline: var(--container-x);
        }
    }

    @media (width <= 767px) {
        .header-search .site-topbar-meta-item--address {
            display: none;
        }
    }

    @media (width <= 479px) {
        .header-search .site-topbar-text {
            display: none;
        }

        .header-search .site-topbar-inner {
            justify-content: center;
        }
    }

    .header-search-full .site-search .site-search-inner {
        clip-path: none;
        background: var(--color-dark);
        flex-direction: column;
        justify-content: center;
        display: flex;
        position: absolute;
        inset: 0;
        overflow-y: auto;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-dark) 94%, transparent);
        }

        -webkit-backdrop-filter: blur(20px) saturate(1.3);
        backdrop-filter: blur(20px) saturate(1.3);
        opacity: 0;
        transition: opacity var(--duration-base) var(--ease-out);
    }

    .header-search-full .site-search.open .site-search-inner {
        opacity: 1;
    }

    .header-search-full .site-search-body {
        width: 100%;
        padding-block: clamp(4.5rem, 12vh, 7rem);
    }

    .header-search-full .site-search-body .site-panel-close {
        color: #ffffffa6;
        border: 1px solid #ffffff29;
        width: 3.25rem;
        height: 3.25rem;
        font-size: 1.4rem;
        position: fixed;
        top: clamp(1rem, 3vh, 2rem);
        right: clamp(1rem, 3vw, 2.5rem);

        &:hover {
            color: #fff;
            background: #ffffff1a;
        }
    }

    .header-search-full .site-search-title {
        color: var(--color-light);
        margin-bottom: 2.5rem;
    }

    .header-search-full .site-search-form {
        max-width: 52rem;
    }

    .header-search-full .site-search-input {
        color: var(--color-light);
        border-bottom-color: #ffffff38;
        padding-block: 1rem;
        font-size: clamp(1.125rem, 0.85rem + 1.4vw, 1.875rem);

        &::placeholder {
            color: #ffffff61;
        }

        &:hover:not(:focus) {
            border-bottom-color: #fff6;
        }

        &:focus {
            border-bottom-color: var(--color-primary);
            box-shadow: none;
        }
    }

    .header-search-full .site-search-submit {
        color: #ffffff8c;
        width: 3rem;
        height: 3rem;
        font-size: 1.6rem;

        &:hover {
            color: var(--color-light);
        }
    }

    .header-search-full .site-search-hint {
        font-size: var(--text-sm);
        color: #ffffff73;
        margin: 1.5rem 0 0;
        display: block;
    }

    .site-search-key {
        border-radius: var(--radius-sm);
        font-family: var(--font-mono, ui-monospace, monospace);
        color: #fffc;
        background: #ffffff14;
        border: 1px solid #ffffff38;
        margin-inline: 0.15rem;
        padding: 0.1rem 0.45rem;
        font-size: 0.75rem;
        line-height: 1.5;
        display: inline-block;
    }

    .header-search-full .site-search-suggest {
        margin-top: 2.25rem;
    }

    .header-search-full .site-search-suggest-label {
        color: #fff6;
    }

    .header-search-full .site-search-tag {
        color: #ffffffbf;
        border-color: #ffffff2e;

        &:hover {
            background: var(--color-light);
            border-color: var(--color-light);
            color: var(--color-dark);
        }
    }

    .header-search-full .site-search-body > :not(.site-panel-close) {
        opacity: 0;
        transition:
            opacity var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        transform: translateY(0.875rem);
    }

    .header-search-full .site-search.open .site-search-body > :not(.site-panel-close) {
        opacity: 1;
        transform: none;
    }

    .header-search-full .site-search.open .site-search-body > :nth-child(2) {
        transition-delay: 0.11s;
    }

    .header-search-full .site-search.open .site-search-body > :nth-child(3) {
        transition-delay: 0.16s;
    }

    .header-search-full .site-search.open .site-search-body > :nth-child(4) {
        transition-delay: 0.21s;
    }

    .header-search-full .site-search.open .site-search-body > :nth-child(n + 5) {
        transition-delay: 0.26s;
    }

    @media (prefers-reduced-motion: reduce) {
        .header-search-full .site-search-body > :not(.site-panel-close) {
            transition-duration: 0.01ms;
            transform: none;
        }
    }

    @media (width <= 480px) {
        .header-search-full .site-search-body .site-panel-close {
            width: 2.75rem;
            height: 2.75rem;
            font-size: 1.2rem;
        }
    }

    .site-header {
        --nav-style-bg: var(--color-primary-50);
        --nav-style-color: var(--color-primary-ink);
        --nav-style-line: var(--color-primary);
        --nav-style-inset: 0.875rem;
        --nav-style-pad: 1.0625rem;
    }

    .nav-links:has(> li:nth-child(9)) {
        --nav-style-inset: 0.625rem;
        --nav-style-pad: 0.625rem;
    }

    .nav-links:has(> li:nth-child(12)) {
        --nav-style-inset: 0.4rem;
        --nav-style-pad: 0.4rem;
    }

    .nav-style-pill .nav-links > li > .nav-link {
        border-radius: var(--radius-pill);
        padding-inline: var(--nav-style-pad);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
    }

    .nav-style-pill .nav-links > li:hover > .nav-link,
    .nav-style-pill .nav-links > li > .nav-link:focus-visible,
    .nav-style-pill .nav-links > li > .nav-link.active {
        background: var(--nav-style-bg);
        color: var(--nav-style-color);
    }

    .nav-style-underline .nav-links > li > .nav-link {
        border-radius: 0;
        position: relative;
    }

    .nav-style-underline .nav-links > li > .nav-link:after {
        content: '';
        left: var(--nav-style-inset);
        right: var(--nav-style-inset);
        background: var(--nav-style-line);
        transform-origin: 0;
        height: 2px;
        transition: transform var(--duration-base) var(--ease-out);
        border-radius: 2px;
        position: absolute;
        bottom: 0.125rem;
        transform: scaleX(0);
    }

    .nav-style-underline .nav-links > li:hover > .nav-link:after,
    .nav-style-underline .nav-links > li > .nav-link:focus-visible:after,
    .nav-style-underline .nav-links > li > .nav-link.active:after {
        transform: scaleX(1);
    }

    .nav-style-frame .nav-links > li > .nav-link {
        border-radius: var(--radius-pill);
        transition:
            color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        border: 1px solid #0000;
        padding-block: calc(0.45rem - 1px);
    }

    .nav-style-frame .nav-links > li:hover > .nav-link,
    .nav-style-frame .nav-links > li > .nav-link:focus-visible,
    .nav-style-frame .nav-links > li > .nav-link.active {
        border-color: var(--nav-style-line);
        color: var(--nav-style-color);
    }

    .header-utility {
        border-bottom: 1px solid var(--color-border);
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
    }

    .header-utility.scrolled {
        border-bottom-color: #0000;
    }

    .header-utility .site-topbar {
        background: linear-gradient(
            to right,
            var(--color-bg-soft),
            var(--color-primary-50) 50%,
            var(--color-bg-soft)
        );
        color: var(--color-text);
        border-bottom: 1px solid var(--color-border);
    }

    .header-utility .site-topbar-inner {
        gap: 1.25rem;
        padding-inline: 60px;
    }

    .header-utility .site-topbar-inner .site-topbar-social {
        flex-wrap: nowrap;
        flex: 1 1 0;
        gap: 0.125rem;
        display: flex;
    }

    .header-utility .site-topbar-social .social-link {
        --social-size: 2rem;
        color: var(--color-text-soft);
        border-radius: var(--radius-full);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        font-size: 1rem;

        &:hover {
            color: var(--color-primary-ink);
            background: var(--color-primary-100);
        }
    }

    .header-utility .site-topbar-aside {
        flex: 1 1 0;
        justify-content: flex-end;
        align-items: center;
        gap: 1.25rem;
        display: flex;
    }

    .header-utility .site-topbar-text {
        color: var(--color-text-soft);
    }

    .header-utility .site-topbar-icon {
        border-radius: var(--radius-full);
        background: var(--color-primary);
        width: 1.375rem;
        height: 1.375rem;
        color: var(--color-on-primary);
        vertical-align: baseline;
        place-items: center;
        margin-right: 0.55rem;
        font-size: 0.75rem;
        display: inline-grid;
    }

    .header-utility .site-topbar-cta {
        color: var(--color-primary-ink);
        gap: 0.35rem;
        font-weight: 600;

        & i {
            transition: translate var(--duration-hover) var(--ease-spring);
        }

        &:hover {
            color: var(--color-primary-700);
        }

        &:hover i {
            translate: 3px;
        }
    }

    .header-utility .site-topbar-cta-label {
        text-decoration: none;
    }

    .header-utility .site-topbar-help {
        color: var(--color-dark);
        gap: 0.4rem;
        font-weight: 500;
        position: relative;

        & i {
            color: inherit;
            font-size: 1.05em;
        }

        &:hover {
            color: var(--color-primary-ink);
        }
    }

    .header-utility .site-topbar-help:after {
        content: '';
        background: var(--color-border);
        width: 1px;
        height: 1rem;
        position: absolute;
        top: 50%;
        right: -0.65rem;
        translate: 0 -50%;
    }

    .nav-lang-toggle {
        border-radius: var(--radius-sm);
        font-family: var(--font-sans);
        font-size: var(--text-sm);
        letter-spacing: 0.02em;
        color: var(--color-dark);
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        background: none;
        border: 1px solid #0000;
        align-items: center;
        gap: 0.3rem;
        padding: 0.3rem 0.6rem;
        font-weight: 600;
        display: inline-flex;

        & i {
            transition: transform var(--duration-fast) var(--ease-out);
            font-size: 0.9em;
        }

        &:hover,
        &[aria-expanded='true'] {
            background: var(--color-bg);
            border-color: var(--color-border);
        }

        &[aria-expanded='true'] .ph-caret-down {
            transform: rotate(180deg);
        }
    }

    :is(.header-utility, .header-shop) .nav-lang-menu {
        top: var(--topbar-h);
        z-index: var(--z-dropdown);
        background: var(--menu-surface);
        border: 1px solid var(--menu-border);
        border-radius: var(--radius-lg);
        min-width: 11rem;
        box-shadow: var(--menu-shadow);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            visibility 0s var(--duration-fast);
        flex-direction: column;
        margin-top: 0.5rem;
        padding: 0.375rem;
        display: flex;
        position: absolute;
        right: 60px;
        transform: translateY(-6px);
    }

    :is(.header-utility, .header-shop) .nav-lang-menu.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            visibility 0s;
        transform: translateY(0);
    }

    :is(.header-utility, .header-shop).scrolled .nav-lang-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .nav-lang-item {
        border-radius: var(--radius-sm);
        font-size: var(--text-sm);
        color: var(--menu-text);
        white-space: nowrap;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        justify-content: space-between;
        align-items: center;
        gap: 1.5rem;
        padding: 0.5rem 0.75rem;
        text-decoration: none;
        display: flex;

        &:hover {
            background: var(--menu-hover-bg);
            color: var(--menu-hover-text);
        }
    }

    .nav-lang-check {
        color: var(--color-primary-ink);
        opacity: 0;
        font-size: 0.9em;
    }

    .nav-lang-item[aria-current='true'] {
        color: var(--menu-hover-text);
        font-weight: 600;
    }

    .nav-lang-item[aria-current='true'] .nav-lang-check {
        opacity: 1;
    }

    @media (width <= 1023px) {
        .header-utility .site-topbar-inner {
            padding-inline: var(--container-x);
        }

        .header-utility .nav-lang-menu {
            right: var(--container-x);
        }
    }

    @media (width <= 767px) {
        .header-utility .site-topbar-inner .site-topbar-social,
        .header-utility .site-topbar-help {
            display: none;
        }

        .header-utility .site-topbar-aside {
            flex: none;
        }
    }

    @media (width <= 479px) {
        .header-utility .site-topbar-icon,
        .header-utility .site-topbar-cta {
            display: none;
        }

        .header-utility .site-topbar-inner {
            gap: 0.75rem;
        }

        .header-utility .nav-lang-menu {
            min-width: 9.5rem;
        }
    }

    .header-inline-menu .hamburger {
        grid-template-columns: auto auto;
        align-items: center;
        gap: 0.5rem;
        padding: 0 0.875rem;
        display: grid;
    }

    .header-inline-menu .nav-toggle-label {
        font-size: var(--text-base);
        color: var(--color-text);
        grid-column: 1;
        font-weight: 500;
        display: block;
    }

    .header-inline-menu .nav-toggle-open,
    .header-inline-menu .nav-toggle-close {
        grid-area: 1 / 2;
    }

    @media (width >= 1024px) {
        .header-inline-menu .navbar-inner {
            justify-content: space-between;
            gap: 1.25rem;
            display: flex;
        }

        .header-inline-menu .nav-links {
            counter-reset: nav-i;
            opacity: 0;
            visibility: hidden;
            max-width: 0;
            transition:
                max-width var(--duration-base) var(--ease-out),
                opacity 0.2s var(--ease-out),
                visibility 0s var(--duration-base);
            margin-left: auto;
            overflow: hidden;
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links {
            opacity: 1;
            visibility: visible;
            max-width: 60rem;
            transition:
                max-width var(--duration-base) var(--ease-out),
                opacity 0.25s 80ms var(--ease-out),
                visibility 0s;
            overflow: visible;
        }

        .header-inline-menu .nav-links > li {
            counter-increment: nav-i;
            opacity: 0;
            transition:
                opacity var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
            transform: translateX(16px);
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links > li {
            opacity: 1;
            transform: none;
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links > li:first-child {
            transition-delay: 0.13s;
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links > li:nth-child(2) {
            transition-delay: 0.175s;
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links > li:nth-child(3) {
            transition-delay: 0.22s;
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links > li:nth-child(4) {
            transition-delay: 0.265s;
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links > li:nth-child(5) {
            transition-delay: 0.31s;
        }

        .header-inline-menu:has(.mobile-nav.open) .nav-links > li:nth-child(n + 6) {
            transition-delay: 0.355s;
        }

        .header-inline-menu .nav-link {
            white-space: nowrap;
            position: relative;
        }

        .header-inline-menu .nav-link:before {
            content: counter(nav-i, decimal-leading-zero);
            letter-spacing: var(--tracking-wide);
            color: var(--color-text-muted);
            font-size: 0.5625rem;
            font-weight: 600;
            position: absolute;
            top: -0.75rem;
            left: 50%;
            transform: translateX(-50%);
        }

        .header-inline-menu .mobile-nav {
            display: none;
        }

        .header-inline-menu .hamburger {
            order: -1;
            display: grid;
        }
    }

    .header-dark-glass {
        --glass-ink: 16 19 24;
        box-shadow: none;
        background: none;
        border-bottom: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .header-dark-glass:before {
        content: '';
        z-index: -1;
        background: rgb(var(--glass-ink) / 0.34);
        -webkit-backdrop-filter: blur(12px) saturate(150%);
        backdrop-filter: blur(12px) saturate(150%);
        transition:
            background var(--duration-base) var(--ease-out),
            backdrop-filter var(--duration-base) var(--ease-out);
        position: absolute;
        inset: 0;
    }

    .header-dark-glass.scrolled {
        box-shadow: none;
    }

    .header-dark-glass.scrolled:before,
    .header-dark-glass:has(.nav-megamenu:is(:hover, :focus-within)):before,
    .header-dark-glass:has(.nav-cascade:hover):before,
    :root:not([data-focus-source='pointer'])
        .header-dark-glass:has(.nav-cascade:not(.is-closed):focus-within):before {
        background: rgb(var(--glass-ink) / 0.76);
        -webkit-backdrop-filter: blur(24px) saturate(170%);
        backdrop-filter: blur(24px) saturate(170%);
    }

    .header-dark-glass .brand {
        color: var(--color-light);
    }

    .header-dark-glass .nav-link {
        color: #ffffffd1;

        &.active {
            color: var(--color-light);
        }

        &:hover {
            color: var(--color-light);
            background: #ffffff1a;
        }
    }

    .header-dark-glass .hamburger {
        color: var(--color-light);
    }

    .header-dark-glass .nav-utility {
        align-items: center;
        gap: 1.375rem;
        margin-right: 0.375rem;
        display: flex;
    }

    .nav-utility-link {
        font-size: var(--text-sm);
        color: #ffffffc7;
        white-space: nowrap;
        transition: color var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.45rem;
        font-weight: 500;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            color: var(--color-light);
        }
    }

    .nav-utility-link i {
        font-size: 1.05rem;
    }

    .header-dark-glass .nav-actions .btn-dark {
        background: var(--color-light);
        border-color: var(--color-light);
        color: var(--color-dark);

        &:hover {
            color: var(--color-dark);
            background: #ffffffd9;
        }
    }

    .header-dark-glass .site-topbar {
        color: var(--color-light);
        background: #ffffff14;
        border-bottom: 1px solid #ffffff1a;
    }

    .header-dark-glass {
        & .nav-info-toggle,
        & .nav-search-toggle {
            color: var(--color-light);
            border-color: #ffffff40;

            &:hover,
            &[aria-expanded='true'] {
                background: var(--color-light);
                border-color: var(--color-light);
                color: var(--color-dark);
            }
        }

        & .nav-toggle-label {
            color: var(--color-light);
        }

        & .site-topbar-meta-item,
        & .site-topbar-meta-item i,
        & .site-topbar-text,
        & .site-topbar-icon {
            color: #fffc;
        }

        & .site-topbar-meta-item:hover {
            color: var(--color-light);
        }
    }

    @media (width <= 1535px) {
        .header-dark-glass .nav-utility-link span {
            display: none;
        }
    }

    @media (width <= 1023px) {
        .header-dark-glass .nav-utility {
            display: none;
        }

        .header-dark-glass .mobile-nav {
            --mobile-rule: #ffffff1f;
            background: rgb(var(--glass-ink));
            border-top-color: #ffffff1f;
        }

        .header-dark-glass .mobile-link,
        .header-dark-glass .mobile-accordion-btn {
            color: #ffffffd9;

            @media (hover: hover) {
                &:hover {
                    color: var(--color-light);
                }
            }
        }

        .header-dark-glass .mobile-accordion-panel .mobile-link:not(:hover, .is-current) {
            color: #ffffffa6;
        }

        .header-dark-glass .mobile-accordion-panel {
            border-left-color: #ffffff26;
        }

        .header-dark-glass .mobile-nav .btn-dark {
            background: var(--color-light);
            border-color: var(--color-light);
            color: var(--color-dark);
        }
    }

    .header-dark-glass,
    .header-menu-dark,
    .header-menu-glass {
        --menu-ink: 16 19 24;
        --menu-surface: rgb(var(--menu-ink));
        --menu-border: #ffffff1a;
        --menu-shadow: 0 24px 48px -12px #0000008c;
        --menu-title: #ffffff85;
        --menu-text: #ffffffb8;
        --menu-strong: #fff;
        --menu-hover-bg: #ffffff14;
        --menu-hover-text: var(--color-light);
        --menu-dim: 0.6;
    }

    :is(.header-dark-glass, .header-menu-dark, .header-menu-glass, .header-glass--ink)
        .cascade-item--sub
        > i {
        opacity: 0.6;
    }

    :is(.header-dark-glass, .header-menu-dark, .header-menu-glass, .header-glass--ink)
        .cascade-item--sub:hover
        > i {
        opacity: 1;
    }

    :is(.header-dark-glass, .header-menu-dark, .header-menu-glass, .header-glass--ink)
        .nav-megamenu:after {
        background: rgb(0 0 0 / var(--menu-dim));
    }

    .header-menu-glass {
        --menu-surface: rgb(var(--menu-ink) / 0.76);
        --menu-border: #ffffff24;
        --menu-title: #ffffffb8;
        --menu-text: #ffffffd1;
        --menu-hover-bg: #ffffff1f;
        --menu-glass: blur(24px) saturate(170%);
        --menu-glass-dimmed: blur(24px) saturate(170%) brightness(calc(1 / (1 - var(--menu-dim))));
    }

    .header-menu-glass .cascade-panel {
        -webkit-backdrop-filter: var(--menu-glass);
        backdrop-filter: var(--menu-glass);
    }

    .header-menu-glass .megamenu-panel {
        -webkit-backdrop-filter: var(--menu-glass-dimmed);
        backdrop-filter: var(--menu-glass-dimmed);
    }

    .header-menu-glass:is(.header-capsule, .header-glass, .header-pill-menu) {
        & .megamenu-panel {
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
        }

        & .megamenu-inner {
            -webkit-backdrop-filter: var(--menu-glass-dimmed);
            backdrop-filter: var(--menu-glass-dimmed);
        }
    }

    @media (width <= 1023px) {
        .header-menu-dark .mobile-nav,
        .header-menu-glass .mobile-nav {
            --mobile-rule: #ffffff1f;
            background: rgb(var(--menu-ink));
            border-top-color: #ffffff1f;
        }

        .header-menu-dark .mobile-link,
        .header-menu-dark .mobile-accordion-btn,
        .header-menu-glass .mobile-link,
        .header-menu-glass .mobile-accordion-btn,
        .header-glass--ink .mobile-link,
        .header-glass--ink .mobile-accordion-btn {
            color: #ffffffd9;

            @media (hover: hover) {
                &:hover {
                    color: var(--color-light);
                }
            }
        }

        .header-menu-dark .mobile-accordion-panel .mobile-link:not(:hover, .is-current),
        .header-menu-glass .mobile-accordion-panel .mobile-link:not(:hover, .is-current),
        .header-glass--ink .mobile-accordion-panel .mobile-link:not(:hover, .is-current) {
            color: #ffffffa6;
        }

        .header-menu-dark .mobile-accordion-panel,
        .header-menu-glass .mobile-accordion-panel,
        .header-glass--ink .mobile-accordion-panel {
            border-left-color: #ffffff26;
        }

        .header-menu-dark .mobile-nav .btn-dark,
        .header-menu-glass .mobile-nav .btn-dark,
        .header-glass--ink .mobile-nav .btn-dark {
            background: var(--color-light);
            border-color: var(--color-light);
            color: var(--color-dark);
        }
    }

    .header-glass.header-glass--ink {
        --capsule-ink: var(--color-dark-surface);
        --capsule-ink-rest: var(--capsule-ink);

        @supports (color: color-mix(in lab, red, red)) {
            --capsule-ink-rest: color-mix(in oklch, var(--capsule-ink) 30%, transparent);
        }

        --capsule-ink-solid: var(--capsule-ink);

        @supports (color: color-mix(in lab, red, red)) {
            --capsule-ink-solid: color-mix(
                in oklch,
                color-mix(in oklch, var(--capsule-ink) 93%, var(--color-light)) 90%,
                transparent
            );
        }

        --capsule-ink-accent: var(--color-primary-300);
        --menu-surface: var(--capsule-ink);

        @supports (color: color-mix(in lab, red, red)) {
            --menu-surface: color-mix(in oklch, var(--capsule-ink) 95%, var(--color-light));
        }

        --menu-border: #ffffff14;
        --menu-shadow: 0 24px 48px -12px #0000008c;
        --menu-title: #ffffff8f;
        --menu-text: #ffffffc2;
        --menu-strong: var(--color-light);
        --menu-hover-bg: #ffffff14;
        --menu-hover-text: var(--capsule-ink-accent);
        --menu-dim: 0.5;

        & .navbar {
            background: var(--capsule-ink-rest);
            box-shadow: none;
        }

        & .nav-link {
            &:hover,
            &.active {
                color: var(--capsule-ink-accent);
            }
        }
    }

    .header-glass.header-glass--ink:is(
            .scrolled,
            :has(.nav-megamenu:is(:hover, :focus-within)),
            :has(.nav-cascade:hover)
        )
        .navbar,
    :root:not([data-focus-source='pointer'])
        .header-glass.header-glass--ink:has(.nav-cascade:not(.is-closed):focus-within)
        .navbar {
        background: var(--capsule-ink-solid);
        box-shadow:
            inset 0 0 0 1px #ffffff0f,
            0 18px 40px -22px #000000b3;
    }

    .header-glass.header-glass--ink:is(.scrolled, :has(.mobile-nav.open)) {
        & .brand,
        & .hamburger {
            color: var(--color-light);
        }

        & .nav-link {
            color: #ffffffdb;

            &:hover,
            &.active {
                color: var(--capsule-ink-accent);
            }
        }
    }

    .header-glass.header-glass--ink:is(.scrolled, :has(.mobile-nav.open)) .nav-actions .btn-dark {
        background: var(--color-light);
        border-color: var(--color-light);
        color: var(--color-dark-surface);

        &:hover {
            color: var(--color-dark-surface);
            opacity: 1;
            background: #ffffffd9;
        }
    }

    .header-glass.header-glass--ink:has(.mobile-nav.open) .navbar {
        background: var(--capsule-ink);
        box-shadow: 0 18px 40px -22px #000000b3;
    }

    .header-glass.header-glass--ink .mobile-nav {
        --mobile-rule: #ffffff1f;
        background: var(--capsule-ink);
    }

    .header-glass.header-glass--ink.header-menu-glass {
        --menu-surface: var(--capsule-ink);

        @supports (color: color-mix(in lab, red, red)) {
            --menu-surface: color-mix(in oklch, var(--capsule-ink) 76%, transparent);
        }
    }

    @media (width >= 1024px) {
        .header-sidebar,
        .header-rail {
            width: var(--sidebar-w);
            background: var(--color-bg);
            border-right: 1px solid var(--color-border);
            box-shadow: none;
            position: fixed;
            inset: 0 auto 0 0;
        }

        .header-rail {
            width: var(--rail-w);
        }

        .header-sidebar.scrolled,
        .header-rail.scrolled {
            box-shadow: none;
        }

        :root:has(.header-sidebar) body {
            padding-left: var(--sidebar-w);
        }

        :root:has(.header-rail) body {
            padding-left: var(--rail-w);
        }

        .header-sidebar .site-topbar,
        .header-rail .site-topbar {
            display: none;
        }

        .header-sidebar .navbar,
        .header-rail .navbar {
            flex-direction: column;
            height: 100dvh;
            display: flex;
        }

        .header-sidebar .nav-links,
        .header-rail .nav-links {
            display: none;
        }

        .header-sidebar {
            --sidebar-gutter: 1.375rem;
            box-shadow:
                1px 0 0 var(--color-border),
                18px 0 40px -32px #0f172a38;
            border-right: 0;
        }

        .header-sidebar .navbar-inner {
            height: auto;
            padding: 2rem var(--sidebar-gutter) 1.5rem;
            flex: none;
            justify-content: flex-start;
            align-items: center;
            display: flex;
            position: relative;
        }

        .header-sidebar .brand {
            transition: opacity var(--duration-fast) var(--ease-out);
            font-size: 1.5rem;
            line-height: 1;

            &:hover {
                opacity: 0.7;
            }
        }

        .header-sidebar .nav-actions {
            display: none;
        }

        .header-sidebar .mobile-nav {
            border-top: 0;
            flex-direction: column;
            flex: auto;
            min-height: 0;
            max-height: none;
            padding: 0;
            display: flex;
            overflow: hidden;
        }

        .header-sidebar .nav-panel-menu {
            overscroll-behavior: contain;
            min-height: 0;
            padding: 1.25rem calc(var(--sidebar-gutter) - 0.625rem) 1.25rem;
            text-align: left;
            scrollbar-width: thin;
            scrollbar-color: transparent transparent;
            transition: scrollbar-color var(--duration-base) var(--ease-out);
            flex-direction: column;
            flex: auto;
            justify-content: safe center;
            display: flex;
            overflow-y: auto;
            mask-image: linear-gradient(#0000 0, #000 1.5rem);
        }

        .header-sidebar .nav-panel-menu:hover,
        .header-sidebar .nav-panel-menu:focus-within {
            scrollbar-color: var(--color-border) transparent;
        }

        .header-sidebar .mobile-link,
        .header-sidebar .mobile-accordion-btn {
            border-radius: var(--radius-md);
            width: 100%;
            font-size: var(--text-base);
            letter-spacing: -0.006em;
            color: var(--color-text);
            transition:
                background var(--duration-fast) var(--ease-out),
                color var(--duration-fast) var(--ease-out),
                translate var(--duration-fast) var(--ease-out);
            justify-content: space-between;
            align-items: center;
            gap: 0.5rem;
            padding: 0.625rem 0.75rem;
            font-weight: 500;
            line-height: 1.3;
            display: flex;
            position: relative;
        }

        .header-sidebar .mobile-link:before,
        .header-sidebar .mobile-accordion-btn:before {
            content: '';
            border-radius: var(--radius-pill);
            background: var(--color-primary);
            opacity: 0;
            width: 3px;
            height: 1.15rem;
            transition:
                opacity 0.2s var(--ease-out),
                scale var(--duration-fast) var(--ease-spring);
            position: absolute;
            top: 50%;
            left: -0.5rem;
            translate: 0 -50%;
            scale: 1 0.2;
        }

        .header-sidebar .mobile-link:hover,
        :root:not([data-focus-source='pointer']) .header-sidebar .mobile-link:focus-visible,
        .header-sidebar .mobile-accordion-btn:hover,
        :root:not([data-focus-source='pointer'])
            .header-sidebar
            .mobile-accordion-btn:focus-visible {
            background: var(--color-bg-muted);
            color: var(--color-text);
            translate: 2px;
        }

        .header-sidebar .mobile-link:hover:before,
        :root:not([data-focus-source='pointer']) .header-sidebar .mobile-link:focus-visible:before,
        .header-sidebar .mobile-accordion-btn:hover:before,
        :root:not([data-focus-source='pointer'])
            .header-sidebar
            .mobile-accordion-btn:focus-visible:before,
        .header-sidebar .mobile-link.is-current:before {
            opacity: 1;
            scale: 1;
        }

        .header-sidebar .mobile-link:focus-visible,
        .header-sidebar .mobile-accordion-btn:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 1px;
        }

        .header-sidebar .mobile-link.is-current {
            background: var(--color-primary-50);
            color: var(--color-primary-ink);
            font-weight: 600;
        }

        .header-sidebar .mobile-accordion-btn.is-trail {
            color: var(--color-text);
        }

        .header-sidebar .mobile-accordion-btn--nested.is-trail {
            color: var(--color-text-soft);
        }

        .header-sidebar .mobile-accordion-btn > i {
            color: var(--color-text-muted);
            opacity: 0.85;
            transition: color var(--duration-fast) var(--ease-out);
        }

        .header-sidebar .mobile-accordion-btn:hover > i {
            color: var(--color-primary-ink);
        }

        .header-sidebar .mobile-accordion-btn--nested > i {
            scale: 0.85;
        }

        .header-sidebar .mobile-accordion-btn--nested {
            font-size: var(--text-sm);
            color: var(--color-text-soft);
            margin-top: 0.375rem;
            padding: 0.55rem 0.625rem;
            font-weight: 600;
            line-height: 1.4;
        }

        .header-sidebar .mobile-accordion-btn--nested:hover,
        :root:not([data-focus-source='pointer'])
            .header-sidebar
            .mobile-accordion-btn--nested:focus-visible {
            color: var(--color-text);
        }

        .header-sidebar .mobile-accordion-panel .mobile-link {
            font-size: var(--text-sm);
            letter-spacing: 0;
            color: var(--color-text-soft);
            padding-block: 0.5rem;
            font-weight: 400;
        }

        .header-sidebar .mobile-accordion-panel .mobile-link:hover,
        :root:not([data-focus-source='pointer'])
            .header-sidebar
            .mobile-accordion-panel
            .mobile-link:focus-visible {
            color: var(--color-text);
        }

        .header-sidebar .mobile-accordion-panel .mobile-link.is-current {
            color: var(--color-primary-ink);
            font-weight: 500;
        }

        .header-sidebar .mobile-accordion-panel {
            border-left: 1px solid var(--color-border);
            margin-left: 0.625rem;
            padding-bottom: 0.25rem;
            padding-left: 0.75rem;
        }

        .header-sidebar [data-mobile-links] > * + * {
            margin-top: 0.125rem;
        }

        .header-sidebar [data-mobile-links] > .mobile-accordion + * {
            margin-top: 0.375rem;
        }

        .header-sidebar .mobile-accordion-panel .mobile-link:before,
        .header-sidebar .mobile-accordion-panel .mobile-accordion-btn:before {
            border-radius: 0;
            width: 2px;
            height: calc(100% - 0.2rem);
            left: calc(-0.75rem - 1px);
        }

        .header-sidebar .nav-panel-cta {
            z-index: 1;
            background: linear-gradient(to top, var(--color-bg) 65%, transparent);
            margin-inline: 0.625rem;
            padding-block: 1.25rem;
            position: sticky;
            bottom: -1.25rem;
        }

        @media (prefers-reduced-motion: no-preference) {
            .header-sidebar [data-mobile-links] > *,
            .header-sidebar .mobile-accordion-panel > * {
                animation: sidebar-row-in 0.45s var(--ease-out) backwards;
            }

            .header-sidebar [data-mobile-links] > :first-child,
            .header-sidebar .mobile-accordion-panel > :first-child {
                animation-delay: 20ms;
            }

            .header-sidebar [data-mobile-links] > :nth-child(2),
            .header-sidebar .mobile-accordion-panel > :nth-child(2) {
                animation-delay: 45ms;
            }

            .header-sidebar [data-mobile-links] > :nth-child(3),
            .header-sidebar .mobile-accordion-panel > :nth-child(3) {
                animation-delay: 70ms;
            }

            .header-sidebar [data-mobile-links] > :nth-child(4),
            .header-sidebar .mobile-accordion-panel > :nth-child(4) {
                animation-delay: 95ms;
            }

            .header-sidebar [data-mobile-links] > :nth-child(5),
            .header-sidebar .mobile-accordion-panel > :nth-child(5) {
                animation-delay: 0.12s;
            }

            .header-sidebar [data-mobile-links] > :nth-child(n + 6),
            .header-sidebar .mobile-accordion-panel > :nth-child(n + 6) {
                animation-delay: 0.145s;
            }
        }

        @keyframes sidebar-row-in {
            from {
                opacity: 0;
                translate: -8px;
            }
        }

        .header-sidebar .sidebar-foot {
            flex-direction: column;
            flex: none;
            margin: 0 0.875rem 1rem;
            display: flex;
        }

        .header-sidebar .sidebar-foot-bar {
            justify-content: space-between;
            align-items: center;
            padding-inline: 0.25rem 0.5rem;
            display: flex;
        }

        .header-sidebar .sidebar-foot-bar .social-list {
            gap: 0.125rem;
        }

        .header-sidebar .sidebar-foot-bar .social-link {
            --social-size: 2rem;
            border-radius: var(--radius-full);
            color: var(--color-text-muted);
            transition:
                color var(--duration-fast) var(--ease-out),
                background var(--duration-fast) var(--ease-out);

            &:hover {
                background: var(--color-primary-50);
                color: var(--color-primary-ink);
            }
        }

        .header-sidebar .sidebar-foot-legal {
            color: var(--color-text-muted);
            font-size: 0.75rem;
        }

        .header-rail .navbar-inner {
            flex-direction: column;
            flex: auto;
            align-items: center;
            gap: 1rem;
            height: auto;
            padding: 1.75rem 0.5rem 1rem;
            display: flex;
        }

        .header-rail .brand {
            font-size: 1.4rem;
        }

        .header-rail .nav-actions {
            flex-direction: column;
            flex: auto;
            justify-content: center;
        }

        .header-rail .nav-actions > .btn,
        .header-rail .nav-contact,
        .header-rail .nav-utility,
        .header-rail .nav-search-toggle,
        .header-rail .nav-info-toggle {
            display: none;
        }

        .header-rail .hamburger {
            place-items: center;
            width: 2.75rem;
            height: 2.75rem;
            padding: 0;
            display: grid;
        }

        .header-rail .nav-rail-note {
            writing-mode: vertical-rl;
            font-size: var(--text-sm);
            color: var(--color-text-soft);
            white-space: nowrap;
            align-self: center;
            margin-bottom: 1.75rem;
            display: block;
            transform: rotate(180deg);
        }

        .header-rail .mobile-nav {
            inset-block: 0;
            left: var(--rail-w);
            width: min(26rem, calc(100vw - var(--rail-w)));
            z-index: var(--z-overlay);
            background: var(--color-bg);
            border-top: 0;
            border-right: 1px solid var(--color-border);
            box-shadow: var(--shadow-xl);
            visibility: hidden;
            opacity: 0;
            clip-path: inset(0 100% 0 0);
            max-height: none;
            transition:
                clip-path var(--duration-base) var(--ease-out),
                opacity 0.2s var(--ease-out),
                visibility 0s var(--duration-base);
            flex-direction: column;
            padding: 0;
            display: flex;
            position: fixed;
            overflow: hidden;
        }

        .header-rail .mobile-nav.open {
            visibility: visible;
            opacity: 1;
            clip-path: inset(0);
            transition:
                clip-path var(--duration-base) var(--ease-out),
                opacity 0.15s var(--ease-out),
                visibility 0s;
        }

        .header-rail .nav-panel-menu {
            overscroll-behavior: contain;
            scrollbar-width: thin;
            scrollbar-color: var(--color-border) transparent;
            flex-direction: column;
            flex: auto;
            justify-content: safe center;
            min-height: 0;
            padding: 2rem 0;
            display: flex;
            overflow-y: auto;
        }

        .header-rail .mobile-link,
        .header-rail .mobile-accordion-btn {
            font-family: var(--font-heading);
            text-transform: uppercase;
            letter-spacing: 0.035em;
            transition:
                color var(--duration-fast) var(--ease-out),
                background var(--duration-fast) var(--ease-out);
            border-bottom: 0;
            border-radius: 0;
            justify-content: flex-start;
            align-items: center;
            gap: 0.75rem;
            padding: 0.85rem 2rem;
            font-size: clamp(1rem, 0.85rem + 0.3vw, 1.25rem);
            font-weight: 700;
            line-height: 1.2;
            display: flex;
            position: relative;
        }

        .header-rail [data-mobile-links] > .mobile-link:after,
        .header-rail [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn:after {
            content: '';
            background: var(--color-primary);
            width: 3px;
            height: 0;
            transition: height var(--duration-base) var(--ease-out);
            border-radius: 0 3px 3px 0;
            position: absolute;
            top: 50%;
            left: 0;
            translate: 0 -50%;
        }

        .header-rail .mobile-link:hover,
        .header-rail .mobile-accordion-btn:hover,
        .header-rail
            [data-mobile-links]
            > .mobile-accordion
            > .mobile-accordion-btn[aria-expanded='true'] {
            color: var(--color-primary-ink);
            background: none;
        }

        .header-rail [data-mobile-links] > .mobile-link:hover:after,
        .header-rail [data-mobile-links] > .mobile-accordion > .mobile-accordion-btn:hover:after,
        .header-rail
            [data-mobile-links]
            > .mobile-accordion
            > .mobile-accordion-btn[aria-expanded='true']:after {
            height: 1.5rem;
        }

        .header-rail .mobile-accordion-btn > i {
            color: var(--color-text-muted);
            margin-left: auto;
            font-size: 0.8125rem;
        }

        .header-rail .mobile-accordion-panel {
            background: linear-gradient(var(--color-border), var(--color-border)) no-repeat 2.4rem
                0 / 1px calc(100% - 0.85rem);
            border-bottom: 0;
            padding: 0.25rem 2rem 0.85rem 3.5rem;
        }

        .header-rail .mobile-accordion-panel .mobile-link,
        .header-rail .mobile-accordion-panel .mobile-accordion-btn {
            font-family: var(--font-sans);
            text-transform: none;
            font-weight: 500;
            font-size: var(--text-sm);
            letter-spacing: 0;
            color: var(--color-text-soft);
            transition:
                color var(--duration-fast) var(--ease-out),
                translate var(--duration-fast) var(--ease-out);
            gap: 0.5rem;
            padding: 0.4rem 0;
            line-height: 1.45;
        }

        .header-rail .mobile-accordion-panel .mobile-link:hover,
        .header-rail .mobile-accordion-panel .mobile-accordion-btn:hover {
            color: var(--color-primary-ink);
            background: none;
            translate: 3px;
        }

        .header-rail .mobile-accordion-panel .mobile-accordion-btn--nested {
            font-family: var(--font-sans);
            font-size: var(--text-sm);
            text-transform: none;
            letter-spacing: 0;
            color: var(--color-text-soft);
            padding-top: 0.75rem;
            font-weight: 600;
        }

        .header-rail .mobile-accordion-panel .mobile-accordion-btn--nested > i {
            font-size: 0.6875rem;
        }

        .header-rail .mobile-accordion-panel .mobile-accordion-panel {
            background: linear-gradient(var(--color-border-soft), var(--color-border-soft))
                no-repeat 0.2rem 0 / 1px calc(100% - 0.55rem);
            padding: 0.1rem 0 0.55rem 1.15rem;
        }

        .header-rail .mobile-accordion-panel .mobile-link-sub-2 {
            padding-left: 0;
        }

        .header-rail .nav-panel-menu > :not([data-mobile-links]) {
            flex: none;
            padding: 1.75rem 2rem 0;
        }

        .header-rail .nav-panel-foot {
            background: var(--color-bg-soft);
            border-top: 1px solid var(--color-border);
            flex: none;
            justify-content: space-between;
            gap: 1.5rem;
            padding: 1.5rem 2rem;
            display: flex;
        }

        .header-rail .nav-panel-foot-title {
            margin-bottom: 0.5rem;
        }

        .header-rail [data-mobile-links] > * {
            opacity: 0;
            transition:
                opacity var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
            transform: translateX(-14px);
        }

        .header-rail .mobile-nav.open [data-mobile-links] > * {
            opacity: 1;
            transition-duration: var(--duration-base);
            transform: none;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .site-info-inner,
        .site-info.open .site-info-inner {
            transform: none;
        }

        .site-search-inner,
        .site-search.open .site-search-inner {
            clip-path: none;
        }

        .site-info-inner > *,
        .header-inline-menu .nav-links > li,
        .header-rail [data-mobile-links] > * {
            transform: none;
            transition-delay: 0s !important;
        }

        .header-rail .mobile-nav,
        .header-rail .mobile-nav.open {
            clip-path: none;
        }

        .header-rail .mobile-accordion-panel .mobile-link:hover,
        .header-rail .mobile-accordion-panel .mobile-accordion-btn:hover {
            translate: none;
        }
    }

    .header-shop .site-topbar {
        background: var(--color-bg);
        color: var(--color-text);
        box-shadow: inset 0 -1px var(--color-border);
        overflow: visible;
    }

    .header-shop {
        transition: box-shadow var(--duration-base) var(--ease-out);
    }

    .header-shop.is-stuck {
        box-shadow: 0 6px 16px -12px #0f172a1f;
    }

    html.page-nav-stuck .header-shop.is-stuck {
        box-shadow: none;
    }

    .shop-announce {
        height: var(--shop-announce-h);
        background: var(--color-primary);
        color: var(--color-on-primary);
        position: relative;
    }

    .shop-announce[hidden] {
        display: none;
    }

    .shop-announce-inner {
        align-items: center;
        gap: 0.5rem;
        max-width: 42rem;
        height: 100%;
        margin-inline: auto;
        padding-inline: 3rem;
        display: flex;
    }

    .shop-announce .swiper {
        flex: 1;
        min-width: 0;
        height: 100%;
    }

    .shop-announce .swiper-slide {
        height: var(--shop-announce-h);
        text-align: center;
        white-space: nowrap;
        font-size: 0.875rem;
    }

    .shop-announce .swiper:not(.swiper-initialized) .swiper-slide + .swiper-slide {
        display: none;
    }

    .shop-announce a {
        color: oklch(from var(--color-on-primary) l c h / 0.86);
        text-decoration: none;
    }

    .shop-announce strong {
        color: var(--color-on-primary);
        font-weight: 600;
    }

    .shop-announce a:hover strong {
        text-underline-offset: 3px;
        text-decoration: underline;
    }

    .shop-announce-arrow,
    .shop-announce-close {
        width: 1.75rem;
        height: 1.75rem;
        color: oklch(from var(--color-on-primary) l c h / 0.75);
        border-radius: var(--radius-full);
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        flex: none;
        place-items: center;
        padding: 0;
        font-size: 0.9375rem;
        display: grid;

        &:hover {
            color: var(--color-on-primary);
            background: oklch(from var(--color-on-primary) l c h / 0.14);
        }
    }

    .shop-announce-close {
        top: 50%;
        right: var(--container-x);
        position: absolute;
        translate: 0 -50%;
    }

    .header-shop .site-topbar-inner {
        height: var(--shop-utility-h);
        justify-content: flex-start;
        gap: 1.25rem;
        font-size: 0.8125rem;
    }

    .shop-utility-note {
        color: var(--color-text-soft);
        align-items: center;
        gap: 0.4rem;
        margin: 0 auto 0 0;
        line-height: 1;
        display: flex;

        & i {
            color: var(--color-primary-ink);
            font-size: 1.05em;
        }
    }

    .shop-utility-links {
        align-items: center;
        gap: 1.25rem;
        line-height: 1;
        display: flex;
    }

    .shop-utility-links a {
        color: var(--color-text-soft);
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;

        &:hover {
            color: var(--color-primary-ink);
        }
    }

    :is(.shop-utility-social, .shop-region):before {
        content: '';
        background: var(--color-border);
        width: 1px;
        height: 1rem;
        margin-right: 1.25rem;
    }

    .shop-region {
        align-items: center;
        display: flex;
        position: relative;
    }

    .header-shop .nav-lang-toggle {
        font-size: inherit;
        letter-spacing: 0;
        color: var(--color-dark);
        border: 0;
        gap: 0.375rem;
        padding: 0.25rem 0;
        font-weight: 600;
        line-height: 1;

        &:hover,
        &[aria-expanded='true'] {
            color: var(--color-primary-ink);
            background: none;
        }
    }

    .header-shop .site-topbar-inner .shop-utility-social {
        align-items: center;
        gap: 0.125rem;
        display: flex;
    }

    .shop-utility-social .social-link {
        --social-size: 1.875rem;
        color: var(--color-text-soft);
        font-size: 1rem;

        &:hover {
            color: var(--color-primary-ink);
            background: var(--color-primary-50);
        }
    }

    .shop-utility-social li:first-of-type {
        margin-left: -0.4375rem;
    }

    .shop-utility-social li:last-child {
        margin-right: -0.4375rem;
    }

    :is(.shop-utility-social, .shop-region, .shop-utility-note) i {
        translate: 0 1px;
    }

    .header-shop .nav-lang-menu {
        margin-top: 0;
        top: calc(100% + 0.375rem);
        right: 0;
    }

    .nav-region-title {
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--color-text-muted);
        padding: 0.5rem 0.75rem 0.25rem;
        font-size: 0.6875rem;
        font-weight: 600;
    }

    .nav-region-title ~ .nav-region-title {
        border-top: 1px solid var(--menu-border);
        margin-top: 0.375rem;
        padding-top: 0.75rem;
    }

    .shop-search {
        background: var(--color-bg-soft);
        border-radius: var(--radius-pill);
        height: 3.25rem;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        border: 1px solid #0000;
        align-items: center;
        padding: 0.25rem 0.25rem 0.25rem 0.5rem;
        display: flex;

        &:focus-within {
            background: var(--color-bg);
            border-color: var(--color-primary);
            box-shadow: 0 0 0 4px var(--color-primary-50);
        }
    }

    .shop-search input[type='search'] {
        min-width: 0;
        height: 100%;
        font: inherit;
        color: var(--color-text);
        background: none;
        border: 0;
        outline: 0;
        flex: 1;
        padding: 0 0.875rem;
        font-size: 0.9375rem;

        &::placeholder {
            color: var(--color-text-muted);
        }
    }

    .shop-search select {
        height: 1.75rem;
        font: inherit;
        color: var(--color-text-soft);
        appearance: none;
        cursor: pointer;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.25 6 8.25l4-4' fill='none' stroke='%23667085' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
            right 0.5rem center / 0.75rem no-repeat;
        border: 0;
        outline: 0;
        flex: none;
        padding: 0 1.75rem 0 1rem;
        font-size: 0.875rem;
        font-weight: 500;
    }

    .shop-search-submit {
        width: 3rem;
        height: 100%;
        color: var(--color-text-soft);
        border-radius: var(--radius-pill);
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        flex: none;
        place-items: center;
        padding: 0;
        font-size: 1.25rem;
        display: grid;
        position: relative;

        &:hover {
            color: var(--color-primary-ink);
        }
    }

    .shop-actions {
        align-items: center;
        gap: 0.125rem;
        display: flex;
    }

    .shop-action {
        min-width: 3rem;
        height: 3rem;
        font: inherit;
        color: var(--color-dark);
        border-radius: var(--radius-full);
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        justify-content: center;
        align-items: center;
        gap: 0.625rem;
        padding: 0;
        font-size: 1.625rem;
        text-decoration: none;
        display: inline-flex;
        position: relative;

        &:hover,
        &[aria-expanded='true'] {
            color: var(--color-primary-ink);
            background: var(--color-primary-50);
        }
    }

    .shop-action-count {
        font-variant-numeric: tabular-nums;
        text-align: center;
        min-width: 1.125rem;
        height: 1.125rem;
        color: var(--color-on-primary);
        background: var(--color-primary);
        border-radius: var(--radius-pill);
        box-shadow: 0 0 0 2px var(--color-bg);
        padding-inline: 0.3rem;
        font-size: 0.6875rem;
        font-weight: 700;
        line-height: 1.125rem;
        position: absolute;
        top: 0.3125rem;
        left: 1.75rem;
    }

    :root:has(.header-shop) .page-nav {
        top: var(--header-h);
    }

    :root.panel-modal-open {
        overflow: hidden;
    }

    @media (width >= 1024px) {
        .header-shop {
            --shop-logo-w: 10rem;

            & .navbar-inner > .brand {
                width: var(--shop-logo-w);
            }

            & .navbar-inner > .brand .brand-logo {
                object-fit: contain;
                object-position: left center;
                width: 100%;
            }

            & .nav-meta {
                left: calc(var(--container-x) + var(--shop-logo-w) + 2rem);
                gap: 2rem;
            }

            & .shop-search {
                flex: 1;
                max-width: 46rem;
                margin-right: auto;
            }

            & .nav-search-toggle {
                display: none;
            }

            & .nav-contact-text {
                flex-direction: column;
                line-height: 1.2;
                display: flex;
            }

            & .nav-contact .btn {
                font-size: 1.75rem;
            }

            & .nav-contact:before {
                display: none;
            }

            & .nav-contact-label {
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--color-text-muted);
                font-size: 0.6875rem;
                font-weight: 600;
                display: block;
            }

            & .nav-contact-value {
                font-size: 1.0625rem;
                font-weight: 700;
            }

            & .nav-actions > .shop-actions {
                grid-area: 2 / 2;
                justify-self: end;
            }
        }
    }

    @media (width >= 1024px) and (width <= 1279px) {
        .header-shop .nav-link {
            padding-inline: 0.75rem;
        }
    }

    @media (width <= 1023px) {
        .header-shop .site-topbar-inner,
        .header-shop .shop-search {
            display: none;
        }

        .header-shop .nav-search-toggle {
            margin-left: auto;
        }

        .header-shop .shop-action--account {
            display: none;
        }
    }

    @media (width <= 639px) {
        .header-shop .shop-action--wishlist {
            display: none;
        }

        .shop-announce-inner {
            padding-inline: 0.5rem 2.75rem;
        }

        .shop-announce .swiper-slide {
            font-size: 0.8125rem;
        }
    }

    .page-hero {
        --page-hero-y: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);
        isolation: isolate;
        padding-block: var(--page-hero-y);
        flex-direction: column;
        justify-content: center;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    .page-hero > .container {
        z-index: 1;
        width: 100%;
        position: relative;
    }

    .page-hero h1 {
        margin: 0;
    }

    .page-hero .page-hero-lead {
        max-width: 42rem;
        margin-top: 1.25rem;
    }

    .page-hero > .container:not(.flex) .breadcrumb {
        margin-top: 1.5rem;
    }

    .page-hero--center {
        text-align: center;
        align-items: center;
    }

    .page-hero--center .page-hero-lead {
        margin-inline: auto;
    }

    .page-hero--center .breadcrumb {
        justify-content: center;
    }

    .page-hero--end {
        text-align: right;
        align-items: flex-end;
    }

    .page-hero--end .breadcrumb {
        justify-content: flex-end;
    }

    .page-hero--sm {
        --page-hero-y: clamp(2.25rem, 2rem + 2vw, 3.5rem);
    }

    .page-hero--lg {
        --page-hero-y: clamp(5rem, 5rem + 6vw, 9rem);
    }

    .page-hero--tall {
        min-height: 70vh;
    }

    .page-hero--screen {
        min-height: 100vh;
    }

    .page-hero-bg {
        z-index: -2;
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
    }

    .page-hero--scrim-bottom:after {
        content: '';
        z-index: -1;
        pointer-events: none;
        background: linear-gradient(0deg, #000000bf 0%, #0000 55%);
        position: absolute;
        inset: 0;
    }

    .page-hero--inset {
        border-radius: var(--page-hero-radius, var(--radius-28));
        margin-inline: clamp(0.75rem, 2.5vw, 2.5rem);
    }

    .page-hero--overlap {
        padding-top: calc(var(--page-hero-y) + var(--header-h-rest, var(--header-h, 76px)));
    }

    .page-hero-scroll {
        z-index: 1;
        color: inherit;
        font-size: var(--text-sm);
        opacity: 0.85;
        flex-direction: column;
        align-items: center;
        gap: 0.4rem;
        text-decoration: none;
        display: inline-flex;
        position: absolute;
        bottom: 1.75rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .page-hero-scroll i {
        animation: page-hero-bob 1.8s var(--ease-in-out, ease-in-out) infinite;
    }

    .page-hero-meta {
        font-size: var(--text-base);
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem 1.25rem;
        margin-top: 1.5rem;
        display: flex;
    }

    .page-hero-meta > * {
        align-items: center;
        gap: 0.45rem;
        display: inline-flex;
    }

    @media (prefers-reduced-motion: reduce) {
        .page-hero-scroll i {
            animation: none;
        }
    }

    .hero-reel {
        --hero-reel-inset: clamp(0.5rem, 0.25rem + 0.7vw, 0.875rem);
        --hero-reel-ink: var(--color-dark-surface);
        --hero-reel-min-h: max(40rem, calc(100svh - var(--hero-reel-inset)));
        --hero-reel-gap: clamp(1.75rem, 1rem + 2.5vw, 3.25rem);
        --hero-reel-nav-h: 0px;
        --thumb-card-ink: var(--hero-reel-ink);
        padding: var(--hero-reel-inset) var(--hero-reel-inset) 0;
    }

    .hero-reel-frame {
        isolation: isolate;
        min-height: var(--hero-reel-min-h);
        border-radius: var(--hero-reel-radius, var(--radius-xl));
        background: var(--hero-reel-ink);
        color: #fff;
        display: grid;
        position: relative;
        overflow: clip;

        & > .swiper {
            width: 100%;
            position: absolute;
            inset: 0;
        }
    }

    .hero-reel-slide {
        overflow: clip;

        &:before {
            content: '';
            z-index: 1;
            pointer-events: none;
            background:
                linear-gradient(
                    to top,
                    var(--hero-reel-ink),
                    var(--hero-reel-ink) 38%,
                    transparent 62%
                ),
                linear-gradient(to bottom, var(--hero-reel-ink), transparent 9rem);
            position: absolute;
            inset: 0;

            @supports (color: color-mix(in lab, red, red)) {
                background:
                    linear-gradient(
                        to top,
                        color-mix(in oklch, var(--hero-reel-ink) 82%, transparent),
                        color-mix(in oklch, var(--hero-reel-ink) 35%, transparent) 38%,
                        transparent 62%
                    ),
                    linear-gradient(
                        to bottom,
                        color-mix(in oklch, var(--hero-reel-ink) 30%, transparent),
                        transparent 9rem
                    );
            }
        }
    }

    .swiper:not(.swiper-initialized) .hero-reel-slide:not(:first-child) {
        visibility: hidden;
    }

    .hero-reel-photo {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: translate 0s 1.4s;
        position: absolute;
        inset: 0;
        translate: -1.75%;
        scale: 1.07;
    }

    .swiper-slide-active .hero-reel-photo {
        transition: translate 9s linear;
        translate: 1.75%;
    }

    .hero-reel-copy {
        inset-inline: 0;
        z-index: 2;
        padding-top: calc(var(--header-h) + 3rem);
        padding-bottom: calc(var(--hero-reel-gap) + var(--hero-reel-nav-h));
        position: absolute;
        bottom: 0;
    }

    .hero-reel-meta {
        color: #ffffffd1;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem 1.25rem;
        margin: 0;
        font-size: 0.9375rem;
        font-weight: 500;
        display: flex;
    }

    .hero-reel-kicker {
        color: #fff;
        align-items: center;
        gap: 1.25rem;
        font-weight: 600;
        display: inline-flex;

        &:before {
            content: '';
            background: #ffffff8c;
            width: 2rem;
            height: 1px;
        }
    }

    .hero-reel-title {
        letter-spacing: -0.055em;
        color: #fff;
        text-wrap: nowrap;
        margin: 0.75rem 0 -0.14em;
        padding-bottom: 0.14em;
        font-size: clamp(4.5rem, 0.5rem + 12vw, 12rem);
        font-weight: 700;
        line-height: 0.9;
        overflow: clip;

        & span {
            margin-left: -0.05em;
            display: block;
        }
    }

    .hero-reel-text {
        color: #ffffffdb;
        text-wrap: pretty;
        max-width: 34ch;
        margin: 2.25rem 0 0;
        font-size: 1.0625rem;
        line-height: 1.55;
    }

    .hero-reel-cta {
        margin-top: 1.75rem;
    }

    @media (prefers-reduced-motion: no-preference) {
        .hero-reel-title span,
        .hero-reel-meta,
        .hero-reel-text,
        .hero-reel-cta {
            transition:
                translate 1s var(--ease-out),
                opacity 0.8s var(--ease-out);
        }

        .hero-reel-meta {
            transition-delay: 0.15s;
        }

        .hero-reel-title span {
            transition-delay: 0.25s;
        }

        .hero-reel-text {
            transition-delay: 0.45s;
        }

        .hero-reel-cta {
            transition-delay: 0.55s;
        }

        .swiper-initialized .hero-reel-slide:not(.swiper-slide-active) {
            & .hero-reel-title span {
                transition: translate 0s 1.3s;
                translate: 0 105%;
            }

            & :is(.hero-reel-meta, .hero-reel-text, .hero-reel-cta) {
                opacity: 0;
                transition:
                    opacity 0.4s,
                    translate 0s 1.3s;
                translate: 0 1rem;
            }
        }

        .hero-reel-slide:first-child .hero-reel-title span {
            animation: hero-reel-rise 1.1s 0.2s var(--ease-out) backwards;
        }
    }

    .hero-reel-nav {
        inset-inline: 0;
        bottom: var(--hero-reel-gap);
        z-index: 3;
        pointer-events: none;
        justify-content: flex-end;
        display: flex;
        position: absolute;

        & > [class] {
            pointer-events: auto;
            grid-auto-columns: minmax(0, var(--hero-reel-card-w, 12.75rem));
        }
    }

    @media (width < 1280px) {
        .hero-reel:has(.hero-reel-nav) {
            --hero-reel-nav-h: 6.75rem;
        }

        .hero-reel-nav {
            justify-content: stretch;

            & > [class] {
                grid-auto-columns: minmax(0, 1fr);
                width: 100%;
            }
        }
    }

    @media (width < 768px) {
        .hero-reel {
            --hero-reel-min-h: max(36rem, calc(100svh - var(--hero-reel-inset)));
        }

        .hero-reel:has(.hero-reel-nav) {
            --hero-reel-nav-h: 4.5rem;
        }

        .hero-reel-text {
            font-size: 1rem;
        }

        .hero-reel-kicker:before {
            display: none;
        }
    }

    html:has(.hero-reel--under-header) .site-header .navbar-inner {
        padding-top: var(--hero-reel-bar-gap, 0px);
        transition:
            height 0.4s var(--ease-out),
            padding-top 0.4s var(--ease-out);
    }

    @media (prefers-reduced-motion: reduce) {
        .hero-reel-photo,
        .swiper-slide-active .hero-reel-photo {
            transition: none;
            translate: none;
            scale: 1;
        }
    }

    .breadcrumb {
        --breadcrumb-sep: '›';
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
        font-size: 0.9375rem;
        line-height: 1.4;
        list-style: none;
        display: flex;
    }

    .breadcrumb-item {
        color: var(--color-text-soft);
        align-items: center;
        gap: 0.5rem;
        display: inline-flex;
    }

    .breadcrumb-item + .breadcrumb-item:before {
        content: var(--breadcrumb-sep);
        color: var(--color-text-muted);
        -webkit-user-select: none;
        user-select: none;
        font-size: 0.95em;
        line-height: 1;
    }

    .breadcrumb-item a {
        color: var(--color-text-soft);
        transition: color var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.4em;
        text-decoration: none;
        display: inline-flex;
    }

    .breadcrumb-item a:hover {
        color: var(--color-primary-ink);
    }

    .breadcrumb-item[aria-current='page'] {
        color: var(--color-text);
        font-weight: 500;
    }

    .breadcrumb-item i {
        font-size: 1.05em;
        line-height: 1;
    }

    .breadcrumb-ellipsis {
        color: var(--color-text-muted);
        align-items: center;
        display: inline-flex;
    }

    .breadcrumb--sm {
        font-size: var(--text-sm);
        gap: 0.4rem;
    }

    .breadcrumb--lg {
        font-size: var(--text-base);
        gap: 0.625rem;
    }

    .breadcrumb--slash {
        --breadcrumb-sep: '/';
    }

    .breadcrumb--dot {
        --breadcrumb-sep: '·';
    }

    .breadcrumb--arrow {
        --breadcrumb-sep: '→';
    }

    .breadcrumb--on-dark .breadcrumb-item,
    .breadcrumb--on-dark .breadcrumb-item a {
        color: var(--on-surface, var(--color-light));

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--on-surface, var(--color-light)) 70%, transparent);
        }
    }

    .breadcrumb--on-dark .breadcrumb-item + .breadcrumb-item:before,
    .breadcrumb--on-dark .breadcrumb-ellipsis {
        color: var(--on-surface, var(--color-light));

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--on-surface, var(--color-light)) 45%, transparent);
        }
    }

    .breadcrumb--on-dark .breadcrumb-item a:hover,
    .breadcrumb--on-dark .breadcrumb-item[aria-current='page'] {
        color: var(--on-surface, var(--color-light));
    }

    .breadcrumb--nowrap {
        scrollbar-width: none;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .breadcrumb--nowrap::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb--nowrap .breadcrumb-item {
        white-space: nowrap;
    }

    .divider {
        background: var(--color-border);
        border: none;
        height: 1px;
        margin: 0;
        display: block;
    }

    .divider-dashed {
        border-top: 1px dashed var(--color-border);
        background: none;
        height: 0;
    }

    .divider-dotted {
        border-top: 1px dotted var(--color-border);
        background: none;
        height: 0;
    }

    .divider-double {
        border-top: 1px solid var(--color-border);
        border-bottom: 1px solid var(--color-border);
        background: none;
        height: 5px;
    }

    .divider-2 {
        height: 2px;
    }

    .divider-3 {
        height: 3px;
    }

    .divider-4 {
        height: 4px;
    }

    .divider-6 {
        height: 6px;
    }

    .divider-8 {
        height: 8px;
    }

    .divider-dashed.divider-2 {
        border-top-width: 2px;
    }

    .divider-dashed.divider-3 {
        border-top-width: 3px;
    }

    .divider-dashed.divider-4 {
        border-top-width: 4px;
    }

    .divider-dotted.divider-2 {
        border-top-width: 2px;
    }

    .divider-dotted.divider-3 {
        border-top-width: 3px;
    }

    .divider-dotted.divider-4 {
        border-top-width: 4px;
    }

    .divider-primary {
        background: var(--color-primary);
    }

    .divider-secondary {
        background: var(--color-secondary);
    }

    .divider-tertiary {
        background: var(--color-tertiary);
    }

    .divider-quaternary {
        background: var(--color-quaternary);
    }

    .divider-accent {
        background: var(--color-accent);
    }

    .divider-dark {
        background: var(--color-dark);
    }

    .divider-soft {
        background: var(--color-border-soft);
    }

    .divider-muted {
        background: var(--color-border);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-border) 35%, transparent);
        }
    }

    .divider-dashed.divider-primary,
    .divider-dotted.divider-primary {
        border-color: var(--color-primary);
        background: none;
    }

    .divider-dashed.divider-secondary,
    .divider-dotted.divider-secondary {
        border-color: var(--color-secondary);
        background: none;
    }

    .divider-dashed.divider-tertiary,
    .divider-dotted.divider-tertiary {
        border-color: var(--color-tertiary);
        background: none;
    }

    .divider-dashed.divider-quaternary,
    .divider-dotted.divider-quaternary {
        border-color: var(--color-quaternary);
        background: none;
    }

    .divider-dashed.divider-accent,
    .divider-dotted.divider-accent {
        border-color: var(--color-accent);
        background: none;
    }

    .divider-dashed.divider-dark,
    .divider-dotted.divider-dark {
        border-color: var(--color-dark);
        background: none;
    }

    .divider-fade {
        background: linear-gradient(
            to right,
            transparent,
            var(--color-border) 20%,
            var(--color-border) 80%,
            transparent
        );
    }

    .divider-fade-left {
        background: linear-gradient(to right, var(--color-border) 60%, transparent);
    }

    .divider-fade-right {
        background: linear-gradient(to left, var(--color-border) 60%, transparent);
    }

    .divider-gradient-primary {
        background: linear-gradient(to right, var(--color-primary-300), var(--color-primary-600));
        height: 2px;
    }

    .divider-gradient-secondary {
        background: linear-gradient(
            to right,
            var(--color-secondary-300),
            var(--color-secondary-600)
        );
        height: 2px;
    }

    .divider-gradient-accent {
        background: linear-gradient(to right, var(--color-accent-300), var(--color-accent-600));
        height: 2px;
    }

    .divider-gradient-brand {
        background: linear-gradient(
            to right,
            var(--color-primary-200),
            var(--color-primary-600) 55%,
            var(--color-primary-900)
        );
        height: 2px;
    }

    .divider-labeled,
    .divider-labeled-left,
    .divider-labeled-right {
        --_line-color: var(--color-border);
        align-items: center;
        gap: 0.875rem;
        display: flex;
    }

    .divider-labeled:before,
    .divider-labeled:after,
    .divider-labeled-left:after,
    .divider-labeled-right:before {
        content: '';
        background: var(--_line-color);
        flex: 1;
        height: 1px;
    }

    .divider-labeled-left:before,
    .divider-labeled-right:after {
        display: none;
    }

    .divider-labeled.divider-lines-dashed:before,
    .divider-labeled.divider-lines-dashed:after,
    .divider-labeled-left.divider-lines-dashed:after,
    .divider-labeled-right.divider-lines-dashed:before {
        border-top: 1px dashed var(--_line-color);
        background: none;
        height: 0;
    }

    .divider-lines-primary {
        --_line-color: var(--color-primary);
    }

    .divider-lines-secondary {
        --_line-color: var(--color-secondary);
    }

    .divider-lines-tertiary {
        --_line-color: var(--color-tertiary);
    }

    .divider-lines-quaternary {
        --_line-color: var(--color-quaternary);
    }

    .divider-lines-accent {
        --_line-color: var(--color-accent);
    }

    .divider-lines-dark {
        --_line-color: var(--color-dark);
    }

    .divider-lines-muted {
        --_line-color: var(--color-border-soft);
    }

    .divider-icon {
        border-radius: var(--radius-full);
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-text-muted);
        transition:
            color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        display: inline-flex;
        box-shadow: 0 1px 2px #0f172a0d;
    }

    a.divider-icon:hover,
    button.divider-icon:hover {
        color: var(--color-primary-ink);
        border-color: var(--color-primary-200);
        transform: translateY(-1px);
    }

    .divider-icon-sq {
        border-radius: var(--radius-md);
    }

    .divider-icon-primary {
        background: var(--color-primary-50);
        border-color: var(--color-primary-200);
        color: var(--color-primary-ink);
    }

    .divider-icon-secondary {
        background: var(--color-secondary-50);
        border-color: var(--color-secondary-200);
        color: var(--color-secondary-ink);
    }

    .divider-icon-tertiary {
        background: var(--color-tertiary-50);
        border-color: var(--color-tertiary-200);
        color: var(--color-tertiary-ink);
    }

    .divider-icon-quaternary {
        background: var(--color-quaternary-50);
        border-color: var(--color-quaternary-200);
        color: var(--color-quaternary-ink);
    }

    .divider-icon-accent {
        background: var(--color-accent-50);
        border-color: var(--color-accent-200);
        color: var(--color-accent-ink);
    }

    .divider-icon-dark {
        background: var(--color-bg-muted);
        border-color: var(--color-border);
        color: var(--color-dark);
    }

    .divider-heading {
        border-bottom: 1px solid var(--color-border);
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding-bottom: 0.75rem;
        display: flex;
    }

    .divider-heading-primary {
        border-bottom-color: var(--color-primary);
    }

    .divider-heading-secondary {
        border-bottom-color: var(--color-secondary);
    }

    .divider-heading-tertiary {
        border-bottom-color: var(--color-tertiary);
    }

    .divider-heading-accent {
        border-bottom-color: var(--color-accent);
    }

    .divider-heading-dark {
        border-bottom-color: var(--color-dark);
    }

    .divider-heading-thick {
        border-bottom-width: 2px;
    }

    .divider-v {
        background: var(--color-border);
        flex-shrink: 0;
        align-self: stretch;
        width: 1px;
        display: inline-block;
    }

    .divider-v-inline {
        vertical-align: middle;
        background: var(--color-border);
        flex-shrink: 0;
        width: 1px;
        height: 0.9em;
        display: inline-block;
    }

    .divider-shimmer {
        background: linear-gradient(
            90deg,
            var(--color-border) 0%,
            var(--color-primary-300) 40%,
            var(--color-primary-500) 60%,
            var(--color-border) 100%
        );
        background-size: 200% 100%;
        border: none;
        height: 2px;
        animation: 2.4s linear infinite divider-shimmer;
    }

    .divider-shimmer-primary {
        background: linear-gradient(
            90deg,
            var(--color-primary-100) 0%,
            var(--color-primary-500) 50%,
            var(--color-primary-100) 100%
        );
        background-size: 200% 100%;
        border: none;
        height: 2px;
        animation: 2.4s linear infinite divider-shimmer;
    }

    .divider-pulse-dot {
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 0.75rem;
        height: 0.75rem;
        display: inline-flex;
        position: relative;
    }

    .divider-pulse-dot:before {
        content: '';
        background: var(--color-primary-300);
        border-radius: 50%;
        animation: 1.5s ease-out infinite divider-pulse-ring;
        position: absolute;
        inset: 0;
    }

    .divider-pulse-dot:after {
        content: '';
        background: var(--color-primary);
        border-radius: 50%;
        width: 0.375rem;
        height: 0.375rem;
        position: absolute;
    }

    @media (prefers-reduced-motion: reduce) {
        .divider-shimmer,
        .divider-shimmer-primary,
        .divider-pulse-dot:before {
            animation: none;
        }
    }

    .dark-section,
    .section-dark {
        --on-surface: #fff;
    }

    .section-primary {
        --on-surface: var(--color-on-primary);
    }

    .section-secondary {
        --on-surface: var(--color-on-secondary);
    }

    .section-tertiary {
        --on-surface: var(--color-on-tertiary);
    }

    .section-quaternary {
        --on-surface: var(--color-on-quaternary);
    }

    .section-accent {
        --on-surface: var(--color-on-accent);
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .dark-section,
        .section-dark {
            --color-primary-ink: oklch(from var(--color-primary-base) max(l, 0.538983) c h);
            --color-secondary-ink: oklch(from var(--color-secondary-base) max(l, 0.409211) c h);
            --color-tertiary-ink: oklch(from var(--color-tertiary-base) max(l, 0.589521) c h);
            --color-quaternary-ink: oklch(from var(--color-quaternary-base) max(l, 0.554385) c h);
            --color-accent-ink: oklch(from var(--color-accent-base) max(l, 0.661525) c h);
            --color-link-hover: oklch(
                from var(--color-primary-ink) calc(l + (max(l, 0.97) - l) * 0.2808) calc(c * 0.82) h
            );
        }

        :is(.dark-section, .section-dark)
            :is(.bg-white, .bg-light, .bg-base, .bg-soft, .bg-muted, .bg-dark-soft) {
            --color-primary-ink: var(--color-primary-ink-light);
            --color-secondary-ink: var(--color-secondary-ink-light);
            --color-tertiary-ink: var(--color-tertiary-ink-light);
            --color-quaternary-ink: var(--color-quaternary-ink-light);
            --color-accent-ink: var(--color-accent-ink-light);
            --color-link-hover: oklch(
                from var(--color-primary-ink) calc(l + (max(l, 0.97) - l) * 0.2808) calc(c * 0.82) h
            );
        }

        .dark-section,
        .section-dark {
            --color-primary-300: oklch(
                from var(--color-primary-base) max(calc(l + (max(l, 0.97) - l) * 0.536), 0.77)
                    calc(c * 0.62) h
            );
        }
    }

    .section-primary,
    .section-secondary,
    .section-tertiary,
    .section-quaternary,
    .section-accent,
    .section-dark {
        color: var(--on-surface, #fff);
    }

    .section-primary {
        background: var(--color-primary);
    }

    .section-secondary {
        background: var(--color-secondary);
    }

    .section-tertiary {
        background: var(--color-tertiary);
    }

    .section-quaternary {
        background: var(--color-quaternary);
    }

    .section-accent {
        background: var(--color-accent);
    }

    .section-dark {
        background: var(--color-dark);
    }

    .section-primary-soft {
        background: var(--color-primary-50);
    }

    .section-secondary-soft {
        background: var(--color-secondary-50);
    }

    .section-tertiary-soft {
        background: var(--color-tertiary-50);
    }

    .section-accent-soft {
        background: var(--color-accent-50);
    }

    .section-gradient-primary {
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                var(--section-gradient-angle, 135deg),
                var(--color-primary-900) 0%,
                var(--color-primary-600) 100%
            );
        color: var(--color-on-primary);
    }

    .section-gradient-secondary {
        --color-white: var(--color-on-secondary);
        --on-surface: var(--color-on-secondary);
        background:
            var(--gradient-secondary-light, none),
            linear-gradient(
                var(--section-gradient-angle, 135deg),
                var(--color-secondary-900) 0%,
                var(--color-secondary-500-shade) 100%
            );
        color: var(--color-on-secondary);
    }

    .section-gradient-accent {
        --color-white: var(--color-on-accent);
        --on-surface: var(--color-on-accent);
        background:
            var(--gradient-accent-light, none),
            linear-gradient(
                var(--section-gradient-angle, 135deg),
                var(--color-accent-700) 0%,
                var(--color-accent-400-shade) 100%
            );
        color: var(--color-on-accent);
    }

    .section-gradient-dark {
        background: linear-gradient(
            var(--section-gradient-angle, 135deg),
            var(--color-dark) 0%,
            var(--color-primary-900) 100%
        );
        color: #fff;
    }

    .section-gradient-brand {
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                var(--section-gradient-angle, 135deg),
                var(--color-primary-950) 0%,
                var(--color-primary-800) 45%,
                var(--color-primary-600) 100%
            );
        color: var(--color-on-primary);
    }

    .section-gradient-vertical {
        --section-gradient-angle: 180deg;
    }

    .section-gradient-light {
        background: linear-gradient(
            var(--section-gradient-angle, 135deg),
            #fff 0%,
            var(--color-bg-muted) 100%
        );
    }

    .section-gradient-animated {
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                270deg,
                var(--color-primary-950),
                var(--color-primary-700),
                var(--color-primary-500-shade),
                var(--color-primary-800)
            );
        color: var(--color-on-primary);
        background-size: 250% 100%;
        animation: 12s infinite section-bg-pan;
    }

    @media (prefers-reduced-motion: reduce) {
        .section-gradient-animated {
            animation: none;
        }
    }

    .section-dots,
    .section-grid,
    .section-lines,
    .section-noise {
        isolation: isolate;
        position: relative;
    }

    .section-dots:before,
    .section-grid:before,
    .section-lines:before,
    .section-noise:before {
        content: '';
        z-index: -1;
        pointer-events: none;
        position: absolute;
        inset: 0;
    }

    .section-dots:before {
        opacity: 0.15;
        background-image: radial-gradient(circle, currentColor 1px, #0000 1px);
        background-size: 20px 20px;
    }

    .section-texture-fade:before {
        mask-image: linear-gradient(#000 35%, #0000);
    }

    .section-grid:before {
        opacity: 0.15;
        background-image:
            linear-gradient(currentColor 1px, #0000 1px),
            linear-gradient(90deg, currentColor 1px, #0000 1px);
        background-size: 32px 32px;
    }

    .section-lines {
        --section-lines-count: 5;
        --section-lines-extend: 40px;
        --section-lines-band: calc(var(--container-width) + 2 * var(--section-lines-extend));
    }

    .section-lines:before {
        width: min(100%, var(--section-lines-band));
        background-image:
            linear-gradient(90deg, currentColor 0 1px, #0000 1px),
            linear-gradient(90deg, #0000 calc(100% - 1px), currentColor calc(100% - 1px));
        background-repeat: no-repeat, repeat-x;
        background-size:
            100% 100%,
            calc(100% / (var(--section-lines-count) - 1)) 100%;
        opacity: 0.1;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    .section-noise:before {
        opacity: 0.08;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
    }

    .section-angle-down {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 64px), 0 100%);
        padding-bottom: calc(var(--section-space) + 64px);
    }

    .section-angle-down-reverse {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 64px));
        padding-bottom: calc(var(--section-space) + 64px);
    }

    .section-angle-up {
        clip-path: polygon(0 64px, 100% 0, 100% 100%, 0 100%);
        padding-top: calc(var(--section-space) + 64px);
    }

    .section-angle-up-reverse {
        clip-path: polygon(0 0, 100% 64px, 100% 100%, 0 100%);
        padding-top: calc(var(--section-space) + 64px);
    }

    .section-angle-v {
        clip-path: polygon(0 64px, 100% 0, 100% calc(100% - 64px), 0 100%);
        padding-top: calc(var(--section-space) + 64px);
        padding-bottom: calc(var(--section-space) + 64px);
    }

    .section-wave {
        position: relative;
        overflow: hidden;
    }

    .section-wave-svg {
        width: 100%;
        height: 60px;
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
    }

    .section-notch-top,
    .section-notch-bottom,
    .section-tab-top {
        --notch-w: 15rem;
        --notch-h: 2.5rem;
        isolation: isolate;
        position: relative;
    }

    .section-notch-top,
    .section-notch-bottom {
        --_notch-top: linear-gradient(transparent, transparent);
        --_notch-bottom: linear-gradient(transparent, transparent);

        &:after {
            content: '';
            z-index: 2;
            pointer-events: none;
            background: linear-gradient(
                var(--notch-fill-top, var(--notch-fill, var(--color-bg))) 50%,
                var(--notch-fill-bottom, var(--notch-fill, var(--color-bg))) 50%
            );
            mask:
                var(--_notch-top) top center / var(--notch-w) var(--notch-h) no-repeat,
                var(--_notch-bottom) bottom center / var(--notch-w) var(--notch-h) no-repeat;
            position: absolute;
            inset: -1px 0;
        }
    }

    .section-notch-top {
        --_notch-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 0C42 0 42 40 86 40h68c44 0 44-40 86-40Z'/%3E%3C/svg%3E");
    }

    .section-notch-bottom {
        --_notch-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40C42 40 42 0 86 0h68c44 0 44 40 86 40Z'/%3E%3C/svg%3E");
    }

    .section-notch-soft {
        --notch-fill: var(--color-bg-soft);
    }

    .section-notch-dark {
        --notch-fill: var(--color-dark-surface);
        --notch-ink: #fff;
    }

    .section-notch-lg {
        --notch-w: clamp(15rem, 10rem + 12vw, 22rem);
        --notch-h: 3.5rem;
    }

    .section-tab-top:after {
        content: '';
        width: var(--notch-w);
        height: var(--notch-h);
        background: inherit;
        pointer-events: none;
        position: absolute;
        bottom: calc(100% - 1px);
        left: 50%;
        translate: -50%;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40C42 40 42 0 86 0h68c44 0 44 40 86 40Z'/%3E%3C/svg%3E")
            center / 100% 100% no-repeat;
    }

    .section-notch-disc {
        --notch-disc: 3.5rem;
        z-index: 3;
        left: 50%;
        bottom: calc(var(--notch-h) - var(--notch-disc) / 2);
        width: var(--notch-disc);
        aspect-ratio: 1;
        border-radius: var(--radius-full);
        color: var(--notch-ink, var(--color-text));
        background: var(--notch-fill-bottom, var(--notch-fill, var(--color-bg)));
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        place-items: center;
        font-size: 1.25rem;
        text-decoration: none;
        display: grid;
        position: absolute;
        translate: -50%;
        box-shadow:
            0 1px 2px #0000000f,
            0 0.125rem 0.5rem #0000001f;

        &:is(a, button):hover {
            color: var(--color-on-primary);
            background: var(--color-primary);
        }

        &:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 3px;
        }
    }

    .section-notch-disc--top {
        top: calc(var(--notch-h) - var(--notch-disc) / 2);
        background: var(--notch-fill-top, var(--notch-fill, var(--color-bg)));
        bottom: auto;
    }

    .section-tab-top > .section-notch-disc--top {
        top: calc(-1 * var(--notch-h) - var(--notch-disc) / 2);
        color: inherit;
        background: inherit;
    }

    .section-notch-disc--cue > i {
        animation: 2.6s ease-in-out infinite section-notch-bob;
    }

    @media (prefers-reduced-motion: reduce) {
        .section-notch-disc--cue > i {
            animation: none;
        }
    }

    .section-split {
        grid-template-columns: 1fr 1fr;
        min-height: 520px;
        display: grid;
    }

    .section-split-reverse {
        direction: rtl;
        grid-template-columns: 1fr 1fr;
        min-height: 520px;
        display: grid;
    }

    .section-split-reverse > * {
        direction: ltr;
    }

    @media (width <= 767px) {
        .section-split,
        .section-split-reverse {
            direction: ltr;
            grid-template-columns: 1fr;
        }
    }

    .section-split-media {
        background-position: center;
        background-size: cover;
        min-height: 320px;
    }

    .section-split-body {
        align-items: center;
        padding: clamp(2rem, 6vw, 5rem);
        display: flex;
    }

    .section-tall {
        min-height: 70vh;
    }

    .section-full {
        min-height: 100vh;
    }

    .section-border-start {
        border-left: 4px solid var(--color-border);
        padding-left: 2rem;
    }

    .section-border-start-primary {
        border-left-color: var(--color-primary);
    }

    .section-border-start-secondary {
        border-left-color: var(--color-secondary);
    }

    .section-border-start-tertiary {
        border-left-color: var(--color-tertiary);
    }

    .section-border-start-quaternary {
        border-left-color: var(--color-quaternary);
    }

    .section-border-start-accent {
        border-left-color: var(--color-accent);
    }

    .section-border-start-dark {
        border-left-color: var(--color-dark);
    }

    .section-particles {
        isolation: isolate;
        position: relative;
    }

    .section-particles > canvas {
        z-index: -1;
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
    }

    .section-expand {
        transform-origin: center;
        position: relative;
    }

    @supports (animation-timeline: view()) {
        .section-expand {
            will-change: transform;
            animation: linear both section-expand-grow;
            animation-timeline: view();
            animation-range: entry 8% cover 48%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .section-expand {
            will-change: auto;
            animation: none;
        }
    }

    .section-wipe {
        position: relative;
    }

    @supports (animation-timeline: view()) {
        .section-wipe {
            will-change: clip-path;
            animation: linear both section-wipe-reveal;
            animation-timeline: view();
            animation-range: entry 8% cover 48%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .section-wipe {
            will-change: auto;
            animation: none;
        }
    }

    [data-section-colors] {
        background-color: var(--section-color-bg, var(--color-bg));
        color: var(--section-color-text, var(--color-text));
        transition:
            background-color var(--section-color-duration, 0.8s) var(--ease-out),
            color var(--section-color-duration, 0.8s) var(--ease-out);
    }

    [data-section-colors] [data-section-bg] {
        background-color: #0000;
    }

    [data-section-colors] :is(h1, h2, h3, h4, h5, h6) {
        color: inherit;
    }

    @media (prefers-reduced-motion: reduce) {
        [data-section-colors] {
            --section-color-duration: 1ms;
        }
    }

    .aurora {
        isolation: isolate;
        color: #fff;
        background: #0b1020;
        position: relative;
        overflow: hidden;
    }

    .aurora:before {
        content: '';
        z-index: -1;
        background:
            radial-gradient(38% 34% at 30% 42%, var(--color-primary), transparent 70%),
            radial-gradient(34% 30% at 70% 58%, var(--color-primary-800), transparent 70%),
            radial-gradient(30% 28% at 52% 22%, var(--color-primary-400), transparent 70%);
        position: absolute;
        inset: -35%;

        @supports (color: color-mix(in lab, red, red)) {
            background:
                radial-gradient(
                    38% 34% at 30% 42%,
                    color-mix(in srgb, var(--color-primary) 62%, transparent),
                    transparent 70%
                ),
                radial-gradient(
                    34% 30% at 70% 58%,
                    color-mix(in srgb, var(--color-primary-800) 70%, transparent),
                    transparent 70%
                ),
                radial-gradient(
                    30% 28% at 52% 22%,
                    color-mix(in srgb, var(--color-primary-400) 50%, transparent),
                    transparent 70%
                );
        }

        filter: blur(28px);
        animation: 16s ease-in-out infinite alternate aurora-drift;
    }

    @media (prefers-reduced-motion: reduce) {
        .aurora:before {
            animation: none;
        }
    }

    :root {
        --aurora-0: oklch(from var(--color-primary-base) 0.19 min(c, 0.1) h);
        --aurora-1: var(--color-primary);
        --aurora-2: var(--color-tertiary);
        --aurora-3: var(--color-accent);
        --aurora-4: #fff;
    }

    .aurora-field {
        z-index: -1;
        border-radius: inherit;
        pointer-events: none;
        background:
            radial-gradient(42% 56% at 80% 72%, var(--aurora-4), transparent 72%),
            radial-gradient(52% 70% at 66% 62%, var(--aurora-3), transparent 72%),
            radial-gradient(48% 80% at 100% 28%, var(--aurora-2), transparent 74%),
            radial-gradient(90% 120% at 46% 0%, var(--aurora-1), transparent 72%), var(--aurora-0);
        position: absolute;
        inset: 0;
        overflow: clip;

        @supports (color: color-mix(in lab, red, red)) {
            background:
                radial-gradient(
                    42% 56% at 80% 72%,
                    color-mix(in srgb, var(--aurora-4) 82%, transparent),
                    transparent 72%
                ),
                radial-gradient(
                    52% 70% at 66% 62%,
                    color-mix(in srgb, var(--aurora-3) 88%, transparent),
                    transparent 72%
                ),
                radial-gradient(48% 80% at 100% 28%, var(--aurora-2), transparent 74%),
                radial-gradient(90% 120% at 46% 0%, var(--aurora-1), transparent 72%),
                var(--aurora-0);
        }

        &:has([data-aurora='deep']) {
            background:
                radial-gradient(34% 44% at 96% 104%, var(--aurora-3), transparent 72%),
                radial-gradient(60% 80% at 92% 100%, var(--aurora-1), transparent 72%),
                var(--aurora-0);

            @supports (color: color-mix(in lab, red, red)) {
                background:
                    radial-gradient(
                        34% 44% at 96% 104%,
                        color-mix(in srgb, var(--aurora-3) 70%, transparent),
                        transparent 72%
                    ),
                    radial-gradient(
                        60% 80% at 92% 100%,
                        color-mix(in srgb, var(--aurora-1) 80%, transparent),
                        transparent 72%
                    ),
                    var(--aurora-0);
            }
        }

        &:has([data-aurora='bloom']) {
            background:
                radial-gradient(36% 46% at 50% 100%, var(--aurora-4), transparent 72%),
                radial-gradient(46% 62% at 26% 100%, var(--aurora-3), transparent 72%),
                radial-gradient(46% 62% at 76% 96%, var(--aurora-2), transparent 72%),
                radial-gradient(120% 90% at 50% 100%, var(--aurora-1), transparent 74%),
                var(--aurora-0);

            @supports (color: color-mix(in lab, red, red)) {
                background:
                    radial-gradient(
                        36% 46% at 50% 100%,
                        color-mix(in srgb, var(--aurora-4) 82%, transparent),
                        transparent 72%
                    ),
                    radial-gradient(
                        46% 62% at 26% 100%,
                        color-mix(in srgb, var(--aurora-3) 88%, transparent),
                        transparent 72%
                    ),
                    radial-gradient(46% 62% at 76% 96%, var(--aurora-2), transparent 72%),
                    radial-gradient(120% 90% at 50% 100%, var(--aurora-1), transparent 74%),
                    var(--aurora-0);
            }
        }

        & > canvas {
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            inset: 0;
        }
    }

    .aurora-grain,
    .aurora-field--grain:after {
        z-index: -1;
        border-radius: inherit;
        pointer-events: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.6 .6 .6 0 -.4 .6 .6 .6 0 -.4 .6 .6 .6 0 -.4 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
        background-size: var(--aurora-grain-size, 240px) var(--aurora-grain-size, 240px);
        mix-blend-mode: soft-light;
        opacity: var(--aurora-grain-opacity, 0.55);
        position: absolute;
        inset: 0;
    }

    .aurora-field--grain:after {
        content: '';
        z-index: 0;
    }

    .parallax-bg {
        isolation: isolate;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        position: relative;
    }

    @media (hover: none) {
        .parallax-bg {
            background-attachment: scroll;
        }
    }

    .parallax-zoom {
        isolation: isolate;
        position: relative;
        overflow: hidden;
    }

    .parallax-zoom-inner {
        will-change: transform;
        transform-origin: center;
        z-index: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        inset: 0;
    }

    .parallax-split,
    .parallax-split-reverse {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        min-height: 520px;
        display: grid;
    }

    .parallax-split-reverse {
        direction: rtl;
    }

    .parallax-split-reverse > * {
        direction: ltr;
    }

    @media (width <= 767px) {
        .parallax-split,
        .parallax-split-reverse {
            direction: ltr;
            grid-template-columns: minmax(0, 1fr);
        }
    }

    .parallax-split-media {
        min-height: 320px;
    }

    .parallax-split-body {
        align-items: center;
        padding: clamp(2rem, 6vw, 5rem);
        display: flex;
    }

    .parallax-layers-scene {
        position: relative;
        overflow: hidden;
    }

    [data-parallax-speed] {
        will-change: transform;
    }

    .parallax-shape {
        pointer-events: none;
        opacity: 0.5;
        border-radius: 50%;
        position: absolute;
    }

    .parallax-mouse {
        position: relative;
        overflow: hidden;
    }

    .parallax-mouse-layer {
        will-change: transform;
        transition: transform var(--duration-fast) linear;
        pointer-events: none;
    }

    @supports (animation-timeline: scroll()) {
        .parallax-scroll-fade {
            animation: linear both parallax-fade-rise;
            animation-timeline: view();
            animation-range: entry cover 55%;
        }

        .parallax-scroll-scale {
            animation: linear both parallax-scale-in;
            animation-timeline: view();
            animation-range: entry cover 60%;
        }

        .parallax-scroll-slide-left {
            animation: linear both parallax-slide-left;
            animation-timeline: view();
            animation-range: entry cover 55%;
        }

        .parallax-scroll-slide-right {
            animation: linear both parallax-slide-right;
            animation-timeline: view();
            animation-range: entry cover 55%;
        }
    }

    .parallax-drift {
        view-timeline: --parallax-drift;
        overflow: hidden;
    }

    .parallax-unfold {
        --unfold-inset: max(
            var(--container-x),
            calc((100% - var(--container-width)) / 2 + var(--container-x))
        );
        overflow: clip;
    }

    .parallax-unfold--capsule {
        --unfold-inset: 12%;
        --unfold-inset-y: 30%;
        --unfold-radius: calc(var(--radius-2xl) * 8);
        --unfold-to-radius: var(--radius-2xl);
        isolation: isolate;
        border-radius: var(--unfold-to-radius);

        @media (width >= 768px) {
            --unfold-inset: 31%;
            --unfold-inset-y: 24%;
        }
    }

    @media (prefers-reduced-motion: no-preference) {
        @supports (animation-timeline: view()) {
            .parallax-drift > img {
                will-change: translate;
                animation: linear both parallax-drift;
                animation-timeline: --parallax-drift;
                scale: 1.18;
            }

            .parallax-unfold {
                will-change: clip-path;
                animation: linear both parallax-unfold;
                animation-timeline: view();
                animation-range: entry 10% cover 45%;
            }

            .parallax-unfold--capsule {
                animation-range: entry 25% cover 50%;
            }
        }
    }

    @keyframes parallax-drift {
        from {
            translate: 0 calc(var(--drift, 8%) * -1);
        }

        to {
            translate: 0 var(--drift, 8%);
        }
    }

    @keyframes parallax-unfold {
        from {
            clip-path: inset(
                var(--unfold-inset-y, 0) var(--unfold-inset) round
                    var(--unfold-radius, var(--radius-xl))
            );
        }

        to {
            clip-path: inset(0 0 round var(--unfold-to-radius, 0));
        }
    }

    @keyframes parallax-fade-rise {
        from {
            opacity: 0;
            transform: translateY(40px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes parallax-scale-in {
        from {
            opacity: 0;
            transform: scale(0.88);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes parallax-slide-left {
        from {
            opacity: 0;
            transform: translateX(-40px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @keyframes parallax-slide-right {
        from {
            opacity: 0;
            transform: translateX(40px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .parallax-bg code,
    .parallax-zoom code,
    .parallax-layers-scene code,
    .parallax-mouse code {
        color: inherit;
        background: #ffffff1f;
    }

    .tabs {
        width: 100%;
    }

    .tabs-nav {
        scrollbar-width: none;
        align-items: center;
        display: flex;
        overflow-x: auto;
    }

    .tabs-nav::-webkit-scrollbar {
        display: none;
    }

    .tabs-nav > .tab-btn {
        flex-shrink: 0;
    }

    .tab-btn {
        cursor: pointer;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        color: var(--color-text-soft);
        white-space: nowrap;
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1.25rem;
        font-weight: 500;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            color: var(--color-text);
        }

        &.is-active {
            color: var(--color-primary-ink);
            font-weight: 600;
        }
    }

    .tab-btn:focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
        border-radius: var(--radius-xs);
    }

    .tabs-panels {
        grid-template-columns: 100%;
        margin-top: 1.5rem;
        display: grid;
    }

    .tabs-panel {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            visibility 0s var(--duration-fast);
        grid-area: 1 / 1;
        transform: translateY(0.5rem);

        &.is-active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transition:
                opacity var(--duration-base) var(--ease-out) 80ms,
                transform var(--duration-base) var(--ease-out) 80ms,
                visibility 0s 0s;
            transform: none;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .tabs-panel,
        .tabs-panel.is-active {
            transform: none;
        }
    }

    .tabs-underline {
        & .tabs-nav {
            border-bottom: 1px solid var(--color-border);
            position: relative;
        }

        & .tab-btn {
            padding: 0.75rem 1rem 0.875rem;
            position: relative;

            &:after {
                content: '';
                height: 2px;
                transition: background var(--duration-fast) var(--ease-out);
                background: none;
                border-radius: 2px 2px 0 0;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

            &:not(.is-active):hover:after {
                background: var(--color-border);
            }

            &.is-active:after {
                background: var(--color-primary);
            }
        }

        & .tab-indicator {
            z-index: 1;
            height: 2px;
            width: var(--tab-w, 0px);
            transform: translateX(var(--tab-x, 0px));
            background: var(--tab-accent, var(--color-primary));
            opacity: 0;
            pointer-events: none;
            border-radius: 2px 2px 0 0;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        & .tabs-nav.has-indicator .tab-indicator {
            opacity: 1;
            transition:
                transform 0.48s var(--ease-out),
                width 0.48s var(--ease-out),
                opacity var(--duration-fast) var(--ease-out);
        }

        & .tabs-nav.has-indicator .tab-btn.is-active:after {
            content: none;
        }
    }

    .tabs-bottom.tabs-underline .tab-indicator {
        border-radius: 0 0 2px 2px;
        top: 0;
        bottom: auto;
    }

    @media (prefers-reduced-motion: reduce) {
        .tabs-underline .tabs-nav.has-indicator .tab-indicator {
            transition: opacity var(--duration-fast) var(--ease-out);
        }
    }

    .tabs-pills {
        & .tabs-nav {
            gap: 0.375rem;
        }

        & .tab-btn {
            border-radius: var(--radius-pill);
            transition:
                color var(--duration-fast) var(--ease-out),
                background-color var(--duration-fast) var(--ease-out),
                box-shadow var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
            padding: 0.5rem 1.125rem;

            &:hover {
                background: var(--color-bg-muted);
                color: var(--color-text);
            }

            &:active {
                transform: scale(0.96);
            }

            &.is-active {
                background: var(--color-primary);
                color: var(--color-on-primary);
            }
        }
    }

    .tabs-pills.tabs-inset {
        & .tabs-nav {
            background: var(--color-bg-soft);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-lg);
            gap: 0.25rem;
            padding: 0.3rem;
            display: inline-flex;
        }

        & .tab-btn {
            border-radius: calc(var(--radius-lg) - 0.3rem);

            &:hover {
                background: var(--color-bg-muted);
                color: var(--color-text);
            }

            &.is-active {
                background: var(--color-bg);
                color: var(--color-text);
                box-shadow: var(--shadow-sm);
            }
        }
    }

    .tabs-capsule {
        --tab-pad: 0.375rem;

        & .tabs-nav {
            width: fit-content;
            max-width: 100%;
            padding: var(--tab-pad);
            background: var(--color-bg);
            border-radius: var(--radius-pill);
            box-shadow:
                var(--shadow-xs),
                inset 0 0 0 1px var(--color-border);
            scrollbar-width: none;
            gap: 0.125rem;
            display: flex;
            position: relative;
            overflow: auto hidden;
        }

        & .tabs-nav::-webkit-scrollbar {
            display: none;
        }

        & .tab-btn {
            z-index: 1;
            border-radius: var(--radius-pill);
            transition:
                color var(--duration-fast) var(--ease-out),
                background-color var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
            flex: none;
            padding: 0.5rem 1.125rem;
            position: relative;

            &:not(.is-active):hover {
                background: var(--color-bg-muted);
                color: var(--color-text);
            }

            &:active {
                transform: scale(0.96);
            }
        }

        & .tab-btn:focus-visible {
            outline-offset: 0;
            border-radius: var(--radius-pill);
        }

        & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
            background: var(--color-primary-50);
        }

        & .tab-indicator {
            z-index: 0;
            inset: var(--tab-pad) auto var(--tab-pad) 0;
            width: var(--tab-w, 0px);
            transform: translateX(var(--tab-x, 0px));
            border-radius: var(--radius-pill);
            background: var(--color-primary-50);
            opacity: 0;
            pointer-events: none;
            position: absolute;
        }

        & .tabs-nav.has-indicator .tab-indicator {
            opacity: 1;
            transition:
                transform 0.42s var(--ease-spring),
                width 0.42s var(--ease-out),
                opacity var(--duration-fast) var(--ease-out);
        }
    }

    .tabs-capsule.tabs-center .tabs-nav {
        justify-content: flex-start;
        margin-inline: auto;
    }

    .tabs-capsule.tabs-solid {
        & .tab-indicator,
        & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
            background: var(--color-primary);
        }

        & .tab-indicator {
            box-shadow: var(--shadow-xs);
        }

        & .tab-btn.is-active {
            color: var(--color-on-primary);
        }
    }

    .tabs-capsule.tabs-glass {
        & .tabs-nav {
            -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
            background: #ffffff1f;
            box-shadow: inset 0 0 0 1px #ffffff3d;
        }

        & .tab-btn {
            color: #ffffffb8;

            &:not(.is-active):hover {
                color: #fff;
                background: #ffffff24;
            }

            &.is-active {
                color: var(--color-dark);
            }
        }

        & .tab-btn:focus-visible {
            outline-color: #fff;
        }

        & .tab-indicator,
        & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
            background: #fff;
        }
    }

    .tabs-capsule.tabs-inverse {
        & .tabs-nav {
            background: var(--color-dark);
            box-shadow:
                var(--shadow-sm),
                inset 0 0 0 1px #ffffff0f;
        }

        & .tab-btn {
            color: #ffffffd1;

            &:not(.is-active):hover {
                color: #fff;
                background: #ffffff14;
            }

            &.is-active {
                color: var(--color-on-primary);
            }
        }

        & .tab-btn:focus-visible {
            outline-color: #fff;
        }

        & .tab-indicator,
        & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
            background: var(--color-primary);
        }
    }

    @media (width <= 640px) {
        .tabs-capsule .tabs-nav {
            width: 100%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .tabs-capsule .tabs-nav.has-indicator .tab-indicator {
            transition: opacity var(--duration-fast) var(--ease-out);
        }
    }

    .tabs-boxed {
        & .tabs-nav {
            box-shadow: inset 0 -1px 0 var(--color-border);
            align-items: flex-end;
            gap: 0.25rem;
        }

        & .tab-btn {
            border-radius: var(--radius-sm) var(--radius-sm) 0 0;
            border: 1px solid #0000;
            border-bottom: none;
            padding: 0.75rem 1.5rem;

            &:hover {
                background: var(--color-bg-soft);
                border-color: var(--color-border);
            }

            &.is-active {
                background: var(--color-bg);
                border-color: var(--color-border);
                border-top: 2px solid var(--color-primary);
                color: var(--color-primary-ink);
                padding-top: calc(0.75rem - 1px);
            }
        }
    }

    .tabs-segmented {
        & .tabs-nav {
            background: var(--color-bg-soft);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            gap: 0.25rem;
            padding: 0.25rem;
            display: inline-flex;
        }

        & .tab-btn {
            border-radius: calc(var(--radius-md) - 0.25rem);
            padding: 0.5rem 1.25rem;

            &:hover {
                background: var(--color-bg-muted);
                color: var(--color-text);
            }

            &.is-active {
                background: var(--color-bg);
                color: var(--color-text);
                box-shadow: var(--shadow-sm);
                font-weight: 600;
            }
        }
    }

    .tabs-divided {
        & .tabs-nav {
            border-top: 1px solid var(--color-border);
            border-bottom: 1px solid var(--color-border);
            display: block;

            & > .container {
                display: flex;
            }
        }

        & .tab-btn {
            border-right: 1px solid var(--color-border);
            flex: 1;
            justify-content: center;
            padding: 1.5rem 2rem;
            position: relative;

            &:last-child {
                border-right: none;
            }

            &:after {
                content: '';
                background: none;
                height: 2px;
                position: absolute;
                bottom: -1px;
                left: 0;
                right: 0;
            }

            &.is-active {
                color: var(--color-text);
            }

            &.is-active:after {
                background: var(--color-dark);
            }
        }

        & .tabs-panels {
            background: var(--color-bg-soft);
            margin-top: 0;
            padding: 2.5rem 0;
            display: block;

            & > .container {
                grid-template-columns: 100%;
                display: grid;
            }
        }
    }

    .tabs-vertical .tabs-nav,
    .tabs-side-panel .tabs-nav {
        overflow-x: visible;
    }

    .tabs-vertical {
        grid-template-columns: 200px 1fr;
        align-items: start;
        gap: 0 2rem;
        display: grid;

        & .tabs-nav {
            border-right: 1px solid var(--color-border);
            flex-direction: column;
            align-items: stretch;
            gap: 0.25rem;
        }

        & .tab-btn {
            text-align: left;
            border-radius: var(--radius-sm) 0 0 var(--radius-sm);
            transition:
                color var(--duration-fast) var(--ease-out),
                background-color var(--duration-fast) var(--ease-out),
                border-color var(--duration-fast) var(--ease-out);
            border-right: 2px solid #0000;
            justify-content: flex-start;
            padding: 0.625rem 1rem;

            &:hover {
                background: var(--color-bg-soft);
                color: var(--color-text);
            }

            &.is-active {
                background: var(--color-primary-50);
                color: var(--color-primary-ink);
                border-right-color: var(--color-primary);
            }
        }

        & .tabs-panels {
            margin-top: 0;
        }
    }

    .tabs-index {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
        display: grid;

        & .tabs-nav {
            counter-reset: tab;
            border-bottom: 1px solid var(--color-border);
            gap: 1.75rem;
        }

        & .tab-btn {
            letter-spacing: -0.015em;
            color: var(--color-text-muted);
            counter-increment: tab;
            gap: 0.75rem;
            padding: 0.875rem 0;
            font-weight: 600;
            position: relative;

            &:before {
                content: counter(tab, decimal-leading-zero);
                font-variant-numeric: tabular-nums;
                letter-spacing: 0.04em;
                transition: color var(--duration-fast) var(--ease-out);
                font-size: 0.75rem;
            }

            &:after {
                content: '';
                background: var(--color-primary);
                transform-origin: 0;
                height: 2px;
                transition: scale var(--duration-base) var(--ease-out);
                position: absolute;
                inset: auto 0 -1px;
                scale: 0 1;
            }

            &:hover,
            &.is-active {
                color: var(--color-text);
            }

            &.is-active:before {
                color: var(--color-primary-ink);
            }

            &.is-active:after {
                scale: 1;
            }
        }

        & .tabs-panels {
            margin-top: 0;
        }
    }

    @media (width >= 1024px) {
        .tabs-index {
            grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr);
            gap: 4rem;

            & .tabs-nav {
                border-bottom: 0;
                border-left: 1px solid var(--color-border);
                flex-direction: column;
                align-items: stretch;
                gap: 0;
                overflow: visible;
            }

            & .tab-btn {
                letter-spacing: -0.025em;
                padding: 0.75rem 0 0.75rem 1.5rem;
                font-size: clamp(1.125rem, 1.5vw, 1.375rem);

                &:before {
                    align-self: flex-start;
                    margin-top: 0.375rem;
                }

                &:after {
                    transform-origin: top;
                    width: 2px;
                    height: auto;
                    inset: 0.5rem auto 0.5rem -1px;
                    scale: 1 0;
                }

                &.is-active:after {
                    scale: 1;
                }
            }
        }
    }

    .tabs-rich {
        --tab-title: var(--color-text);
        --tab-caption: var(--color-text-muted);
        --tab-tile-bg: var(--color-bg-muted);
        --tab-tile-fg: var(--color-text-soft);
        --tab-tile-active: var(--color-bg);
        --tab-hover-bg: var(--color-primary-50);
        --tab-active-bg: var(--color-primary-50);
        --tab-accent: var(--color-primary);
        --tab-accent-ink: var(--color-primary-ink);

        & .tabs-nav {
            border-right: 0;
            gap: 0.125rem;
        }

        & .tab-btn {
            text-align: left;
            white-space: normal;
            border-radius: var(--radius-md);
            border-right: 0;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 0.125rem 1rem;
            padding: 1rem 1.125rem 1rem 1rem;
            font-weight: 400;
            display: grid;

            &:hover {
                background: var(--tab-hover-bg);
            }

            &.is-active {
                background: var(--tab-active-bg);
            }

            &:after {
                content: '';
                background: var(--tab-caption);
                opacity: 0;
                width: 0.875rem;
                height: 0.875rem;
                transition:
                    opacity var(--duration-fast) var(--ease-out),
                    translate var(--duration-fast) var(--ease-out);
                grid-area: 1 / 3 / span 2;
                translate: -0.25rem;
                mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
                    center / contain no-repeat;
            }

            &:is(:hover, .is-active):after {
                opacity: 1;
                background: var(--tab-accent);
                translate: 0;
            }
        }

        & .tab-btn-icon {
            width: 2.75rem;
            height: 2.75rem;
            color: var(--tab-tile-fg);
            background: var(--tab-tile-bg);
            border-radius: var(--radius-md);
            transition:
                color var(--duration-fast) var(--ease-out),
                background-color var(--duration-fast) var(--ease-out);
            grid-row: span 2;
            align-self: start;
            place-items: center;
            font-size: 1.25rem;
            display: grid;
        }

        & .tab-btn:is(:hover, .is-active) .tab-btn-icon {
            color: var(--tab-accent-ink, var(--tab-accent));
            background: var(--tab-tile-active);
        }

        & .tab-btn.is-active .tab-btn-title {
            color: var(--tab-accent-ink, var(--tab-accent));
        }

        & .tab-btn-title {
            letter-spacing: -0.015em;
            color: var(--tab-title);
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.35;
        }

        & .tab-btn-caption {
            color: var(--tab-caption);
            margin-top: 0.125rem;
            font-size: 0.875rem;
            line-height: 1.4;
        }
    }

    .tabs-vertical.tabs-rich {
        grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
    }

    @media (width <= 767px) {
        .tabs-vertical.tabs-rich {
            grid-template-columns: minmax(0, 1fr);
            gap: 1.5rem;
        }
    }

    .tabs-feature {
        & .tab-btn {
            font-size: var(--text-base);
            flex-direction: column;
            gap: 0.5rem;
            padding: 1.25rem 2rem;

            & i {
                font-size: 1.75rem;
            }
        }

        & .tabs-panels {
            margin-top: 2.5rem;
        }
    }

    .tabs-center {
        & .tabs-nav {
            justify-content: flex-start;
            width: fit-content;
            max-width: 100%;
            margin-inline: auto;
        }
    }

    .tabs-justified {
        & .tabs-nav {
            width: 100%;
        }

        & .tab-btn {
            flex: 1;
            justify-content: center;
        }
    }

    .tabs-bottom {
        flex-direction: column-reverse;
        display: flex;

        & .tabs-panels {
            margin-top: 0;
            margin-bottom: 1.5rem;
        }

        &.tabs-underline {
            & .tabs-nav {
                border-bottom: none;
                border-top: 1px solid var(--color-border);
            }

            & .tab-btn:after {
                border-radius: 0 0 2px 2px;
                top: 0;
                bottom: auto;
            }
        }

        &.tabs-boxed {
            & .tabs-nav {
                box-shadow: inset 0 1px 0 var(--color-border);
                align-items: flex-start;
            }

            & .tab-btn {
                border-radius: 0 0 var(--radius-sm) var(--radius-sm);
                border-top: none;
                border-bottom: 1px solid #0000;

                &:hover {
                    border-color: var(--color-border);
                }

                &.is-active {
                    border-bottom: 2px solid var(--color-primary);
                    border-top: none;
                    padding-top: 0.75rem;
                    padding-bottom: calc(0.75rem - 1px);
                }
            }
        }
    }

    .tabs-sm {
        & .tab-btn {
            font-size: var(--text-sm);
            padding: 0.5rem 1rem;
        }

        &.tabs-underline .tab-btn {
            padding: 0.5rem 0.75rem 0.625rem;
        }

        &.tabs-boxed .tab-btn {
            padding: 0.5rem 1rem;

            &.is-active {
                padding-top: calc(0.5rem - 1px);
            }
        }
    }

    .tabs-lg {
        & .tab-btn {
            font-size: var(--text-lg);
            padding: 1rem 1.75rem;
        }

        &.tabs-underline .tab-btn {
            padding: 1rem 1.25rem 1.125rem;
        }

        &.tabs-boxed .tab-btn {
            padding: 0.875rem 1.75rem;

            &.is-active {
                padding-top: calc(0.875rem - 1px);
            }
        }
    }

    .tabs-sm.tabs-capsule {
        --tab-pad: 0.25rem;
    }

    .tabs-lg.tabs-capsule {
        --tab-pad: 0.5rem;
    }

    .tabs-secondary {
        --tab-accent: var(--color-secondary);
        --tab-accent-ink: var(--color-secondary-ink);

        & .tab-btn.is-active {
            color: var(--color-secondary-ink);
        }

        &.tabs-underline .tab-btn.is-active:after {
            background: var(--color-secondary);
        }

        &.tabs-pills .tab-btn.is-active {
            background: var(--color-secondary);
            color: var(--color-on-secondary);
        }

        &.tabs-boxed .tab-btn.is-active {
            color: var(--color-secondary-ink);
            border-top-color: var(--color-secondary);
        }

        &.tabs-vertical .tab-btn.is-active {
            background: var(--color-secondary-50);
            color: var(--color-secondary-ink);
            border-right-color: var(--color-secondary);
        }

        &.tabs-capsule {
            & .tab-indicator,
            & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                background: var(--color-secondary-50);
            }

            &.tabs-solid {
                & .tab-btn.is-active {
                    color: var(--color-on-secondary);
                }

                & .tab-indicator,
                & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                    background: var(--color-secondary);
                }
            }
        }
    }

    .tabs-tertiary {
        --tab-accent: var(--color-tertiary);
        --tab-accent-ink: var(--color-tertiary-ink);

        & .tab-btn.is-active {
            color: var(--color-tertiary-ink);
        }

        &.tabs-underline .tab-btn.is-active:after {
            background: var(--color-tertiary);
        }

        &.tabs-pills .tab-btn.is-active {
            background: var(--color-tertiary);
            color: var(--color-on-tertiary);
        }

        &.tabs-boxed .tab-btn.is-active {
            color: var(--color-tertiary-ink);
            border-top-color: var(--color-tertiary);
        }

        &.tabs-vertical .tab-btn.is-active {
            background: var(--color-tertiary-50);
            color: var(--color-tertiary-ink);
            border-right-color: var(--color-tertiary);
        }

        &.tabs-capsule {
            & .tab-indicator,
            & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                background: var(--color-tertiary-50);
            }

            &.tabs-solid {
                & .tab-btn.is-active {
                    color: var(--color-on-tertiary);
                }

                & .tab-indicator,
                & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                    background: var(--color-tertiary);
                }
            }
        }
    }

    .tabs-quaternary {
        --tab-accent: var(--color-quaternary);
        --tab-accent-ink: var(--color-quaternary-ink);

        & .tab-btn.is-active {
            color: var(--color-quaternary-ink);
        }

        &.tabs-underline .tab-btn.is-active:after {
            background: var(--color-quaternary);
        }

        &.tabs-pills .tab-btn.is-active {
            background: var(--color-quaternary);
            color: var(--color-on-quaternary);
        }

        &.tabs-boxed .tab-btn.is-active {
            color: var(--color-quaternary-ink);
            border-top-color: var(--color-quaternary);
        }

        &.tabs-vertical .tab-btn.is-active {
            background: var(--color-quaternary-50);
            color: var(--color-quaternary-ink);
            border-right-color: var(--color-quaternary);
        }

        &.tabs-capsule {
            & .tab-indicator,
            & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                background: var(--color-quaternary-50);
            }

            &.tabs-solid {
                & .tab-btn.is-active {
                    color: var(--color-on-quaternary);
                }

                & .tab-indicator,
                & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                    background: var(--color-quaternary);
                }
            }
        }
    }

    .tabs-accent {
        --tab-accent: var(--color-accent);
        --tab-accent-ink: var(--color-accent-ink);

        & .tab-btn.is-active {
            color: var(--color-accent-ink);
        }

        &.tabs-underline .tab-btn.is-active:after {
            background: var(--color-accent);
        }

        &.tabs-pills .tab-btn.is-active {
            background: var(--color-accent);
            color: var(--color-on-accent);
        }

        &.tabs-boxed .tab-btn.is-active {
            color: var(--color-accent-ink);
            border-top-color: var(--color-accent);
        }

        &.tabs-vertical .tab-btn.is-active {
            background: var(--color-accent-50);
            color: var(--color-accent-ink);
            border-right-color: var(--color-accent);
        }

        &.tabs-capsule {
            & .tab-indicator,
            & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                background: var(--color-accent-50);
            }

            &.tabs-solid {
                & .tab-btn.is-active {
                    color: var(--color-on-accent);
                }

                & .tab-indicator,
                & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                    background: var(--color-accent);
                }
            }
        }
    }

    .tabs-dark {
        --tab-accent: var(--color-dark);
        --tab-accent-ink: var(--color-dark);

        & .tab-btn.is-active {
            color: var(--color-dark);
        }

        &.tabs-underline .tab-btn.is-active:after {
            background: var(--color-dark);
        }

        &.tabs-pills .tab-btn.is-active {
            background: var(--color-dark);
            color: var(--color-on-dark);
        }

        &.tabs-boxed .tab-btn.is-active {
            color: var(--color-dark);
            border-top-color: var(--color-dark);
        }

        &.tabs-vertical .tab-btn.is-active {
            background: var(--color-bg-muted);
            color: var(--color-dark);
            border-right-color: var(--color-dark);
        }

        &.tabs-capsule {
            & .tab-indicator,
            & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                background: var(--color-bg-muted);
            }

            &.tabs-solid {
                & .tab-btn.is-active {
                    color: var(--color-on-dark);
                }

                & .tab-indicator,
                & .tabs-nav:not(.has-indicator) .tab-btn.is-active {
                    background: var(--color-dark);
                }
            }
        }
    }

    .tabs-side-panel {
        grid-template-columns: 220px 1fr;
        align-items: center;
        gap: 3rem;
        display: grid;

        & .tabs-nav {
            border-right: none;
            flex-direction: column;
            align-items: stretch;
            gap: 0.75rem;
        }

        & .tab-btn {
            text-align: left;
            border-radius: var(--radius-lg);
            transition:
                background-color var(--duration-fast) var(--ease-out),
                box-shadow var(--duration-fast) var(--ease-out),
                color var(--duration-fast) var(--ease-out);
            border-right: none;
            justify-content: flex-start;
            padding: 0.875rem 1.25rem;

            &:hover {
                background: var(--color-bg);

                @supports (color: color-mix(in lab, red, red)) {
                    background: color-mix(in srgb, var(--color-bg) 60%, transparent);
                }

                color: var(--color-text);
            }

            &.is-active {
                background: var(--color-bg);
                color: var(--color-primary-ink);
                z-index: 1;
                font-weight: 600;
                position: relative;
                box-shadow: 0 4px 12px #00000006;
            }
        }

        & .tabs-panels {
            margin-top: 0;
        }

        & .tabs-panel {
            grid-template-columns: 1fr 1fr;
            align-items: center;
            gap: 3rem;
            display: grid;
        }
    }

    @media (width <= 991px) {
        .tabs-side-panel {
            grid-template-columns: 1fr;
            gap: 1.5rem;

            & .tabs-nav {
                flex-flow: wrap;
                gap: 0.5rem;
            }

            & .tabs-panel {
                grid-template-columns: 1fr;
            }
        }
    }

    [data-tooltip] {
        --tip-bg: var(--color-dark);
        --tip-fg: var(--color-on-dark);
        --tip-tx: -50%;
        --tip-ty: 0%;
        --tip-ox: 0px;
        --tip-oy: 4px;
        --tip-scale: 0.96;
        position: relative;
    }

    [data-tooltip]:before,
    [data-tooltip]:after {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: var(--z-dropdown);
        transform: translate(var(--tip-tx), var(--tip-ty)) translate(var(--tip-ox), var(--tip-oy))
            scale(var(--tip-scale));
        transition:
            opacity 0.16s var(--ease-out),
            visibility 0.16s var(--ease-out),
            transform 0.16s var(--ease-out);
        position: absolute;
    }

    [data-tooltip]:before {
        content: attr(data-tooltip);
        background: var(--tip-bg);
        color: var(--tip-fg);
        font-family: var(--font-sans);
        letter-spacing: 0;
        text-align: center;
        text-transform: none;
        border-radius: calc(0.5rem * var(--radius-scale));
        white-space: nowrap;
        max-width: min(220px, 80vw);
        padding: 0.45rem 0.7rem;
        font-size: 0.8125rem;
        font-weight: 500;
        line-height: 1.35;
        box-shadow:
            0 1px 2px #0f172a1f,
            0 10px 24px -8px #0f172a59;
    }

    [data-tooltip]:after {
        content: '';
        border-style: solid;
        border-color: #0000;
        width: 0;
        height: 0;
    }

    [data-tooltip]:is(:hover, :focus-visible, .tip-open):before,
    [data-tooltip]:is(:hover, :focus-visible, .tip-open):after {
        opacity: 1;
        visibility: visible;
        transition-duration: 0.22s;
        transition-delay: 40ms;
    }

    [data-tooltip]:before {
        transform-origin: 50% 100%;
        margin-bottom: 9px;
        bottom: 100%;
        left: 50%;
    }

    [data-tooltip]:after {
        border-width: 5px 5px 0;
        border-color: var(--tip-bg) transparent transparent transparent;
        transform-origin: 50% 100%;
        margin-bottom: 4px;
        bottom: 100%;
        left: 50%;
    }

    [data-tooltip][data-tip-pos='bottom'] {
        --tip-oy: -4px;
    }

    [data-tooltip][data-tip-pos='bottom']:before {
        transform-origin: 50% 0;
        margin-top: 9px;
        margin-bottom: 0;
        top: 100%;
        bottom: auto;
    }

    [data-tooltip][data-tip-pos='bottom']:after {
        border-width: 0 5px 5px;
        border-color: transparent transparent var(--tip-bg) transparent;
        transform-origin: 50% 0;
        margin-top: 4px;
        margin-bottom: 0;
        top: 100%;
        bottom: auto;
    }

    [data-tooltip][data-tip-pos='right'] {
        --tip-tx: 0%;
        --tip-ty: -50%;
        --tip-ox: -4px;
        --tip-oy: 0px;
    }

    [data-tooltip][data-tip-pos='right']:before {
        transform-origin: 0;
        margin-bottom: 0;
        margin-left: 9px;
        top: 50%;
        bottom: auto;
        left: 100%;
    }

    [data-tooltip][data-tip-pos='right']:after {
        border-width: 5px 5px 5px 0;
        border-color: transparent var(--tip-bg) transparent transparent;
        transform-origin: 0;
        margin-bottom: 0;
        margin-left: 4px;
        top: 50%;
        bottom: auto;
        left: 100%;
    }

    [data-tooltip][data-tip-pos='left'] {
        --tip-tx: 0%;
        --tip-ty: -50%;
        --tip-ox: 4px;
        --tip-oy: 0px;
    }

    [data-tooltip][data-tip-pos='left']:before {
        transform-origin: 100%;
        margin-bottom: 0;
        margin-right: 9px;
        inset: 50% 100% auto auto;
    }

    [data-tooltip][data-tip-pos='left']:after {
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent var(--tip-bg);
        transform-origin: 100%;
        margin-bottom: 0;
        margin-right: 4px;
        inset: 50% 100% auto auto;
    }

    [data-tooltip]:is(:hover, :focus-visible, .tip-open),
    [data-tooltip][data-tip-pos]:is(:hover, :focus-visible, .tip-open) {
        --tip-ox: 0px;
        --tip-oy: 0px;
        --tip-scale: 1;
    }

    @media (prefers-reduced-motion: reduce) {
        [data-tooltip],
        [data-tooltip][data-tip-pos] {
            --tip-ox: 0px;
            --tip-oy: 0px;
            --tip-scale: 1;
        }
    }

    [data-tooltip].tip-primary {
        --tip-bg: var(--color-primary);
        --tip-fg: var(--color-on-primary);
    }

    [data-tooltip].tip-accent {
        --tip-bg: var(--color-accent);
        --tip-fg: var(--color-on-accent);
    }

    [data-tooltip].tip-success {
        --tip-bg: var(--color-success);
        --tip-fg: #fff;
    }

    [data-tooltip].tip-warning {
        --tip-bg: var(--color-warning);
        --tip-fg: #fff;
    }

    [data-tooltip].tip-danger {
        --tip-bg: var(--color-danger);
        --tip-fg: #fff;
    }

    [data-tooltip].tip-light {
        --tip-bg: var(--color-bg);
        --tip-fg: var(--color-text);
    }

    [data-tooltip].tip-light:before {
        border: 1px solid var(--color-border);
        box-shadow:
            0 1px 2px #0f172a0f,
            0 12px 28px -10px #0f172a38;
    }

    [data-tooltip].tip-sm:before {
        font-size: var(--text-xs);
        border-radius: calc(0.375rem * var(--radius-scale));
        padding: 0.3rem 0.5rem;
    }

    [data-tooltip].tip-wide:before {
        white-space: normal;
        text-align: left;
        max-width: min(260px, 80vw);
        padding: 0.6rem 0.8rem;
        line-height: 1.5;
    }

    @media (width >= 640px) {
        [data-tooltip].tip-wide:before {
            width: max-content;
        }
    }

    .tip-hint {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;

        @supports (color: color-mix(in lab, red, red)) {
            -webkit-text-decoration-color: color-mix(in srgb, currentColor 55%, transparent);
            text-decoration-color: color-mix(in srgb, currentColor 55%, transparent);
        }

        text-underline-offset: 0.25em;
        cursor: help;
        transition: text-decoration-color var(--duration-fast) var(--ease-out);
        text-decoration-thickness: 1.5px;

        &:hover {
            -webkit-text-decoration-color: var(--color-primary);
            text-decoration-color: var(--color-primary);
        }
    }

    .tip-pop-wrap {
        display: inline-flex;
        position: relative;
    }

    .tip-pop {
        background: var(--color-bg);
        color: var(--color-text);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-lg);
        width: max-content;
        animation: tip-pop-in 0.26s var(--ease-out);
        max-width: min(320px, 90vw);
        z-index: var(--z-dropdown);
        text-align: left;
        padding: 1.125rem;
        position: absolute;
        box-shadow:
            0 1px 2px #0f172a0d,
            0 24px 48px -20px #0f172a47;
    }

    .tip-pop-wide {
        max-width: min(360px, 92vw);
    }

    .tip-pop:after {
        content: '';
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        width: 10px;
        height: 10px;
        position: absolute;
    }

    .tip-pop:before {
        content: '';
        position: absolute;
    }

    .tip-pop,
    .tip-pop-bottom {
        margin-top: 12px;
        inset: 100% auto auto 50%;
        transform: translateX(-50%) !important;
    }

    .tip-pop:after,
    .tip-pop-bottom:after {
        border-bottom-color: #0000;
        border-right-color: #0000;
        top: 0;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .tip-pop:before,
    .tip-pop-bottom:before {
        height: 12px;
        top: -12px;
        left: 0;
        right: 0;
    }

    .tip-pop-top {
        --tip-pop-from: 0 6px;
        margin-top: 0;
        margin-bottom: 12px;
        inset: auto auto 100% 50%;
        transform: translateX(-50%) !important;
    }

    .tip-pop-top:after {
        border-top-color: #0000;
        border-left-color: #0000;
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%) rotate(45deg);
    }

    .tip-pop-top:before {
        height: 12px;
        inset: auto 0 -12px;
    }

    .tip-pop-right {
        --tip-pop-from: -6px 0;
        margin-top: 0;
        margin-left: 12px;
        inset: 50% auto auto 100%;
        transform: translateY(-50%) !important;
    }

    .tip-pop-right:after {
        border-top-color: #0000;
        border-right-color: #0000;
        inset: 50% auto auto 0;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .tip-pop-right:before {
        width: 12px;
        height: auto;
        inset: 0 auto 0 -12px;
    }

    .tip-pop-left {
        --tip-pop-from: 6px 0;
        margin-top: 0;
        margin-right: 12px;
        inset: 50% 100% auto auto;
        transform: translateY(-50%) !important;
    }

    .tip-pop-left:after {
        border-bottom-color: #0000;
        border-left-color: #0000;
        inset: 50% 0 auto auto;
        transform: translate(50%, -50%) rotate(45deg);
    }

    .tip-pop-left:before {
        width: 12px;
        height: auto;
        inset: 0 -12px 0 auto;
    }

    @media (prefers-reduced-motion: reduce) {
        .tip-pop {
            animation: none;
        }
    }

    .carousel-wrap {
        position: relative;
    }

    .carousel-btn {
        border: 1px solid var(--color-text);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 3rem;
        height: 3rem;
        display: inline-flex;

        @supports (color: color-mix(in lab, red, red)) {
            border: 1px solid color-mix(in srgb, var(--color-text) 14%, transparent);
        }

        background: var(--color-bg);
        color: var(--color-text);
        cursor: pointer;
        transition:
            background-color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out),
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            scale var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        font-size: 1.0625rem;
        line-height: 1;
        box-shadow: 0 1px 2px #0f172a0d;
    }

    .carousel-btn i {
        transition: translate var(--duration-base) var(--ease-out);
        line-height: 1;
        display: block;
    }

    .carousel-btn:hover {
        background: var(--carousel-accent, var(--color-primary));
        border-color: var(--carousel-accent, var(--color-primary));
        color: var(--carousel-accent-on, var(--color-on-primary));
        box-shadow: 0 8px 20px -6px var(--carousel-accent, var(--color-primary));

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 20px -6px
                color-mix(in srgb, var(--carousel-accent, var(--color-primary)) 55%, transparent);
        }
    }

    .carousel-btn-prev:hover i {
        translate: -2px;
    }

    .carousel-btn-next:hover i {
        translate: 2px;
    }

    .carousel-btn:active {
        scale: 0.94;
    }

    .carousel-btn:focus-visible {
        outline: 2px solid var(--carousel-accent, var(--color-primary));
        outline-offset: 3px;
    }

    .carousel-btn.swiper-button-lock {
        display: none;
    }

    .carousel-btn:disabled,
    .carousel-btn.swiper-button-disabled {
        opacity: 0.3;
        cursor: not-allowed;
        pointer-events: none;
        box-shadow: none;
    }

    .carousel-btn-light {
        color: #fff;
        box-shadow: none;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background: #ffffff1f;
        border-color: #ffffff47;
    }

    .carousel-btn-light:hover {
        color: var(--color-text);
        background: #fff;
        border-color: #fff;
        box-shadow: 0 10px 24px -8px #0006;
    }

    .carousel-btns {
        align-items: center;
        gap: 0.5rem;
        display: flex;
    }

    .carousel-nav-outside {
        align-items: center;
        gap: 1rem;
        display: flex;
    }

    .carousel-nav-outside > .swiper {
        flex: 1;
        min-width: 0;
    }

    .carousel-nav-flank {
        position: relative;
    }

    .carousel-nav-flank .carousel-btn {
        z-index: 10;
        position: absolute;
        top: 50%;
    }

    .carousel-nav-flank .carousel-btn-prev {
        left: 0;
        transform: translate(-50%, -50%);
    }

    .carousel-nav-flank .carousel-btn-next {
        right: 0;
        transform: translate(50%, -50%);
    }

    @media (width <= 640px) {
        .carousel-nav-flank .carousel-btn-prev {
            left: 0.25rem;
            transform: translateY(-50%);
        }

        .carousel-nav-flank .carousel-btn-next {
            right: 0.25rem;
            transform: translateY(-50%);
        }
    }

    .carousel-nav-inside {
        position: relative;
    }

    .carousel-nav-inside .carousel-btn {
        z-index: 10;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .carousel-nav-inside .carousel-btn-prev {
        left: 1rem;
    }

    .carousel-nav-inside .carousel-btn-next {
        right: 1rem;
    }

    .carousel-nav-hover .carousel-btn {
        z-index: 10;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .carousel-nav-hover:hover .carousel-btn {
        opacity: 1;
    }

    .carousel-nav-hover .carousel-btn-prev {
        left: 1rem;
    }

    .carousel-nav-hover .carousel-btn-next {
        right: 1rem;
    }

    .carousel-header {
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 2rem;
        display: flex;
    }

    .swiper,
    .swiper-pagination,
    .swiper-scrollbar {
        --swiper-theme-color: var(--carousel-accent, var(--color-primary));
        --swiper-pagination-color: var(--carousel-accent, var(--color-primary));
        --swiper-pagination-bullet-inactive-color: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --swiper-pagination-bullet-inactive-color: color-mix(
                in srgb,
                var(--color-text) 22%,
                transparent
            );
        }

        --swiper-pagination-bullet-inactive-opacity: 1;
        --swiper-pagination-bullet-horizontal-gap: 4px;
        --swiper-pagination-bullet-border-radius: var(--radius-pill);
        --swiper-pagination-progressbar-bg-color: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --swiper-pagination-progressbar-bg-color: color-mix(
                in srgb,
                var(--color-text) 12%,
                transparent
            );
        }

        --swiper-scrollbar-bg-color: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --swiper-scrollbar-bg-color: color-mix(in srgb, var(--color-text) 10%, transparent);
        }

        --swiper-scrollbar-drag-bg-color: var(--carousel-accent, var(--color-primary));
        --swiper-scrollbar-border-radius: var(--radius-pill);
    }

    .swiper-pagination.absolute {
        --swiper-pagination-color: #fff;
        --swiper-pagination-bullet-inactive-color: #ffffff73;
    }

    .carousel-fraction .swiper-pagination-fraction {
        font-size: var(--text-base);
        color: var(--color-text);
        letter-spacing: -0.02em;
        font-weight: 700;
        position: static;
    }

    .carousel-fraction .swiper-pagination-current {
        color: var(--carousel-accent-ink, var(--carousel-accent, var(--color-primary-ink)));
        font-size: var(--text-xl);
    }

    .carousel-progress .swiper-pagination-progressbar {
        background: var(--color-border);
        border-radius: 0;
        height: 3px;
    }

    .carousel-progress .swiper-pagination-progressbar-fill {
        background: var(--carousel-accent, var(--color-primary));
        border-radius: 0;
    }

    .carousel-scrollbar .swiper-scrollbar {
        background: var(--color-border);
        border-radius: 2px;
        height: 4px;
    }

    .carousel-scrollbar .swiper-scrollbar-drag {
        background: var(--carousel-accent, var(--color-primary));
        border-radius: 2px;
    }

    .carousel-slide-img {
        aspect-ratio: 16 / 7;
        object-fit: cover;
        border-radius: var(--radius-card);
        width: 100%;
        display: block;
    }

    .carousel-slide {
        border-radius: var(--radius-card);
        position: relative;
        overflow: hidden;
    }

    .carousel-caption {
        color: #fff;
        background: linear-gradient(to top, #000000ad 0%, #0000006b 22%, #00000024 45%, #0000 62%);
        flex-direction: column;
        justify-content: flex-end;
        padding: clamp(1.25rem, 3vw, 2.25rem);
        display: flex;
        position: absolute;
        inset: 0;
    }

    .carousel-caption-title {
        letter-spacing: -0.025em;
        font-size: clamp(1.25rem, 1rem + 0.9vw, 1.75rem);
        font-weight: 700;
        line-height: var(--leading-tight);
        text-wrap: balance;
        margin-bottom: 0.375rem;
    }

    .carousel-caption-sub {
        font-size: var(--text-base);
        opacity: 0.82;
    }

    .carousel-peek .swiper-slide {
        opacity: 0.45;
        transition:
            opacity var(--duration-slow) var(--ease-out),
            transform var(--duration-slow) var(--ease-out);
        transform: scale(0.96);
    }

    .carousel-peek .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }

    .logo-item {
        justify-content: center;
        align-items: center;
        height: 64px;
        padding: 0 1.5rem;
        display: flex;
    }

    .logo-item img,
    .logo-item svg {
        filter: grayscale() opacity(0.45);
        width: auto;
        max-height: 36px;
        transition: filter var(--duration-base) var(--ease-out);
    }

    .logo-item:hover img,
    .logo-item:hover svg {
        filter: none;
    }

    .carousel-primary {
        --carousel-accent: var(--color-primary);
        --carousel-accent-ink: var(--color-primary-ink);
        --carousel-accent-on: var(--color-on-primary);
    }

    .carousel-secondary {
        --carousel-accent: var(--color-secondary);
        --carousel-accent-ink: var(--color-secondary-ink);
        --carousel-accent-on: var(--color-on-secondary);
    }

    .carousel-tertiary {
        --carousel-accent: var(--color-tertiary);
        --carousel-accent-ink: var(--color-tertiary-ink);
        --carousel-accent-on: var(--color-on-tertiary);
    }

    .carousel-quaternary {
        --carousel-accent: var(--color-quaternary);
        --carousel-accent-ink: var(--color-quaternary-ink);
        --carousel-accent-on: var(--color-on-quaternary);
    }

    .carousel-accent {
        --carousel-accent: var(--color-accent);
        --carousel-accent-ink: var(--color-accent-ink);
        --carousel-accent-on: var(--color-on-accent);
    }

    .carousel-dark {
        --carousel-accent: var(--color-dark);
        --carousel-accent-ink: var(--color-dark);
        --carousel-accent-on: var(--color-on-dark);
    }

    .carousel-vertical .swiper {
        height: 380px;
    }

    .carousel-vertical .swiper-slide {
        height: auto;
    }

    .carousel-fullwidth .carousel-slide-img {
        aspect-ratio: 21 / 7;
        border-radius: 0;
    }

    .carousel-fullwidth .carousel-slide {
        border-radius: 0;
    }

    .post-card-img {
        aspect-ratio: 16 / 9;
        object-fit: cover;
        width: 100%;
        display: block;
    }

    .member-avatar {
        object-fit: cover;
        margin-inline: auto;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        margin-bottom: 0.75rem;
    }

    .carousel-center-active {
        overflow: hidden;
    }

    .carousel-center-active .swiper-slide {
        opacity: 0.4;
        transition: opacity var(--duration-base) var(--ease-out);
    }

    .carousel-center-active .swiper-slide-active {
        opacity: 1;
    }

    .carousel-review-card {
        border-radius: var(--radius-xl);
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        transition:
            background var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
        padding: 2rem 2rem 2.5rem;
    }

    .swiper-slide-active .carousel-review-card {
        --color-white: var(--carousel-accent-on, var(--color-on-primary));
        background: var(--carousel-accent, var(--color-primary));
        color: var(--carousel-accent-on, var(--color-on-primary));
        border-color: #0000;
    }

    .swiper-slide-active .carousel-review-card .text-soft,
    .swiper-slide-active .carousel-review-card .text-muted {
        color: oklch(from var(--carousel-accent-on, var(--color-on-primary)) l c h / 0.7);
    }

    .carousel-review-stars {
        color: #f59e0b;
        letter-spacing: 0.05em;
        margin-bottom: 0.75rem;
        font-size: 0.85rem;
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .swiper-slide-active .carousel-review-stars {
            color: rgb(
                from var(--carousel-accent-on, var(--color-on-primary))
                    calc(
                        clamp(0, (r - 128) * 1000000000, 1) * 245 +
                            (1 - clamp(0, (r - 128) * 1000000000, 1)) * r
                    )
                    calc(
                        clamp(0, (r - 128) * 1000000000, 1) * 158 +
                            (1 - clamp(0, (r - 128) * 1000000000, 1)) * g
                    )
                    calc(
                        clamp(0, (r - 128) * 1000000000, 1) * 11 +
                            (1 - clamp(0, (r - 128) * 1000000000, 1)) * b
                    )
            );
        }
    }

    .carousel-center-img {
        overflow: hidden;
    }

    .carousel-center-img .swiper-slide {
        transition:
            transform var(--duration-slow) var(--ease-out),
            opacity var(--duration-slow) var(--ease-out);
        opacity: 0.2;
        transform: scale(0.86);
    }

    .carousel-center-img .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }

    .carousel-slideshow .slideshow-body > * {
        opacity: 0;
        transition:
            opacity 0.9s var(--ease-out),
            transform 0.9s var(--ease-out);
        transform: translateY(1.5rem);
    }

    .carousel-slideshow .swiper-slide-active .slideshow-body > * {
        opacity: 1;
        transform: none;
    }

    .carousel-slideshow .swiper-slide-active .slideshow-body > :nth-child(2) {
        transition-delay: 0.1s;
    }

    .carousel-slideshow .swiper-slide-active .slideshow-body > :nth-child(3) {
        transition-delay: 0.2s;
    }

    .carousel-slideshow .swiper-slide-active .slideshow-body > :nth-child(4) {
        transition-delay: 0.3s;
    }

    .carousel-slideshow .page-hero-bg {
        transition: transform 7s linear;
        transform: scale(1.12);
    }

    .carousel-slideshow .swiper-slide-active .page-hero-bg {
        transform: scale(1);
    }

    @media (width >= 768px) {
        .carousel-slideshow .carousel-btn-prev {
            left: 2rem;
        }

        .carousel-slideshow .carousel-btn-next {
            right: 2rem;
        }
    }

    @media (width <= 767px) {
        .carousel-slideshow .carousel-btn {
            display: none;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-slideshow .slideshow-body > * {
            opacity: 1;
            transition: none;
            transform: none;
        }

        .carousel-slideshow .page-hero-bg,
        .carousel-slideshow .swiper-slide-active .page-hero-bg {
            transition: none;
            transform: none;
        }
    }

    .carousel-fade-edges {
        position: relative;
    }

    .carousel-fade-edges:before,
    .carousel-fade-edges:after {
        content: '';
        z-index: 5;
        pointer-events: none;
        width: 12%;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .carousel-fade-edges:before {
        background: linear-gradient(to right, var(--color-bg), transparent);
        left: 0;
    }

    .carousel-fade-edges:after {
        background: linear-gradient(to left, var(--color-bg), transparent);
        right: 0;
    }

    .carousel-timeline {
        padding-inline: 3rem;
        position: relative;
    }

    .carousel-timeline .carousel-btn {
        z-index: 10;
        position: absolute;
        top: 4rem;
        transform: translateY(-50%);
    }

    .carousel-timeline .carousel-btn-prev {
        left: 0;
    }

    .carousel-timeline .carousel-btn-next {
        right: 0;
    }

    .carousel-timeline .timeline-item {
        text-align: center;
        padding-inline: 1rem;
        display: block;
    }

    .timeline-item__year {
        font-size: var(--text-3xl);
        color: var(--color-text);
        letter-spacing: var(--tracking-tight);
        justify-content: center;
        align-items: flex-end;
        height: 4rem;
        padding-bottom: 1.25rem;
        font-weight: 700;
        line-height: 1;
        display: flex;
    }

    .timeline-item__axis {
        background: var(--color-border);
        height: 1px;
        position: relative;
    }

    .timeline-item__dot {
        background-color: var(--color-primary);
        width: 0.75rem;
        height: 0.75rem;
        box-shadow: 0 0 0 4px var(--color-primary-100);
        transition:
            box-shadow var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-spring);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .timeline-item:hover .timeline-item__dot {
        box-shadow: 0 0 0 7px var(--color-primary-100);
        transform: translate(-50%, -50%) scale(1.35);
    }

    .timeline-item__body {
        padding-top: 1.5rem;
    }

    .timeline-item__title {
        font-size: var(--text-base);
        color: var(--color-text);
        margin-bottom: 0.5rem;
        font-weight: 600;
    }

    .timeline-item__text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-normal);
    }

    .carousel-btn-minimal {
        color: var(--color-text-soft);
        box-shadow: none;
        background: none;
        border-color: #0000;
        font-size: 1.25rem;
    }

    .carousel-btn-minimal:hover {
        color: var(--carousel-accent-ink, var(--carousel-accent, var(--color-primary-ink)));
        box-shadow: none;
        background: none;
        border-color: #0000;
    }

    .carousel-btn-arrow {
        border-width: 1px;
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.1rem;
    }

    .carousel-btn-text {
        width: auto;
        height: auto;
        color: var(--color-text-soft);
        font-size: var(--text-xs);
        letter-spacing: 0.1em;
        text-transform: uppercase;
        box-shadow: none;
        background: none;
        border: none;
        border-radius: 0;
        flex-shrink: 0;
        align-self: stretch;
        padding: 0 1.5rem;
        font-weight: 500;
        position: relative;
    }

    .carousel-btn-text:hover {
        color: var(--carousel-accent-ink, var(--carousel-accent, var(--color-primary-ink)));
        box-shadow: none;
        background: none;
        border-color: #0000;
    }

    .carousel-btn-text.carousel-btn-prev:after,
    .carousel-btn-text.carousel-btn-next:before {
        content: '';
        background: var(--color-border);
        width: 1px;
        height: 70%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .carousel-btn-text.carousel-btn-prev:after {
        right: 0;
    }

    .carousel-btn-text.carousel-btn-next:before {
        left: 0;
    }

    .carousel-thumb-cards {
        grid-auto-columns: minmax(0, 1fr);
        grid-auto-flow: column;
        gap: 0.625rem;
        display: grid;
    }

    .carousel-thumb-card {
        --thumb-card-pad: 0.5rem;
        --thumb-card-ring: 1px;
        min-width: 0;
        padding: calc(var(--thumb-card-pad) + var(--thumb-card-ring))
            calc(0.875rem + var(--thumb-card-ring))
            calc(var(--thumb-card-pad) + var(--thumb-card-ring))
            calc(var(--thumb-card-pad) + var(--thumb-card-ring));
        border-radius: var(--radius-lg);
        box-shadow: inset 0 0 0 var(--thumb-card-ring) var(--thumb-card-border, var(--color-border));
        background: var(--thumb-card-bg, var(--color-surface));
        color: var(--thumb-card-color, var(--color-text));
        text-align: left;
        cursor: pointer;
        transition:
            background-color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out);
        border: 0;
        align-items: center;
        gap: 0.75rem;
        display: flex;
        position: relative;
        overflow: clip;

        & img {
            object-fit: cover;
            border-radius: calc(var(--radius-lg) - var(--thumb-card-pad));
            flex: none;
            width: 3.5rem;
            height: 3.5rem;
        }

        &:hover {
            background: var(--thumb-card-bg-hover, var(--color-bg-muted));
            color: var(--thumb-card-color, var(--color-text));
        }

        &.is-active {
            box-shadow: inset 0 0 0 var(--thumb-card-ring)
                var(--thumb-card-active-bg, var(--color-dark));
            background: var(--thumb-card-active-bg, var(--color-dark));
            color: var(--thumb-card-active-color, var(--color-on-dark));
        }

        &:focus-visible {
            outline-offset: 2px;
        }
    }

    .carousel-thumb-card-body {
        gap: 0.125rem;
        min-width: 0;
        display: grid;
    }

    .carousel-thumb-card-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: 1.25;
        overflow: hidden;
    }

    .carousel-thumb-card-meta {
        opacity: 0.72;
        white-space: nowrap;
        font-size: 0.8125rem;
        line-height: 1.3;
    }

    .carousel-thumb-card-progress {
        inset-inline: 0;
        background: var(--carousel-accent, var(--color-primary));
        transform-origin: 0;
        height: 3px;
        position: absolute;
        bottom: 0;
        scale: 0 1;
    }

    .carousel-thumb-card.is-active .carousel-thumb-card-progress {
        scale: var(--fill, 1) 1;
    }

    .carousel-thumb-cards--glass {
        --thumb-card-bg: #ffffff1a;
        --thumb-card-bg-hover: #fff3;
        --thumb-card-border: #fff3;
        --thumb-card-color: #fff;
        --thumb-card-active-bg: #fff;
        --thumb-card-active-color: var(--thumb-card-ink, var(--color-dark-surface));

        & .carousel-thumb-card {
            -webkit-backdrop-filter: blur(14px) saturate(1.3);
            backdrop-filter: blur(14px) saturate(1.3);

            &:focus-visible {
                outline-color: #fff;
            }
        }
    }

    @media (width < 768px) {
        .carousel-thumb-cards {
            gap: 0.5rem;
        }

        .carousel-thumb-card {
            --thumb-card-pad: 0.3125rem;
            padding: calc(var(--thumb-card-pad) + var(--thumb-card-ring));
            justify-content: center;

            & img {
                width: 100%;
                height: 2.75rem;
            }
        }

        .carousel-thumb-card-body {
            display: none;
        }
    }

    .marquee-wrap {
        overflow: hidden;
    }

    .marquee-wrap--pause:hover .marquee {
        animation-play-state: paused;
    }

    .marquee {
        will-change: transform;
        align-items: center;
        gap: 12px;
        width: max-content;
        animation: 45s linear infinite marquee-scroll;
        display: flex;
    }

    @keyframes marquee-scroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    .marquee-text {
        font-size: var(--text-lg);
        color: var(--color-text-soft);
        gap: 2rem;
        padding-block: 1.25rem;
        animation-duration: 35s;
    }

    .marquee-text__item {
        font-size: inherit;
        white-space: nowrap;
        color: inherit;
    }

    .marquee-text__item strong {
        color: var(--color-text);
        font-weight: 600;
    }

    .marquee-text.text-2xl,
    .marquee-text.text-4xl {
        letter-spacing: -0.02em;
    }

    .marquee-text__sep {
        flex-shrink: 0;
        align-items: center;
        display: flex;
    }

    .marquee-text__sep:before {
        content: '';
        background-color: currentColor;
        border-radius: 50%;
        width: 6px;
        height: 6px;
        display: block;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in srgb, currentColor 22%, transparent);
        }
    }

    .marquee-text.text-sm {
        animation-duration: 28s;
    }

    .marquee-text.text-2xl {
        gap: 2.5rem;
        padding-block: 1.5rem;
        animation-duration: 42s;
    }

    .marquee-text.text-4xl {
        gap: 3rem;
        padding-block: 1.75rem;
        animation-duration: 55s;
    }

    .marquee-text.text-hero {
        letter-spacing: -0.04em;
        gap: 3.5rem;
        padding-block: 2rem;
        font-weight: 700;
        animation-duration: 65s;
    }

    .marquee-text.text-2xl .marquee-text__sep:before {
        width: 8px;
        height: 8px;
    }

    .marquee-text.text-4xl .marquee-text__sep:before,
    .marquee-text.text-hero .marquee-text__sep:before {
        width: 10px;
        height: 10px;
    }

    .marquee-wrap--bordered {
        border-top: 1px solid var(--color-border);
        border-bottom: 1px solid var(--color-border);
    }

    .marquee-text--bordered {
        gap: 0;
    }

    .marquee-text--bordered .marquee-text__item {
        padding-inline: 2rem;
    }

    .marquee-text--bordered .marquee-text__sep:before {
        border-radius: 0;
        width: 1px;
        height: 1.5rem;
    }

    .marquee-wrap--fade {
        --_fade: var(--marquee-fade, clamp(2.5rem, 12%, 10rem));
        mask-image: linear-gradient(
            to right,
            transparent 0,
            black var(--_fade),
            black calc(100% - var(--_fade)),
            transparent 100%
        );
    }

    @keyframes marquee-scroll-reverse {
        from {
            transform: translateX(-50%);
        }

        to {
            transform: translateX(0);
        }
    }

    .marquee--reverse {
        animation-name: marquee-scroll-reverse;
    }

    .marquee-crossed {
        --_bleed: 8%;
        --_band-offset: 55px;
        height: 230px;
        position: relative;
        overflow: hidden;
    }

    .marquee-crossed__strip {
        left: calc(-1 * var(--_bleed));
        width: calc(100% + 2 * var(--_bleed));
        position: absolute;
    }

    .marquee-crossed__strip--top {
        top: var(--_band-offset);
        transform: rotate(-3.2deg);
    }

    .marquee-crossed__strip--bottom {
        bottom: var(--_band-offset);
        transform: rotate(3.2deg);
    }

    .marquee-crossed__strip .marquee-text,
    .marquee-crossed__strip .marquee-text__item,
    .marquee-crossed__strip .marquee-text__item strong {
        color: inherit;
    }

    .marquee-crossed__strip .marquee-text__sep:before {
        background-color: currentColor;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in srgb, currentColor 30%, transparent);
        }
    }

    .marquee-cards {
        --_fade: var(--marquee-fade, clamp(2.5rem, 10%, 9rem));
        mask-image: linear-gradient(
            to right,
            transparent 0,
            black var(--_fade),
            black calc(100% - var(--_fade)),
            transparent 100%
        );
        flex-direction: column;
        gap: 0.75rem;
        padding-block: 1.25rem;
        display: flex;
        overflow: hidden;
    }

    .marquee-cards .marquee-wrap {
        padding-block: 0.375rem;
        overflow: visible;
    }

    .marquee-cards .marquee {
        gap: 0.875rem;
        animation-duration: 40s;
    }

    .marquee-card {
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-pill);
        white-space: nowrap;
        font-size: var(--text-base);
        color: var(--color-text);
        cursor: default;
        transition:
            box-shadow var(--duration-base) var(--ease-lift),
            transform var(--duration-base) var(--ease-lift),
            border-color var(--duration-base) var(--ease-lift);
        flex-shrink: 0;
        align-items: center;
        gap: 0.5rem;
        padding: 0.625rem 1.125rem 0.625rem 0.875rem;
        display: inline-flex;
        box-shadow: 0 1px 2px #0000000a;
    }

    .marquee-card i {
        color: var(--color-text-soft);
        transition: color var(--duration-base) var(--ease-lift);
        flex-shrink: 0;
        font-size: 1.125rem;
        line-height: 1;
    }

    .marquee-card:hover {
        border-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
        }

        box-shadow: var(--shadow-sm);
        transform: translateY(-2px);
    }

    .marquee-card:hover i {
        color: var(--color-primary-ink);
    }

    .marquee-cols {
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
        height: 100%;
        display: grid;
        overflow: hidden;
    }

    .marquee-cols__col {
        height: 100%;
    }

    .marquee-cols__col:nth-child(2) .marquee--vertical {
        margin-top: -7rem;
    }

    .marquee-cols__col .marquee {
        gap: 0.75rem;
    }

    .marquee-cols__col img {
        border-radius: var(--radius-md);
        width: 100%;
        height: auto;
        display: block;
    }

    .marquee--vertical {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        height: max-content;
        animation-name: marquee-scroll-vertical;
        animation-duration: 40s;
    }

    @keyframes marquee-scroll-vertical {
        from {
            transform: translateY(0);
        }

        to {
            transform: translateY(-50%);
        }
    }

    .marquee--vertical.marquee--reverse {
        animation-name: marquee-scroll-vertical-reverse;
    }

    @keyframes marquee-scroll-vertical-reverse {
        from {
            transform: translateY(-50%);
        }

        to {
            transform: translateY(0);
        }
    }

    .marquee-panel {
        border-radius: var(--radius-2xl);
        grid-template-columns: 1.05fr 1fr;
        align-items: stretch;
        min-height: 42rem;
        display: grid;
        overflow: hidden;
    }

    .marquee-panel__content {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: clamp(2rem, 4vw, 3.5rem);
        display: flex;
    }

    .marquee-panel__media {
        position: relative;
        overflow: hidden;
    }

    .marquee-panel__media .marquee-cols {
        position: absolute;
        inset: 0;
    }

    @media (width <= 768px) {
        .marquee-panel {
            grid-template-columns: 1fr;
            min-height: 0;
        }

        .marquee-panel__media {
            height: 320px;
        }
    }

    .marquee-crossed--scroll .marquee,
    .marquee-scroll .marquee {
        transform: translateX(var(--_pos, 0px));
        will-change: transform;
        animation: none;
    }

    .marquee-overlay {
        justify-content: center;
        align-items: center;
        padding-block: 6rem;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    .marquee-overlay__track {
        pointer-events: none;
        --_fade: clamp(3rem, 18%, 16rem);
        mask-image: linear-gradient(
            to right,
            transparent 0,
            black var(--_fade),
            black calc(100% - var(--_fade)),
            transparent 100%
        );
        align-items: center;
        display: flex;
        position: absolute;
        inset: 0;
        overflow: hidden;
    }

    .marquee-overlay__ghost {
        letter-spacing: -0.045em;
        color: var(--color-text);
        gap: 3.5rem;
        padding-block: 0;
        font-size: clamp(3.5rem, 13vw, 10rem);
        font-weight: 800;
        line-height: 1.15;
        animation-duration: 40s;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--color-text) 6%, transparent);
        }

        -webkit-user-select: none;
        user-select: none;
    }

    .marquee-overlay__ghost .marquee-text__item {
        color: inherit;
    }

    .marquee-overlay__ghost .marquee-text__item strong {
        color: var(--color-primary);
        font-weight: 800;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--color-primary) 16%, transparent);
        }
    }

    .marquee-overlay__heading {
        z-index: 1;
        text-align: center;
        max-width: 56rem;
        font-size: var(--text-4xl);
        font-weight: 700;
        line-height: var(--leading-tight);
        letter-spacing: -0.035em;
        text-wrap: balance;
        color: var(--color-text);
        margin-inline: auto;
        padding-inline: 1.5rem;
        position: relative;
        transform: translateY(0.5rem);
    }

    @media (prefers-reduced-motion: reduce) {
        .marquee {
            animation-play-state: paused;
        }

        .marquee-card:hover {
            transform: none;
        }
    }

    .marquee-wrap[data-loading] {
        opacity: 0;
    }

    .marquee-wrap.is-ready {
        opacity: 1;
        transition: opacity var(--duration-slow) var(--ease-out);
    }

    .orbit {
        --orbit-count: 12;
        --orbit-radius: clamp(24rem, 66vw, 56rem);
        --orbit-item-w: clamp(7rem, 22vw, 18rem);
        --orbit-item-h: calc(var(--orbit-item-w) * 1.3);
        --orbit-duration: 80s;
        --orbit-height: calc(var(--orbit-item-h) * 1.9);
        --orbit-gap-top: 2.5rem;
        --orbit-fade-x: 12%;
        --orbit-fade-y: 38%;
        --orbit-scroll: 12deg;
        height: var(--orbit-height);
        view-timeline: --orbit-view;
        mask-image:
            linear-gradient(
                to right,
                transparent,
                #000 var(--orbit-fade-x),
                #000 calc(100% - var(--orbit-fade-x)),
                transparent
            ),
            linear-gradient(to bottom, #000 calc(100% - var(--orbit-fade-y)), transparent);
        position: relative;
        overflow: clip;
        mask-composite: intersect;
    }

    .orbit-track {
        left: 50%;
        top: calc(var(--orbit-gap-top) + var(--orbit-item-h) / 2 + var(--orbit-radius));
        width: 0;
        height: 0;
        animation: orbit-spin var(--orbit-duration) linear infinite;
        position: absolute;
    }

    .orbit-item {
        left: calc(var(--orbit-item-w) / -2);
        top: calc(var(--orbit-item-h) / -2);
        width: var(--orbit-item-w);
        height: var(--orbit-item-h);
        transform: rotate(calc(360deg / var(--orbit-count) * var(--i, 0)))
            translateY(calc(var(--orbit-r, var(--orbit-radius)) * -1)) scale(var(--orbit-s, 1));
        position: absolute;
    }

    .orbit-item > img {
        object-fit: cover;
        border-radius: var(--radius-xl);
        width: 100%;
        height: 100%;
        box-shadow: var(--shadow-lg);
    }

    .orbit-card {
        border-radius: var(--radius-xl);
        background: var(--color-surface);
        box-shadow: var(--shadow-lg);
        flex-direction: column;
        margin: 0;
        padding: clamp(0.375rem, 0.8vw, 0.625rem);
        display: flex;
    }

    .orbit-card > img {
        border-radius: calc(var(--radius-xl) * 0.65);
        height: auto;
        min-height: 0;
        box-shadow: none;
        flex: 1;
    }

    .orbit-card figcaption {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: baseline;
        gap: 0 0.5rem;
        padding: clamp(0.5rem, 1.1vw, 0.875rem) 0.375rem clamp(0.125rem, 0.4vw, 0.25rem);
        display: flex;
    }

    .orbit-card-title {
        letter-spacing: -0.01em;
        white-space: nowrap;
        color: var(--color-text);
        font-size: clamp(0.8125rem, 1.35vw, 1.125rem);
        font-weight: 600;
        line-height: 1.25;
    }

    .orbit-card-meta {
        font-variant-numeric: tabular-nums;
        color: var(--color-text-soft);
        flex: none;
        font-size: clamp(0.6875rem, 1vw, 0.875rem);
    }

    .orbit--reverse .orbit-track {
        animation-direction: reverse;
    }

    .orbit--hover-pause:hover :is(.orbit-track, .orbit-item > *) {
        animation-play-state: paused;
    }

    .orbit--no-fade {
        mask-image: none;
    }

    .orbit--stagger .orbit-item:nth-child(2n) {
        --orbit-r: calc(var(--orbit-radius) - var(--orbit-stagger, var(--orbit-item-h) * 0.4));
        --orbit-s: var(--orbit-stagger-scale, 0.74);
    }

    .orbit--full {
        --orbit-radius: clamp(8rem, 32vw, 15rem);
        --orbit-item-w: clamp(4rem, 15vw, 6.5rem);
        --orbit-item-h: var(--orbit-item-w);
        --orbit-height: calc(var(--orbit-radius) * 2 + var(--orbit-item-h) + 2rem);
        --orbit-scroll: 0deg;
        overflow: visible;
        mask-image: none;
    }

    .orbit--full .orbit-track {
        top: 50%;
    }

    .orbit-center {
        width: calc(var(--orbit-radius) * 2 - var(--orbit-item-w) * 1.4);
        text-align: center;
        position: absolute;
        inset: 50% auto auto 50%;
        translate: -50% -50%;
    }

    .orbit--path .orbit-track:before {
        content: '';
        width: calc(var(--orbit-radius) * 2);
        aspect-ratio: 1;
        border: 1px var(--orbit-path-style, solid) var(--orbit-path-color, var(--color-border));
        border-radius: var(--radius-full);
        position: absolute;
        top: 0;
        left: 0;
        translate: -50% -50%;
    }

    .orbit--avatars .orbit-item > img {
        border: clamp(3px, 0.4vw, 5px) solid var(--color-surface);
        border-radius: var(--radius-full);
        box-shadow: var(--shadow-md);
    }

    .orbit--bowl {
        --orbit-radius: clamp(19rem, 44vw, 40rem);
        --orbit-item-w: clamp(2.75rem, 4.4vw, 4rem);
        --orbit-item-h: var(--orbit-item-w);
        --orbit-height: calc(var(--orbit-radius) * 0.95);
        --orbit-fade-y: 40%;
        --orbit-gap-top: 1.5rem;
        height: auto;
        min-height: var(--orbit-height);
        padding-bottom: calc(var(--orbit-gap-top) + var(--orbit-item-h) + 1.5rem);
        place-items: center;
        display: grid;
        overflow: visible;
        mask-image: none;
    }

    .orbit-ring {
        mask-image:
            linear-gradient(
                to right,
                transparent,
                #000 var(--orbit-fade-x),
                #000 calc(100% - var(--orbit-fade-x)),
                transparent
            ),
            linear-gradient(to top, #000 calc(100% - var(--orbit-fade-y)), transparent);
        position: absolute;
        inset: 0;
        overflow: clip;
        mask-composite: intersect;
    }

    .orbit--bowl .orbit-track {
        top: auto;
        bottom: calc(var(--orbit-gap-top) + var(--orbit-item-h) / 2 + var(--orbit-radius));
    }

    .orbit-content {
        z-index: 1;
        max-width: min(100%, calc(var(--orbit-radius) * 1.3));
        text-align: center;
        padding-inline: 1rem;
        position: relative;
    }

    .orbit--upright {
        --orbit-scroll: 0deg;
    }

    .orbit--upright .orbit-item > * {
        transform: rotate(calc(360deg / var(--orbit-count) * var(--i, 0) * -1));
        animation: orbit-spin var(--orbit-duration) linear infinite reverse;
    }

    .orbit--upright.orbit--reverse .orbit-item > * {
        animation-direction: normal;
    }

    @supports (animation-timeline: view()) {
        .orbit-track {
            animation:
                orbit-spin var(--orbit-duration) linear infinite,
                orbit-scroll linear both;
            animation-timeline: auto, --orbit-view;
        }

        .orbit--reverse .orbit-track {
            animation-direction: reverse, normal;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .orbit-track,
        .orbit-item > * {
            animation: none;
        }
    }

    .logo-wall {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: 0.5rem 1rem;
        display: grid;
    }

    @media (width >= 640px) {
        .logo-wall {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (width >= 1024px) {
        .logo-wall {
            grid-template-columns: repeat(var(--logo-wall-cols, 5), minmax(0, 1fr));
        }
    }

    .logo-wall--bordered {
        border-top: 1px solid var(--color-border);
        border-left: 1px solid var(--color-border);
        gap: 0;
    }

    .logo-wall--bordered .logo-item {
        border-right: 1px solid var(--color-border);
        border-bottom: 1px solid var(--color-border);
        height: clamp(5rem, 9vw, 7rem);
    }

    .logo-wall .logo-item {
        transition: color var(--duration-fast) var(--ease-out);
    }

    .logo-wall .logo-item svg {
        filter: grayscale() opacity(0.62);
        max-width: 100%;
        max-height: 34px;
    }

    .logo-wall .logo-item:hover {
        color: var(--color-primary-ink);
    }

    .logo-wall--plain .logo-item img,
    .logo-wall--plain .logo-item svg {
        filter: none;
    }

    .dark-section .logo-wall--bordered,
    .dark-section .logo-wall--bordered .logo-item {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .dark-section .logo-item img,
    .dark-section .logo-item svg {
        filter: grayscale() brightness(3) opacity(0.55);
    }

    .dark-section .logo-item:hover img,
    .dark-section .logo-item:hover svg {
        filter: grayscale() brightness(3) opacity();
    }

    .icon-box {
        flex-direction: column;
        gap: 0.875rem;
        display: flex;
    }

    .icon-box-icon {
        width: 4rem;
        height: 4rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            background-color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        display: inline-flex;
    }

    .icon-box-body {
        flex-direction: column;
        flex: 1;
        gap: 0.5rem;
        display: flex;
    }

    .icon-box-title {
        font-size: var(--text-xl);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
        letter-spacing: -0.02em;
        text-wrap: balance;
        margin: 0;
    }

    .icon-box-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        text-wrap: pretty;
        margin: 0;
    }

    .icon-box-link {
        font-size: var(--text-base);
        color: var(--color-primary-ink);
        transition: gap var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.375rem;
        margin-top: 0.25rem;
        font-weight: 500;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            color: var(--color-primary-ink);
            gap: 0.625rem;
        }
    }

    .icon-box-icon--circle {
        border-radius: var(--radius-full);
    }

    .icon-box-icon--rounded {
        border-radius: var(--radius-md);
    }

    .icon-box-icon--square {
        border-radius: var(--radius-xs);
    }

    .icon-box-icon--sm {
        width: 2.75rem;
        height: 2.75rem;
        font-size: 1.25rem;
    }

    .icon-box-icon--lg {
        width: 5.5rem;
        height: 5.5rem;
        font-size: 2.5rem;
    }

    .icon-box-icon--primary-soft {
        background: var(--color-primary-50);
        color: var(--color-primary-ink-light);
    }

    .icon-box-icon--secondary-soft {
        background: var(--color-secondary-50);
        color: var(--color-secondary-ink-light);
    }

    .icon-box-icon--tertiary-soft {
        background: var(--color-tertiary-50);
        color: var(--color-tertiary-ink-light);
    }

    .icon-box-icon--quaternary-soft {
        background: var(--color-quaternary-50);
        color: var(--color-quaternary-ink-light);
    }

    .icon-box-icon--accent-soft {
        background: var(--color-accent-50);
        color: var(--color-accent-ink-light);
    }

    .icon-box-icon--dark-soft {
        background: var(--color-dark-bg);
        color: var(--color-dark);
    }

    .icon-box-icon--primary-soft,
    .icon-box-icon--secondary-soft,
    .icon-box-icon--tertiary-soft,
    .icon-box-icon--quaternary-soft,
    .icon-box-icon--accent-soft,
    .icon-box-icon--dark-soft {
        box-shadow: inset 0 0 0 1px;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 10%, transparent);
        }
    }

    .icon-box-icon--primary {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    .icon-box-icon--secondary {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
    }

    .icon-box-icon--tertiary {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
    }

    .icon-box-icon--quaternary {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
    }

    .icon-box-icon--accent {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }

    .icon-box-icon--dark {
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .icon-box-icon--primary-outline {
        border: 1.5px solid var(--color-primary);
        color: var(--color-primary-ink);
    }

    .icon-box-icon--secondary-outline {
        border: 1.5px solid var(--color-secondary);
        color: var(--color-secondary-ink);
    }

    .icon-box-icon--tertiary-outline {
        border: 1.5px solid var(--color-tertiary);
        color: var(--color-tertiary-ink);
    }

    .icon-box-icon--quaternary-outline {
        border: 1.5px solid var(--color-quaternary);
        color: var(--color-quaternary-ink);
    }

    .icon-box-icon--accent-outline {
        border: 1.5px solid var(--color-accent);
        color: var(--color-accent-ink);
    }

    .icon-box-icon--dark-outline {
        border: 1.5px solid var(--color-dark);
        color: var(--color-dark);
    }

    .icon-box-icon--backdrop {
        z-index: 0;
        justify-content: flex-start;
        align-items: flex-end;
        padding-bottom: 0.25rem;
        padding-left: 0.75rem;
        font-size: 3rem;
        position: relative;

        &:before {
            content: '';
            border-radius: var(--radius-full);
            background: var(--color-primary-50);
            z-index: -1;
            width: 3.25rem;
            height: 3.25rem;
            position: absolute;
            top: 1.25rem;
            left: -0.25rem;
        }
    }

    .icon-box-icon--backdrop.icon-box-icon--backdrop-secondary {
        &:before {
            background: var(--color-secondary-50);
        }
    }

    .icon-box-icon--backdrop.icon-box-icon--backdrop-tertiary {
        &:before {
            background: var(--color-tertiary-50);
        }
    }

    .icon-box-icon--backdrop.icon-box-icon--backdrop-accent {
        &:before {
            background: var(--color-accent-50);
        }
    }

    .icon-box-icon--backdrop.icon-box-icon--backdrop-dark {
        &:before {
            background: var(--color-dark-bg);
        }
    }

    .icon-box-icon--gradient {
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                135deg,
                var(--color-primary-400-shade) 0%,
                var(--color-primary) 45%,
                var(--color-primary-800) 100%
            );
        color: var(--color-on-primary);
        box-shadow: inset 0 1px #ffffff40;
    }

    .icon-box-icon--gradient-secondary {
        background:
            var(--gradient-secondary-light, none),
            linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary-shade) 100%);
        color: var(--color-on-secondary);
        box-shadow: inset 0 1px #fff3;
    }

    .icon-box-icon--gradient-accent {
        background:
            var(--gradient-accent-light, none),
            linear-gradient(
                135deg,
                var(--color-accent-400-shade) 0%,
                var(--color-accent) 45%,
                var(--color-accent-700) 100%
            );
        color: var(--color-on-accent);
        box-shadow: inset 0 1px #ffffff40;
    }

    .icon-box-icon--primary-glow {
        background: var(--color-primary);
        color: var(--color-on-primary);
        box-shadow: 0 12px 24px -8px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 12px 24px -8px color-mix(in srgb, var(--color-primary) 60%, transparent);
        }
    }

    .icon-box-icon--secondary-glow {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
        box-shadow: 0 12px 24px -8px var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 12px 24px -8px color-mix(in srgb, var(--color-secondary) 60%, transparent);
        }
    }

    .icon-box-icon--tertiary-glow {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
        box-shadow: 0 12px 24px -8px var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 12px 24px -8px color-mix(in srgb, var(--color-tertiary) 60%, transparent);
        }
    }

    .icon-box-icon--quaternary-glow {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
        box-shadow: 0 12px 24px -8px var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 12px 24px -8px
                color-mix(in srgb, var(--color-quaternary) 60%, transparent);
        }
    }

    .icon-box-icon--accent-glow {
        background: var(--color-accent);
        color: var(--color-on-accent);
        box-shadow: 0 12px 24px -8px var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 12px 24px -8px color-mix(in srgb, var(--color-accent) 60%, transparent);
        }
    }

    .icon-box-icon--dark-glow {
        background: var(--color-dark);
        color: var(--color-on-dark);
        box-shadow: 0 12px 24px -8px var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 12px 24px -8px color-mix(in srgb, var(--color-dark) 50%, transparent);
        }
    }

    .icon-box--left,
    .icon-box--right {
        flex-direction: row;
        align-items: flex-start;
        gap: 1.25rem;
    }

    .icon-box--right .icon-box-body {
        text-align: right;
    }

    .icon-box--card {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-card);
        background: var(--color-bg);
        transition:
            border-color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        padding: 1.75rem;
    }

    .icon-box--card.icon-box--primary:hover {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 4px var(--color-primary-50);
    }

    .icon-box--card.icon-box--secondary:hover {
        border-color: var(--color-secondary);
        box-shadow: 0 0 0 4px var(--color-secondary-50);
    }

    .icon-box--card.icon-box--tertiary:hover {
        border-color: var(--color-tertiary);
        box-shadow: 0 0 0 4px var(--color-tertiary-50);
    }

    .icon-box--card.icon-box--quaternary:hover {
        border-color: var(--color-quaternary);
        box-shadow: 0 0 0 4px var(--color-quaternary-50);
    }

    .icon-box--card.icon-box--accent:hover {
        border-color: var(--color-accent);
        box-shadow: 0 0 0 4px var(--color-accent-50);
    }

    .icon-box--card.icon-box--dark:hover {
        border-color: var(--color-dark);
        box-shadow: 0 0 0 4px var(--color-dark-bg);
    }

    .icon-box--shadow {
        border-radius: var(--radius-card);
        background: var(--color-bg);
        box-shadow: var(--shadow-lg);
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        padding: 1.75rem;

        &:hover {
            box-shadow: var(--shadow-xl);
            transform: translateY(-4px);
        }
    }

    .icon-box--accent-left {
        border-radius: 0 var(--radius-card) var(--radius-card) 0;
        border-left: 3px solid var(--color-border);
        background: var(--color-bg-soft);
        padding: 1.5rem 1.75rem;
    }

    .icon-box--accent-left.icon-box--primary {
        border-left-color: var(--color-primary);
    }

    .icon-box--accent-left.icon-box--secondary {
        border-left-color: var(--color-secondary);
    }

    .icon-box--accent-left.icon-box--tertiary {
        border-left-color: var(--color-tertiary);
    }

    .icon-box--accent-left.icon-box--quaternary {
        border-left-color: var(--color-quaternary);
    }

    .icon-box--accent-left.icon-box--accent {
        border-left-color: var(--color-accent);
    }

    .icon-box--accent-left.icon-box--dark {
        border-left-color: var(--color-dark);
    }

    .icon-box--filled {
        border-radius: var(--radius-card);
        background-image: linear-gradient(160deg, #ffffff1f 0%, #fff0 55%);
        padding: 1.75rem;
    }

    .icon-box--filled.icon-box--primary {
        background-color: var(--color-primary);
        --icon-box-on: var(--color-on-primary);
    }

    .icon-box--filled.icon-box--secondary {
        background-color: var(--color-secondary);
        --icon-box-on: var(--color-on-secondary);
    }

    .icon-box--filled.icon-box--tertiary {
        background-color: var(--color-tertiary);
        --icon-box-on: var(--color-on-tertiary);
    }

    .icon-box--filled.icon-box--quaternary {
        background-color: var(--color-quaternary);
        --icon-box-on: var(--color-on-quaternary);
    }

    .icon-box--filled.icon-box--accent {
        background-color: var(--color-accent);
        --icon-box-on: var(--color-on-accent);
    }

    .icon-box--filled.icon-box--dark {
        background-color: var(--color-dark);
    }

    .icon-box--filled .icon-box-title {
        color: var(--icon-box-on, #fff);
    }

    .icon-box--filled .icon-box-text {
        color: oklch(from var(--icon-box-on, #fff) l c h / 0.8);
    }

    .icon-box--filled .icon-box-link {
        color: oklch(from var(--icon-box-on, #fff) l c h / 0.9);

        &:hover {
            color: var(--icon-box-on, #fff);
        }
    }

    .icon-box--dark-card {
        border-radius: var(--radius-card);
        cursor: pointer;
        transition:
            background-color var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        background: #ffffff12;
        padding: 1.75rem;

        & .icon-box-icon {
            color: #ffffffbf;
            transition:
                color var(--duration-base) var(--ease-out),
                transform var(--duration-base) var(--ease-out);
        }

        & .icon-box-title {
            color: #fff;
        }

        & .icon-box-text {
            color: #ffffff80;
        }

        &:hover {
            background: var(--color-primary);
            transform: translateY(-3px);
        }

        &:hover .icon-box-icon {
            color: var(--color-on-primary);
            transform: scale(1.15);
        }

        &:hover .icon-box-title {
            color: var(--color-on-primary);
        }

        &:hover .icon-box-text {
            color: oklch(from var(--color-on-primary) l c h / 0.85);
        }
    }

    .icon-box--dark-reveal {
        border-radius: var(--radius-card);
        cursor: pointer;
        min-height: 16rem;
        transition:
            background var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
        background: #ffffff0a;
        border: 1px solid #ffffff14;
        justify-content: center;
        gap: 0.375rem;
        padding: 2.5rem 1.75rem;
        position: relative;
        overflow: hidden;

        & .icon-box-icon {
            color: #ffffff73;
            width: 3rem;
            height: 3rem;
            transition:
                color var(--duration-base) var(--ease-out),
                transform var(--duration-base) var(--ease-out);
            font-size: 2.5rem;
        }

        & .icon-box-title {
            color: var(--on-surface, #fff);
            transition: transform var(--duration-base) var(--ease-out);
        }

        & .icon-box-text {
            opacity: 0;
            color: oklch(from var(--on-surface, #fff) l c h / 0.85);
            font-size: var(--text-base);
            line-height: var(--leading-snug);
            transition:
                opacity var(--duration-base) var(--ease-out),
                transform var(--duration-base) var(--ease-out);
            margin: 0;
            position: absolute;
            bottom: 1.5rem;
            left: 1.75rem;
            right: 1.75rem;
            transform: translateY(0.75rem);
        }

        &:hover {
            --on-surface: var(--color-on-primary);
            background:
                var(--gradient-primary-light, none),
                linear-gradient(
                    150deg,
                    var(--color-primary-500-shade) 0%,
                    var(--color-primary) 40%,
                    var(--color-primary-800) 100%
                );
            border-color: #0000;
        }

        &:hover .icon-box-icon {
            color: var(--color-on-primary);
            transform: translateY(-2rem);
        }

        &:hover .icon-box-title {
            transform: translateY(-2rem);
        }

        &:hover .icon-box-text {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .icon-box--hover-lift {
        border-radius: var(--radius-card);
        border: 1px solid var(--color-border);
        background: var(--color-bg);
        cursor: pointer;
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
        padding: 1.75rem;

        &:hover {
            box-shadow: var(--shadow-lg);
            border-color: #0000;
            transform: translateY(-4px);
        }
    }

    .icon-box--hover-glow {
        border-radius: var(--radius-card);
        border: 1px solid var(--color-border);
        background: var(--color-bg);
        cursor: pointer;
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
        padding: 1.75rem;

        &:hover {
            border-color: var(--color-primary);
            box-shadow:
                0 0 0 4px var(--color-primary-50),
                var(--shadow-md);
        }
    }

    .icon-box--hover-icon-scale {
        border-radius: var(--radius-card);
        border: 1px solid var(--color-border);
        background: var(--color-bg);
        cursor: pointer;
        transition: border-color var(--duration-base) var(--ease-out);
        padding: 1.75rem;

        &:hover {
            border-color: var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
            }
        }

        &:hover .icon-box-icon {
            transform: scale(1.12);
        }
    }

    .icon-box--hover-icon-rotate {
        border-radius: var(--radius-card);
        border: 1px solid var(--color-border);
        background: var(--color-bg);
        cursor: pointer;
        transition: border-color var(--duration-base) var(--ease-out);
        padding: 1.75rem;

        &:hover {
            border-color: var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
            }
        }

        & .icon-box-icon {
            transition: transform var(--duration-xslow) var(--ease-out);
        }

        &:hover .icon-box-icon {
            transform: rotate(360deg);
        }
    }

    .icon-box-step {
        font-size: var(--text-4xl);
        font-weight: 700;
        font-family: var(--font-heading);
        letter-spacing: -0.04em;
        font-variant-numeric: tabular-nums;
        color: var(--color-primary-ink);
        line-height: 1;
    }

    .icon-box-process {
        align-items: flex-start;
        display: flex;
    }

    .icon-box-process > .icon-box {
        flex: 1;
    }

    .icon-box-process-connector {
        padding-top: 1.5rem;
        color: var(--color-text-muted);
        flex-shrink: 0;
        align-items: center;
        padding-inline: 0.5rem;
        font-size: 1.25rem;
        display: flex;
    }

    @media (width <= 767px) {
        .icon-box-process {
            flex-direction: column;
            gap: 2rem;
        }

        .icon-box-process-connector {
            display: none;
        }
    }

    :is(.dark-section, .section-dark) .icon-box-title {
        color: var(--on-surface, #fff);
    }

    :is(.dark-section, .section-dark) .icon-box-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    :is(.dark-section, .section-dark) .icon-box-link {
        color: oklch(from var(--on-surface, #fff) l c h / 0.9);
    }

    :is(.dark-section, .section-dark) .icon-box-step {
        color: oklch(from var(--on-surface, #fff) l c h / 0.35);
    }

    :is(.dark-section, .section-dark) .icon-box--card {
        background: oklch(from var(--on-surface, #fff) l c h / 0.04);
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .icon-box-strip {
        border-top: 1px solid var(--color-border);
        grid-template-columns: repeat(5, 1fr);
        display: grid;
    }

    .icon-box-strip-item {
        text-align: center;
        cursor: pointer;
        border-right: 1px solid var(--color-border);
        min-height: 16rem;
        transition: background-color var(--duration-base) var(--ease-out);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
        padding: 3rem 1.5rem;
        display: flex;
        position: relative;
        overflow: hidden;

        &:last-child {
            border-right: none;
        }

        & .icon-box-icon {
            width: 5.5rem;
            height: 5.5rem;
            color: var(--color-primary-ink);
            transition:
                color var(--duration-base) var(--ease-out),
                transform var(--duration-base) var(--ease-out);
            font-size: 2.5rem;
        }

        & .icon-box-title {
            transition:
                color var(--duration-base) var(--ease-out),
                transform var(--duration-base) var(--ease-out);
        }

        & .icon-box-text {
            opacity: 0;
            font-size: var(--text-base);
            line-height: var(--leading-snug);
            transition:
                opacity var(--duration-base) var(--ease-out),
                transform var(--duration-base) var(--ease-out),
                color var(--duration-base) var(--ease-out);
            margin: 0;
            position: absolute;
            bottom: 1.5rem;
            left: 1.5rem;
            right: 1.5rem;
            transform: translateY(1rem);
        }

        &:hover {
            background: var(--color-primary);
        }

        &:hover .icon-box-icon,
        &:hover .icon-box-title {
            color: var(--color-on-primary);
            transform: translateY(-2.5rem);
        }

        &:hover .icon-box-text {
            opacity: 1;
            color: oklch(from var(--color-on-primary) l c h / 0.8);
            transform: translateY(0);
        }
    }

    @media (width <= 991px) {
        .icon-box-strip {
            grid-template-columns: repeat(3, 1fr);
        }

        .icon-box-strip-item {
            border-bottom: 1px solid var(--color-border);

            &:nth-child(3n) {
                border-right: none;
            }

            &:nth-child(n + 4) {
                border-bottom: none;
            }
        }
    }

    @media (width <= 575px) {
        .icon-box-strip {
            grid-template-columns: repeat(2, 1fr);
        }

        .icon-box-strip-item {
            border-right: 1px solid var(--color-border);
            border-bottom: 1px solid var(--color-border);

            &:nth-child(3n) {
                border-right: 1px solid var(--color-border);
            }

            &:nth-child(2n) {
                border-right: none;
            }

            &:nth-child(n + 5) {
                border-bottom: none;
            }
        }
    }

    .icon-box-divided {
        grid-template-columns: repeat(4, 1fr);
        display: grid;
    }

    .icon-box-divided > .icon-box {
        text-align: center;
        border-right: 1px solid var(--color-border);
        align-items: center;
        padding: 1.5rem 2rem;
    }

    .icon-box-divided > .icon-box:last-child {
        border-right: none;
    }

    .icon-box-divided .icon-box-icon {
        color: var(--color-text);
    }

    .icon-box-divided .icon-box:hover .icon-box-icon {
        color: var(--color-primary-ink);
        transform: scale(1.08);
    }

    .icon-box-divided .icon-box:hover .icon-box-title {
        color: var(--color-primary-ink);
    }

    @media (width <= 991px) {
        .icon-box-divided {
            grid-template-columns: repeat(2, 1fr);
        }

        .icon-box-divided > .icon-box {
            border-bottom: 1px solid var(--color-border);
        }

        .icon-box-divided > .icon-box:nth-child(2n) {
            border-right: none;
        }

        .icon-box-divided > .icon-box:nth-child(n + 3) {
            border-bottom: none;
        }
    }

    @media (width <= 575px) {
        .icon-box-divided {
            grid-template-columns: 1fr;
        }

        .icon-box-divided > .icon-box {
            border-right: none;
            border-bottom: 1px solid var(--color-border);
        }

        .icon-box-divided > .icon-box:last-child {
            border-bottom: none;
        }
    }

    .icon-box-divided.icon-box-divided--sheet {
        --sheet-rule: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --sheet-rule: color-mix(in srgb, var(--color-text) 18%, transparent);
        }

        --sheet-pad: clamp(1.5rem, 1rem + 2vw, 2.5rem);
        --sheet-bg: var(--color-surface);
        --sheet-icon: var(--color-primary-ink);
        --_rule: 1px dashed var(--sheet-rule);
        background: var(--sheet-bg);
        --frame-bg: var(--sheet-bg);
        grid-template-columns: minmax(0, 1fr);
        margin: 0;
        padding: 0;
        list-style: none;

        & > .icon-box {
            padding: var(--sheet-pad);
            border: 0;
            border-bottom: var(--_rule);
            text-align: start;
            align-items: flex-start;
            gap: 0.5rem;
            position: relative;

            &:last-child {
                border-bottom: 0;
            }
        }

        & .icon-box-icon {
            width: auto;
            height: auto;
            color: var(--sheet-icon);
            justify-content: flex-start;
            margin-bottom: clamp(1.25rem, 0.75rem + 2vw, 2.75rem);
            font-size: 2rem;
        }

        & .icon-box:hover .icon-box-icon {
            color: var(--sheet-icon);
            transform: none;
        }

        & .icon-box:hover .icon-box-title {
            color: var(--color-text);
        }

        & .icon-box-title {
            font-size: 1.25rem;
            line-height: 1.3;
        }

        & .icon-box-text {
            line-height: 1.5;
        }
    }

    .icon-box-index {
        letter-spacing: 0.04em;
        font-variant-numeric: tabular-nums;
        color: var(--color-text);
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 2rem;
        position: absolute;
        inset-block-start: var(--sheet-pad, 1.5rem);
        inset-inline-end: var(--sheet-pad, 1.5rem);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--color-text) 60%, transparent);
        }
    }

    @media (640px <= width < 1024px) {
        .icon-box-divided.icon-box-divided--sheet {
            grid-template-columns: repeat(2, minmax(0, 1fr));

            & > .icon-box:nth-child(odd) {
                border-inline-end: var(--_rule);
            }

            & > .icon-box:nth-child(odd):nth-last-child(-n + 2),
            & > .icon-box:nth-child(odd):nth-last-child(-n + 2) ~ .icon-box {
                border-bottom: 0;
            }
        }
    }

    @media (width >= 1024px) {
        .icon-box-divided.icon-box-divided--sheet:not(
                .icon-box-divided--cols-2,
                .icon-box-divided--cols-4
            ) {
            grid-template-columns: repeat(3, minmax(0, 1fr));

            & > .icon-box:not(:nth-child(3n)) {
                border-inline-end: var(--_rule);
            }

            & > .icon-box:nth-child(3n + 1):nth-last-child(-n + 3),
            & > .icon-box:nth-child(3n + 1):nth-last-child(-n + 3) ~ .icon-box {
                border-bottom: 0;
            }
        }

        .icon-box-divided.icon-box-divided--sheet.icon-box-divided--cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));

            & > .icon-box:nth-child(odd) {
                border-inline-end: var(--_rule);
            }

            & > .icon-box:nth-child(odd):nth-last-child(-n + 2),
            & > .icon-box:nth-child(odd):nth-last-child(-n + 2) ~ .icon-box {
                border-bottom: 0;
            }
        }

        .icon-box-divided.icon-box-divided--sheet.icon-box-divided--cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));

            & > .icon-box:not(:nth-child(4n)) {
                border-inline-end: var(--_rule);
            }

            & > .icon-box:nth-child(4n + 1):nth-last-child(-n + 4),
            & > .icon-box:nth-child(4n + 1):nth-last-child(-n + 4) ~ .icon-box {
                border-bottom: 0;
            }
        }
    }

    :is(.dark-section, .section-dark, .bg-dark, .dark-island)
        .icon-box-divided.icon-box-divided--sheet {
        --sheet-rule: #ffffff42;
        --sheet-bg: transparent;
        --sheet-icon: #fff;

        & .icon-box-title,
        & .icon-box:hover .icon-box-title {
            color: #fff;
        }

        & .icon-box-text {
            color: #ffffffb8;
        }

        & .icon-box-index {
            color: #fff9;
        }
    }

    .list-unstyled {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .list-inline {
        flex-wrap: wrap;
        gap: 0.25rem 1rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .list-styled {
        flex-direction: column;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .list-styled li {
        line-height: var(--leading-normal);
        align-items: flex-start;
        gap: 0.5rem;
        display: flex;
    }

    .list-styled li:before {
        content: '›';
        color: var(--color-primary-ink);
        font-weight: 700;
        line-height: var(--leading-normal);
        transition: transform var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
    }

    .list-styled li:hover:before {
        transform: translateX(2px);
    }

    .check-list {
        flex-direction: column;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .check-list li {
        font-size: var(--text-base);
        color: var(--color-text);
        line-height: var(--leading-relaxed);
        align-items: flex-start;
        gap: 0.625rem;
        display: flex;
    }

    .check-list li i {
        margin-top: calc((1rem * var(--leading-relaxed) - 1.125rem) / 2 - 0.05rem);
        flex-shrink: 0;
        font-size: 1.125rem;
        line-height: 1;
    }

    .check-list--primary li i {
        color: var(--color-primary-ink);
    }

    .check-list--secondary li i {
        color: var(--color-secondary-ink);
    }

    .check-list--tertiary li i {
        color: var(--color-tertiary-ink);
    }

    .check-list--quaternary li i {
        color: var(--color-quaternary-ink);
    }

    .check-list--accent li i {
        color: var(--color-accent-ink);
    }

    .check-list--dark li i {
        color: var(--color-dark);
    }

    .check-list--light li i {
        color: var(--on-surface, #fff);
    }

    .check-list--soft li i {
        border-radius: var(--radius-full);
        margin-top: 0.125rem;
        padding: 0.25rem;
        font-size: 0.8125rem;
    }

    .check-list--primary.check-list--soft li i {
        background: var(--color-primary-100);
        color: var(--color-primary-ink-light);
    }

    .check-list--secondary.check-list--soft li i {
        background: var(--color-secondary-100);
        color: var(--color-secondary-ink-light);
    }

    .check-list--tertiary.check-list--soft li i {
        background: var(--color-tertiary-100);
        color: var(--color-tertiary-ink-light);
    }

    .check-list--quaternary.check-list--soft li i {
        background: var(--color-quaternary-100);
        color: var(--color-quaternary-ink-light);
    }

    .check-list--accent.check-list--soft li i {
        background: var(--color-accent-100);
        color: var(--color-accent-ink-light);
    }

    .check-list--dark.check-list--soft li i {
        background: var(--color-dark-bg);
        color: var(--color-dark);
    }

    .check-list--solid li i {
        border-radius: var(--radius-full);
        color: var(--color-on-dark);
        margin-top: 0.125rem;
        padding: 0.25rem;
        font-size: 0.8125rem;
    }

    .check-list--primary.check-list--solid li i {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    .check-list--secondary.check-list--solid li i {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
    }

    .check-list--tertiary.check-list--solid li i {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
    }

    .check-list--quaternary.check-list--solid li i {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
    }

    .check-list--accent.check-list--solid li i {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }

    .check-list--dark.check-list--solid li i {
        background: var(--color-dark);
    }

    .check-list--shadow {
        gap: 1rem;
    }

    .check-list--shadow li {
        align-items: center;
        gap: 1rem;
        font-weight: 600;
    }

    .check-list--shadow li i {
        border-radius: var(--radius-full);
        background: var(--color-bg);
        width: 2.5rem;
        height: 2.5rem;
        box-shadow: var(--shadow-md);
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
        justify-content: center;
        align-items: center;
        margin-top: 0;
        padding: 0;
        font-size: 1.125rem;
        display: inline-flex;
    }

    .check-list--shadow li:hover i {
        box-shadow: var(--shadow-lg);
        transform: translateY(-3px);
    }

    .check-list--sm li {
        font-size: var(--text-sm);
        line-height: var(--leading-normal);
        gap: 0.5rem;
    }

    .check-list--sm li i {
        margin-top: calc((0.875rem * var(--leading-normal) - 1rem) / 2 - 0.05rem);
        font-size: 1rem;
    }

    .check-list--lg li {
        font-size: var(--text-lg);
        gap: 0.75rem;
    }

    .check-list--lg li i {
        margin-top: calc((1.125rem * var(--leading-relaxed) - 1.25rem) / 2 - 0.05rem);
        font-size: 1.25rem;
    }

    .check-list--two-col {
        grid-template-columns: repeat(auto-fit, minmax(max(10rem, 34%), 1fr));
        gap: 0.5rem 2rem;
        display: grid;
    }

    @media (width <= 480px) {
        .check-list--two-col {
            grid-template-columns: 1fr;
        }
    }

    .check-list--cross li i {
        color: var(--color-danger);
    }

    .check-list--cross.check-list--soft li i {
        background: var(--color-danger-bg);
        color: var(--color-danger);
    }

    .check-list--cross.check-list--solid li i {
        background: var(--color-danger);
        color: #fff;
    }

    .icon-list {
        flex-direction: column;
        gap: 1.25rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .icon-list-item {
        align-items: flex-start;
        gap: 1rem;
        display: flex;
    }

    .icon-list-item-icon {
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.125rem;
        display: inline-flex;
    }

    .icon-list-item-body {
        flex-direction: column;
        flex: 1;
        gap: 0.25rem;
        display: flex;
    }

    .icon-list-item-title {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
    }

    .icon-list-item-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        margin: 0;
    }

    .icon-list-item-icon--circle {
        border-radius: var(--radius-full);
    }

    .icon-list-item-icon--rounded {
        border-radius: var(--radius-md);
    }

    .icon-list-item-icon--square {
        border-radius: var(--radius-xs);
    }

    .icon-list-item-icon--primary-soft {
        background: var(--color-primary-50);
        color: var(--color-primary-ink-light);
    }

    .icon-list-item-icon--secondary-soft {
        background: var(--color-secondary-50);
        color: var(--color-secondary-ink-light);
    }

    .icon-list-item-icon--tertiary-soft {
        background: var(--color-tertiary-50);
        color: var(--color-tertiary-ink-light);
    }

    .icon-list-item-icon--quaternary-soft {
        background: var(--color-quaternary-50);
        color: var(--color-quaternary-ink-light);
    }

    .icon-list-item-icon--accent-soft {
        background: var(--color-accent-50);
        color: var(--color-accent-ink-light);
    }

    .icon-list-item-icon--dark-soft {
        background: var(--color-dark-bg);
        color: var(--color-dark);
    }

    .icon-list-item-icon--primary {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    .icon-list-item-icon--secondary {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
    }

    .icon-list-item-icon--tertiary {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
    }

    .icon-list-item-icon--quaternary {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
    }

    .icon-list-item-icon--accent {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }

    .icon-list-item-icon--dark {
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .icon-list--sm .icon-list-item-icon {
        width: 2rem;
        height: 2rem;
        font-size: 0.875rem;
    }

    .icon-list--lg .icon-list-item-icon {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.5rem;
    }

    .icon-list--right .icon-list-item-body {
        text-align: right;
    }

    .icon-list--bordered .icon-list-item {
        border-bottom: 1px solid var(--color-border);
        padding-bottom: 1.25rem;
    }

    .icon-list--bordered .icon-list-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .icon-list--accent-left .icon-list-item {
        border-left: 3px solid var(--color-border);
        border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
        background: var(--color-bg-soft);
        transition: border-color var(--duration-base) var(--ease-out);
        padding: 0.875rem 1rem;

        &:hover {
            border-left-color: var(--color-primary);
        }
    }

    .stacked-list {
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .stacked-list-item {
        border-bottom: 1px solid var(--color-border);
        align-items: center;
        gap: 1rem;
        padding: 0.875rem 0;
        display: flex;
    }

    .stacked-list-item:last-child {
        border-bottom: none;
    }

    .stacked-list-item-icon {
        border-radius: var(--radius-full);
        background: var(--color-primary-50);
        width: 2.75rem;
        height: 2.75rem;
        color: var(--color-primary-ink);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        font-size: 1.25rem;
        display: inline-flex;
    }

    .stacked-list-item-body {
        flex-direction: column;
        flex: 1;
        gap: 0.125rem;
        min-width: 0;
        display: flex;
    }

    .stacked-list-item-title {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .stacked-list-item-meta {
        font-size: var(--text-base);
        color: var(--color-text-muted);
    }

    .stacked-list-item-aside {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        text-align: right;
        flex-shrink: 0;
    }

    .stacked-list--card {
        gap: 0.625rem;
    }

    .stacked-list--card .stacked-list-item {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-bg);
        padding: 0.875rem 1rem;
    }

    .stacked-list--card .stacked-list-item:last-child {
        border-bottom: 1px solid var(--color-border);
    }

    .stacked-list--shadow {
        gap: 0.75rem;
    }

    .stacked-list--shadow .stacked-list-item {
        border-radius: var(--radius-md);
        background: var(--color-bg);
        box-shadow: var(--shadow-sm);
        border: none;
        padding: 0.875rem 1rem;
    }

    .stacked-list--shadow .stacked-list-item:last-child {
        border-bottom: none;
    }

    .stacked-list--striped .stacked-list-item {
        border-radius: var(--radius-sm);
        border-bottom: none;
        padding: 0.875rem 1rem;
    }

    .stacked-list--striped .stacked-list-item:nth-child(2n) {
        background: var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklab, var(--color-quaternary) 7%, transparent);
        }
    }

    .stacked-list--hover .stacked-list-item {
        border-radius: var(--radius-sm);
        cursor: pointer;
        transition: background var(--duration-fast) var(--ease-out);
        padding: 0.875rem 1rem;

        &:hover {
            background: var(--color-quaternary);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in oklab, var(--color-quaternary) 7%, transparent);
            }
        }
    }

    .stacked-list-item-icon {
        transition: transform var(--duration-base) var(--ease-lift);
    }

    .stacked-list--hover .stacked-list-item:hover .stacked-list-item-icon {
        transform: scale(1.06);
    }

    .stacked-list--card .stacked-list-item {
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-text-muted);

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-text-muted) 40%, var(--color-border));
            }

            box-shadow: var(--shadow-xs);
        }
    }

    .numbered-list {
        counter-reset: numbered-item;
        flex-direction: column;
        gap: 1rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .numbered-list-item {
        counter-increment: numbered-item;
        align-items: flex-start;
        gap: 1rem;
        display: flex;

        &:before {
            content: counter(numbered-item);
            border-radius: var(--radius-full);
            width: 2rem;
            height: 2rem;
            font-size: var(--text-base);
            font-variant-numeric: tabular-nums;
            color: var(--color-primary-ink);
            border: 1.5px solid;
            flex-shrink: 0;
            justify-content: center;
            align-items: center;
            margin-top: -0.125rem;
            font-weight: 700;
            line-height: 1;
            display: inline-flex;
        }
    }

    .numbered-list--primary .numbered-list-item:before {
        color: var(--color-primary-ink);
    }

    .numbered-list--secondary .numbered-list-item:before {
        color: var(--color-secondary-ink);
    }

    .numbered-list--tertiary .numbered-list-item:before {
        color: var(--color-tertiary-ink);
    }

    .numbered-list--quaternary .numbered-list-item:before {
        color: var(--color-quaternary-ink);
    }

    .numbered-list--accent .numbered-list-item:before {
        color: var(--color-accent-ink);
    }

    .numbered-list--dark .numbered-list-item:before {
        color: var(--color-dark);
    }

    .numbered-list--solid .numbered-list-item:before {
        color: var(--color-on-dark);
        border-color: #0000;
    }

    .numbered-list--primary.numbered-list--solid .numbered-list-item:before {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    .numbered-list--secondary.numbered-list--solid .numbered-list-item:before {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
    }

    .numbered-list--tertiary.numbered-list--solid .numbered-list-item:before {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
    }

    .numbered-list--quaternary.numbered-list--solid .numbered-list-item:before {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
    }

    .numbered-list--accent.numbered-list--solid .numbered-list-item:before {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }

    .numbered-list--dark.numbered-list--solid .numbered-list-item:before {
        background: var(--color-dark);
    }

    .numbered-list-item-content {
        flex-direction: column;
        flex: 1;
        gap: 0.25rem;
        padding-top: 0.125rem;
        display: flex;
    }

    .numbered-list-item-title {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
    }

    .numbered-list-item-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        margin: 0;
    }

    .numbered-feature {
        counter-reset: numbered-feature;
        --nf-ghost: var(--color-border);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .numbered-feature-item {
        counter-increment: numbered-feature;
        padding-top: clamp(2.25rem, 3vw, 2.75rem);
        position: relative;
    }

    .numbered-feature-item:before {
        content: counter(numbered-feature, decimal-leading-zero);
        z-index: 0;
        letter-spacing: -0.04em;
        font-variant-numeric: tabular-nums;
        color: var(--nf-ghost);
        pointer-events: none;
        -webkit-user-select: none;
        user-select: none;
        font-size: clamp(3.5rem, 6vw, 5rem);
        font-weight: 800;
        line-height: 1;
        position: absolute;
        top: 0;
        left: 0;
    }

    .numbered-feature-title,
    .numbered-feature-text {
        z-index: 1;
        position: relative;
    }

    .numbered-feature-title {
        font-size: var(--text-xl);
        letter-spacing: -0.02em;
        color: var(--color-text);
        font-weight: 700;
        line-height: var(--leading-snug);
        margin-bottom: 0.5rem;
    }

    .numbered-feature-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        margin: 0;
    }

    .numbered-feature--primary {
        --nf-ghost: var(--color-primary-100);
    }

    .numbered-feature--secondary {
        --nf-ghost: var(--color-secondary-100);
    }

    .numbered-feature--tertiary {
        --nf-ghost: var(--color-tertiary-100);
    }

    .numbered-feature--quaternary {
        --nf-ghost: var(--color-quaternary-100);
    }

    .numbered-feature--accent {
        --nf-ghost: var(--color-accent-100);
    }

    .numbered-feature--dark {
        --nf-ghost: var(--color-dark-bg);
    }

    .numbered-feature--center .numbered-feature-item {
        text-align: center;
    }

    .numbered-feature--center .numbered-feature-item:before {
        left: 50%;
        transform: translateX(-50%);
    }

    .feature-list {
        --feature-accent: var(--color-primary);
        --feature-accent-ink: var(--color-primary-ink);
        --feature-accent-on: var(--color-on-primary);
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        container-type: inline-size;
    }

    .feature-list--primary {
        --feature-accent: var(--color-primary);
        --feature-accent-ink: var(--color-primary-ink);
        --feature-accent-on: var(--color-on-primary);
    }

    .feature-list--secondary {
        --feature-accent: var(--color-secondary);
        --feature-accent-ink: var(--color-secondary-ink);
        --feature-accent-on: var(--color-on-secondary);
    }

    .feature-list--tertiary {
        --feature-accent: var(--color-tertiary);
        --feature-accent-ink: var(--color-tertiary-ink);
        --feature-accent-on: var(--color-on-tertiary);
    }

    .feature-list--quaternary {
        --feature-accent: var(--color-quaternary);
        --feature-accent-ink: var(--color-quaternary-ink);
        --feature-accent-on: var(--color-on-quaternary);
    }

    .feature-list--accent {
        --feature-accent: var(--color-accent);
        --feature-accent-ink: var(--color-accent-ink);
        --feature-accent-on: var(--color-on-accent);
    }

    .feature-list--dark {
        --feature-accent: var(--color-dark);
        --feature-accent-ink: var(--color-dark);
        --feature-accent-on: var(--color-on-dark);
    }

    .feature-list-item {
        border-top: 1px solid var(--color-border);
        transition: background var(--duration-base) var(--ease-out);
        grid-template-columns: auto minmax(0, 1fr) minmax(0, 26rem);
        align-items: center;
        gap: 1rem 2.5rem;
        padding: 2rem 1rem;
        display: grid;
    }

    .feature-list-item:last-child {
        border-bottom: 1px solid var(--color-border);
    }

    .feature-list-item-index {
        font-size: var(--text-base);
        color: var(--color-text-muted);
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.05em;
        transition: color var(--duration-base) var(--ease-out);
        font-weight: 600;
    }

    .feature-list-item-main {
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
        display: flex;
    }

    .feature-list-item-icon {
        color: var(--feature-accent-ink, var(--feature-accent));
        transition: transform var(--duration-base) var(--ease-out);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        font-size: 1.75rem;
        display: inline-flex;
    }

    .feature-list-item-title {
        font-size: var(--text-3xl);
        letter-spacing: -0.03em;
        color: var(--color-text);
        font-weight: 700;
        line-height: var(--leading-tight);
        transition: color var(--duration-base) var(--ease-out);
    }

    .feature-list-item-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        margin: 0;
    }

    .feature-list-item:hover {
        background: var(--color-bg-soft);
    }

    .feature-list-item:hover .feature-list-item-index,
    .feature-list-item:hover .feature-list-item-title {
        color: var(--feature-accent-ink, var(--feature-accent));
    }

    @media (prefers-reduced-motion: no-preference) {
        .feature-list-item:hover .feature-list-item-icon {
            transform: translateX(4px);
        }
    }

    .feature-list--solid .feature-list-item-index {
        border-radius: var(--radius-full);
        background: var(--feature-accent);
        width: 2.75rem;
        height: 2.75rem;
        color: var(--feature-accent-on, #fff);
        justify-content: center;
        align-items: center;
        font-weight: 700;
        display: inline-flex;
    }

    .feature-list--solid .feature-list-item:hover .feature-list-item-index {
        color: var(--feature-accent-on, #fff);
    }

    .feature-list--boxed {
        gap: 1rem;
    }

    .feature-list--boxed .feature-list-item {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-lg);
        padding: 1.75rem;
    }

    .feature-list--boxed .feature-list-item:last-child {
        border-bottom: 1px solid var(--color-border);
    }

    @container (width <= 640px) {
        .feature-list-item {
            grid-template-columns: auto 1fr;
            gap: 0.75rem 1rem;
            padding: 1.5rem 0.5rem;
        }

        .feature-list--boxed .feature-list-item {
            padding: 1.5rem;
        }

        .feature-list-item-text {
            grid-column: 1 / -1;
        }

        .feature-list-item-title {
            font-size: var(--text-2xl);
        }
    }

    .step-list {
        flex-direction: column;
        display: flex;
    }

    .step-list-item {
        gap: 1.25rem;
        display: flex;
    }

    .step-list-item-marker {
        flex-direction: column;
        flex-shrink: 0;
        align-items: center;
        display: flex;
    }

    .step-list-item-dot {
        border-radius: var(--radius-full);
        border: 2px solid var(--color-primary);
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-primary-ink);
        font-size: var(--text-base);
        font-variant-numeric: tabular-nums;
        background: var(--color-bg);
        z-index: 1;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        display: flex;
    }

    .step-list-item-dot i {
        font-size: 1rem;
    }

    .step-list-item-line {
        background: var(--color-border);
        flex: 1;
        width: 2px;
        margin-block: 0.25rem;
    }

    .step-list-item:last-child .step-list-item-line {
        display: none;
    }

    .step-list-item-content {
        flex: 1;
        padding-top: 0.25rem;
        padding-bottom: 1.75rem;
    }

    .step-list-item:last-child .step-list-item-content {
        padding-bottom: 0;
    }

    .step-list-item-title {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
        margin-bottom: 0.375rem;
    }

    .step-list-item-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        margin: 0;
    }

    .step-list--primary .step-list-item-dot {
        border-color: var(--color-primary);
        color: var(--color-primary-ink);
    }

    .step-list--secondary .step-list-item-dot {
        border-color: var(--color-secondary);
        color: var(--color-secondary-ink);
    }

    .step-list--tertiary .step-list-item-dot {
        border-color: var(--color-tertiary);
        color: var(--color-tertiary-ink);
    }

    .step-list--quaternary .step-list-item-dot {
        border-color: var(--color-quaternary);
        color: var(--color-quaternary-ink);
    }

    .step-list--accent .step-list-item-dot {
        border-color: var(--color-accent);
        color: var(--color-accent-ink);
    }

    .step-list--dark .step-list-item-dot {
        border-color: var(--color-dark);
        color: var(--color-dark);
    }

    .step-list--primary .step-list-item-line {
        background: var(--color-primary-100);
    }

    .step-list--secondary .step-list-item-line {
        background: var(--color-secondary-100);
    }

    .step-list--tertiary .step-list-item-line {
        background: var(--color-tertiary-100);
    }

    .step-list--quaternary .step-list-item-line {
        background: var(--color-quaternary-100);
    }

    .step-list--accent .step-list-item-line {
        background: var(--color-accent-100);
    }

    .step-list--dark .step-list-item-line {
        background: var(--color-dark-bg);
    }

    .step-list--solid .step-list-item-dot {
        color: var(--color-on-dark);
        border-color: #0000;
    }

    .step-list--primary.step-list--solid .step-list-item-dot {
        background: var(--color-primary);
        color: var(--color-on-primary);
    }

    .step-list--secondary.step-list--solid .step-list-item-dot {
        background: var(--color-secondary);
        color: var(--color-on-secondary);
    }

    .step-list--tertiary.step-list--solid .step-list-item-dot {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);
    }

    .step-list--quaternary.step-list--solid .step-list-item-dot {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);
    }

    .step-list--accent.step-list--solid .step-list-item-dot {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }

    .step-list--dark.step-list--solid .step-list-item-dot {
        background: var(--color-dark);
    }

    .phase-steps {
        --phase-size: 4rem;
        --phase-gap: 1.5rem;
        --phase-row-gap: 2.75rem;
        --phase-line: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --phase-line: color-mix(in srgb, var(--color-text) 20%, transparent);
        }

        gap: var(--phase-row-gap) var(--phase-gap);
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
    }

    .phase-steps--secondary {
        --phase-color: var(--color-secondary);
    }

    .phase-steps--tertiary {
        --phase-color: var(--color-tertiary);
    }

    .phase-steps--quaternary {
        --phase-color: var(--color-quaternary);
    }

    .phase-steps--accent {
        --phase-color: var(--color-accent);
    }

    .phase-steps--dark {
        --phase-color: var(--color-dark);
    }

    .phase-step {
        grid-template-columns: var(--phase-size) minmax(0, 1fr);
        align-content: start;
        column-gap: 1.5rem;
        display: grid;
        position: relative;

        & > .phase-disc {
            grid-row: 1 / span 3;
        }

        &:not(:last-child):after {
            content: '';
            inset-block: calc(var(--phase-size) + 0.75rem) calc(0.75rem - var(--phase-row-gap));
            border-inline-start: 1px solid var(--phase-line);
            transform-origin: 0 0;
            position: absolute;
            inset-inline-start: calc(var(--phase-size) / 2);
        }
    }

    .phase-disc {
        --phase-tone: var(--phase-color, var(--color-primary));
        inline-size: var(--phase-size, 4rem);
        aspect-ratio: 1;
        border-radius: var(--radius-full);
        background: conic-gradient(
            var(--phase-tone) var(--phase-fill, 100%),
            var(--phase-ring, var(--phase-tone)) 0
        );
        flex: none;
        display: block;

        @supports (color: color-mix(in lab, red, red)) {
            background: conic-gradient(
                var(--phase-tone) var(--phase-fill, 100%),
                var(--phase-ring, color-mix(in srgb, var(--phase-tone) 16%, transparent)) 0
            );
        }
    }

    .phase-step-label {
        color: var(--color-text-soft);
        margin: 0;
        font-size: 0.9375rem;
        font-weight: 500;
        line-height: 1.4;
    }

    .phase-step-title {
        letter-spacing: -0.03em;
        color: var(--color-text);
        margin-block: 0.25rem 0.625rem;
        font-size: clamp(1.5rem, 1.35rem + 0.5vw, 1.75rem);
        font-weight: 600;
        line-height: 1.1;
    }

    .phase-step-text {
        max-inline-size: 16rem;
        color: var(--color-text-soft);
        text-wrap: balance;
        margin: 0;
        font-size: 1.0625rem;
        line-height: 1.5;
    }

    @media (width >= 768px) {
        .phase-steps:not(.phase-steps--stacked) {
            --phase-size: clamp(4.5rem, 3rem + 3vw, 5.5rem);
            grid-auto-columns: minmax(0, 1fr);
            grid-auto-flow: column;

            & .phase-step {
                text-align: center;
                grid-template-columns: minmax(0, 1fr);
                justify-items: center;

                & > .phase-disc {
                    grid-row: auto;
                    margin-block-end: 1.75rem;
                }

                &:not(:last-child):after {
                    inset-block: calc(var(--phase-size) / 2) auto;
                    inset-inline: calc(50% + var(--phase-size) / 2 + 1rem)
                        calc(-50% - var(--phase-gap) + var(--phase-size) / 2 + 1rem);
                    border-inline-start: 0;
                    border-block-start: 1px solid var(--phase-line);
                }
            }
        }
    }

    @media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
        :is(.phase-step.visible, .phase-steps.visible > .phase-step) {
            & .phase-disc {
                animation: nx-phase-fill 0.9s var(--ease-out) calc(var(--anim-delay, 0s) + 0.25s)
                    backwards;
            }

            &:after {
                animation: nx-phase-line 0.7s var(--ease-out) calc(var(--anim-delay, 0s) + 0.7s)
                    backwards;
            }
        }
    }

    @keyframes nx-phase-fill {
        from {
            --phase-fill: 0%;
        }
    }

    @keyframes nx-phase-line {
        from {
            scale: 0;
        }
    }

    .timeline {
        --timeline-accent: var(--color-primary);
        --timeline-accent-ink: var(--color-primary-ink);
        --timeline-accent-on: var(--color-on-primary);
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .timeline--primary {
        --timeline-accent: var(--color-primary);
        --timeline-accent-ink: var(--color-primary-ink);
        --timeline-accent-on: var(--color-on-primary);
    }

    .timeline--secondary {
        --timeline-accent: var(--color-secondary);
        --timeline-accent-ink: var(--color-secondary-ink);
        --timeline-accent-on: var(--color-on-secondary);
    }

    .timeline--tertiary {
        --timeline-accent: var(--color-tertiary);
        --timeline-accent-ink: var(--color-tertiary-ink);
        --timeline-accent-on: var(--color-on-tertiary);
    }

    .timeline--quaternary {
        --timeline-accent: var(--color-quaternary);
        --timeline-accent-ink: var(--color-quaternary-ink);
        --timeline-accent-on: var(--color-on-quaternary);
    }

    .timeline--accent {
        --timeline-accent: var(--color-accent);
        --timeline-accent-ink: var(--color-accent-ink);
        --timeline-accent-on: var(--color-on-accent);
    }

    .timeline--dark {
        --timeline-accent: var(--color-dark);
        --timeline-accent-ink: var(--color-dark);
        --timeline-accent-on: var(--color-on-dark);
    }

    .timeline-item {
        gap: 1.25rem;
        display: flex;
    }

    .timeline-item-marker {
        flex-direction: column;
        flex-shrink: 0;
        align-items: center;
        display: flex;
    }

    .timeline-item-dot {
        border-radius: var(--radius-full);
        border: 2px solid var(--timeline-accent);
        background: var(--color-bg);
        z-index: 1;
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        margin-top: 0.35rem;
    }

    .timeline-item-line {
        background: var(--color-border);
        flex: 1;
        width: 2px;
        margin-block: 0.25rem;
    }

    .timeline-item:last-child .timeline-item-line {
        display: none;
    }

    .timeline-item-content {
        flex: 1;
        padding-bottom: 2rem;
    }

    .timeline-item:last-child .timeline-item-content {
        padding-bottom: 0;
    }

    .timeline-item-date {
        font-size: var(--text-base);
        color: var(--timeline-accent-ink, var(--timeline-accent));
        margin-bottom: 0.25rem;
        font-weight: 600;
        display: inline-block;
    }

    .timeline-item-title {
        font-size: var(--text-lg);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
        margin-bottom: 0.375rem;
    }

    .timeline-item-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        margin: 0;
    }

    .timeline--solid .timeline-item-dot {
        background: var(--timeline-accent);
    }

    .timeline--sm .timeline-item {
        gap: 1rem;
    }

    .timeline--sm .timeline-item-dot {
        width: 0.875rem;
        height: 0.875rem;
        margin-top: 0.3rem;
    }

    .timeline--sm .timeline-item-content {
        padding-bottom: 1.5rem;
    }

    .timeline--sm .timeline-item-date {
        margin-bottom: 0.125rem;
        font-size: 0.8125rem;
    }

    .timeline--sm .timeline-item-title {
        margin-bottom: 0.125rem;
        font-size: 0.9375rem;
    }

    .timeline--sm .timeline-item-text {
        font-size: 0.875rem;
        line-height: var(--leading-normal);
    }

    .timeline--status .is-done .timeline-item-dot,
    .timeline--status .is-done .timeline-item-line {
        background: var(--timeline-accent);
    }

    .timeline--status .is-current .timeline-item-dot {
        box-shadow: 0 0 0 5px var(--timeline-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 5px color-mix(in oklab, var(--timeline-accent) 18%, transparent);
        }
    }

    .timeline--status .timeline-item:not(.is-done, .is-current) .timeline-item-dot {
        border-color: var(--color-border);
    }

    .timeline--status
        .timeline-item:not(.is-done, .is-current)
        :is(.timeline-item-title, .timeline-item-date) {
        color: var(--color-text-muted);
    }

    .timeline-item-media {
        border-radius: var(--radius-card);
        max-width: 22rem;
        margin-top: 1rem;
        overflow: hidden;
    }

    .timeline--numbered .timeline-item-dot {
        border-color: var(--color-border);
        width: 2.5rem;
        height: 2.5rem;
        color: var(--timeline-accent-ink, var(--timeline-accent));
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        font-size: 0.8125rem;
        font-weight: 500;
        display: flex;
    }

    .timeline--numbered .timeline-item {
        gap: 1.5rem;
    }

    .timeline--numbered .timeline-item-line {
        margin-block: 0.5rem 0;
    }

    .timeline--lg .timeline-item-title {
        font-size: var(--text-2xl);
        font-weight: 700;
    }

    .timeline--lg .timeline-item-content {
        padding-bottom: 3rem;
    }

    @supports (animation-timeline: view()) {
        @media (prefers-reduced-motion: no-preference) {
            .timeline--progress .timeline-item {
                view-timeline: --timeline-item block;
            }

            .timeline--progress .timeline-item-line {
                position: relative;
            }

            .timeline--progress .timeline-item-line:after {
                content: '';
                background: var(--timeline-accent);
                transform-origin: top;
                animation: linear both timeline-draw;
                animation-timeline: --timeline-item;
                animation-range: cover 50vh cover calc(100% - 45vh);
                position: absolute;
                inset: 0;
            }

            .timeline--progress .timeline-item-dot {
                animation: linear both timeline-dot;
                animation-timeline: --timeline-item;
                animation-range: cover 45vh cover calc(45vh + 4rem);
            }

            .timeline--progress.timeline--numbered .timeline-item-dot {
                animation-name: timeline-dot-numbered;
            }
        }
    }

    @keyframes timeline-draw {
        from {
            transform: scaleY(0);
        }

        to {
            transform: scaleY(1);
        }
    }

    @keyframes timeline-dot {
        from {
            background: var(--color-bg);
            box-shadow: 0 0 #0000;
        }

        to {
            background: var(--timeline-accent);
            box-shadow: 0 0 0 6px color-mix(in oklab, var(--timeline-accent) 18%, transparent);
        }
    }

    @keyframes timeline-dot-numbered {
        to {
            background: var(--timeline-accent);
            border-color: var(--timeline-accent);
            color: var(--timeline-accent-on, #fff);
            box-shadow: 0 0 0 6px color-mix(in oklab, var(--timeline-accent) 18%, transparent);
        }
    }

    @media (width >= 1024px) {
        .timeline--alternating {
            position: relative;
        }

        .timeline--alternating .timeline-item {
            text-align: right;
            flex-direction: row-reverse;
            width: calc(50% + 0.5rem);
        }

        .timeline--alternating .timeline-item-marker {
            align-items: center;
        }

        .timeline--alternating .timeline-item-line {
            margin-block: 0.25rem -0.25rem;
        }

        .timeline--alternating .timeline-item:nth-child(2n) {
            text-align: left;
            flex-direction: row;
            margin-inline-start: calc(50% - 0.5rem);
        }

        .timeline--alternating .timeline-item-media {
            margin-inline-start: auto;
        }

        .timeline--alternating .timeline-item:nth-child(2n) .timeline-item-media {
            margin-inline: 0 auto;
        }
    }

    .timeline--horizontal {
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        flex-direction: row;
        padding-bottom: 0.5rem;
        overflow: auto hidden;
    }

    .timeline--horizontal::-webkit-scrollbar {
        display: none;
    }

    .timeline--horizontal .timeline-item {
        scroll-snap-align: start;
        flex-direction: column;
        flex: 0 0 clamp(15rem, 26vw, 20rem);
        gap: 0;
        padding-inline-end: 2rem;
    }

    .timeline--horizontal .timeline-item-marker {
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

    .timeline--horizontal .timeline-item-dot {
        margin-top: 0;
    }

    .timeline--horizontal .timeline-item-line {
        flex: 1;
        width: auto;
        height: 1px;
        margin-block: 0;
        margin-inline-start: 0.5rem;
    }

    .timeline--horizontal .timeline-item:last-child .timeline-item-line {
        display: block;
    }

    .timeline--horizontal .timeline-item-content {
        padding: 1.5rem 0 0;
    }

    .timeline--horizontal .timeline-item-date {
        font-family: var(--font-heading);
        font-size: var(--text-3xl);
        letter-spacing: var(--tracking-tight);
        margin-bottom: 0.5rem;
        font-weight: 700;
    }

    .timeline--horizontal .timeline-item-title {
        font-size: var(--text-lg);
    }

    .timeline--route {
        --route-dot: 1rem;
        --route-dot-top: 0.35rem;
        --route-step: 0.3s;
        --route-line: var(--timeline-accent);

        @supports (color: color-mix(in lab, red, red)) {
            --route-line: color-mix(in oklch, var(--timeline-accent) 45%, transparent);
        }

        --route-signal: var(--timeline-accent);
        --route-dot-bg: var(--color-bg);
        --route-end: 0.875rem;
        --route-line-width: 2px;
        --route-end-color: var(--timeline-accent);
        --route-end-halo: 0 0 0 0 transparent;
        --route-from: 1 0;
        position: relative;

        & .timeline-item {
            --route-i: 0;
        }

        & > :nth-child(2) {
            --route-i: 1;
        }

        & > :nth-child(3) {
            --route-i: 2;
        }

        & > :nth-child(4) {
            --route-i: 3;
        }

        & > :nth-child(5) {
            --route-i: 4;
        }

        & > :nth-child(6) {
            --route-i: 5;
        }

        & > :nth-child(7) {
            --route-i: 6;
        }

        & > :nth-child(n + 8) {
            --route-i: 7;
        }

        & .timeline-item-dot {
            width: var(--route-dot);
            height: var(--route-dot);
            margin-top: var(--route-dot-top);
            background: var(--timeline-accent);
            box-shadow: 0 0 0 5px var(--timeline-accent);
            border: 0;

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 0 0 5px color-mix(in oklch, var(--timeline-accent) 16%, transparent);
            }
        }

        & .timeline-item-line {
            width: var(--route-line-width);
            margin-block: 0 calc(-1 * var(--route-dot-top));
            background: var(--route-line);
            transform-origin: 0 0;
        }

        & .timeline-item:last-child .timeline-item-line {
            background: linear-gradient(to bottom, var(--route-line), transparent);
            display: block;
        }

        & .timeline-item:last-child .timeline-item-content {
            padding-bottom: 2.5rem;
        }

        & .timeline-item-title {
            font-size: var(--text-xl);
            letter-spacing: -0.02em;
        }
    }

    .timeline--route.timeline--numbered {
        --route-dot: 3rem;
        --route-dot-top: 0;

        & .timeline-item {
            gap: 1.25rem;
        }

        & .timeline-item-dot {
            border: 2px solid var(--timeline-accent);
            background: var(--route-dot-bg);
            box-shadow: none;
            font-size: 0.875rem;
            font-weight: 700;
        }

        & .timeline-item-date {
            margin-top: 0.75rem;
        }
    }

    .timeline--route.timeline--terminus .timeline-item:last-child .timeline-item-line {
        background: linear-gradient(var(--route-line), var(--route-line)) top / 100%
            calc(100% - var(--route-end)) no-repeat;
        position: relative;

        &:after {
            content: '';
            width: var(--route-end);
            height: var(--route-end);
            border: 2px solid var(--route-end-color);
            border-radius: var(--radius-full);
            background: radial-gradient(circle, var(--route-end-color) 0 28%, transparent 34%);
            box-shadow: var(--route-end-halo);
            position: absolute;
            bottom: 0;
            left: 50%;
            translate: -50%;
        }
    }

    .timeline--route.timeline--signal:after {
        content: '';
        top: calc(var(--route-dot-top) + var(--route-dot) / 2);
        bottom: var(--route-end);
        left: calc(var(--route-dot) / 2);
        width: var(--route-line-width);
        pointer-events: none;
        background: linear-gradient(to bottom, transparent, var(--route-signal)) 0 -3rem / 100% 3rem
            no-repeat;
        opacity: 0;
        position: absolute;
        translate: -50%;
    }

    :is(.dark-section, .section-dark, .bg-dark) .timeline--route {
        --route-dot-bg: var(--color-dark);

        & .timeline-item-title {
            color: var(--on-surface, #fff);
        }

        & .timeline-item-text {
            color: oklch(from var(--on-surface, #fff) l c h / 0.68);
        }
    }

    @media (width >= 1024px) {
        .timeline--route {
            --route-dot-top: 0;
            --route-from: 0 1;
            grid-auto-columns: minmax(0, 1fr);
            grid-auto-flow: column;
            display: grid;

            & .timeline-item {
                flex-direction: column;
                gap: 0;
            }

            & .timeline-item-marker {
                flex-direction: row;
                align-items: center;
                width: 100%;
            }

            & .timeline-item-line {
                width: auto;
                height: var(--route-line-width);
                flex: 1;
                margin: 0;
            }

            & .timeline-item:last-child .timeline-item-line {
                background: linear-gradient(to right, var(--route-line), transparent);
            }

            & .timeline-item-content,
            & .timeline-item:last-child .timeline-item-content {
                padding: 1.5rem 2rem 0 0;
            }
        }

        .timeline--route.timeline--numbered {
            & .timeline-item {
                gap: 0;
            }

            & .timeline-item-date {
                margin-top: 0;
            }
        }

        .timeline--route.timeline--terminus .timeline-item:last-child .timeline-item-line {
            background: linear-gradient(var(--route-line), var(--route-line)) left /
                calc(100% - var(--route-end)) 100% no-repeat;

            &:after {
                inset: 50% 0 auto auto;
                translate: 0 -50%;
            }
        }

        .timeline--route.timeline--signal:after {
            top: calc(var(--route-dot) / 2);
            right: var(--route-end);
            width: auto;
            height: var(--route-line-width);
            background: linear-gradient(to right, transparent, var(--route-signal)) -4rem 0 / 4rem
                100% no-repeat;
            bottom: auto;
            translate: 0 -50%;
        }
    }

    @media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
        .timeline--route[data-anim]:not(.visible) {
            & .timeline-item-dot {
                opacity: 0;
                scale: 0.4;
            }

            & .timeline-item-line {
                scale: var(--route-from);
            }

            & .timeline-item-content {
                opacity: 0;
            }

            & .timeline-item:last-child .timeline-item-line:after {
                opacity: 0;
                scale: 0.4;
            }
        }

        .timeline--route.visible {
            & .timeline-item-dot {
                animation: timeline-route-pop 0.6s var(--ease-lift)
                    calc(var(--route-i) * var(--route-step)) both;
            }

            & .timeline-item-line {
                animation: timeline-route-draw var(--route-step) linear
                    calc(var(--route-i) * var(--route-step)) both;
            }

            & .timeline-item-content {
                animation: timeline-route-rise 0.7s var(--ease-out)
                    calc(var(--route-i) * var(--route-step) + 80ms) both;
            }

            & .timeline-item:last-child .timeline-item-line:after {
                animation: timeline-route-pop 0.6s var(--ease-lift)
                    calc((var(--route-i) + 1) * var(--route-step)) both;
            }
        }

        .timeline--route.timeline--signal:after {
            animation: 6s cubic-bezier(0.45, 0, 0.4, 1) 1s infinite timeline-route-run-y;
        }

        .timeline--route.timeline--signal[data-anim]:after {
            animation-delay: 2.4s;
        }

        .timeline--route.timeline--signal[data-anim]:not(.visible):after {
            animation: none;
        }

        @media (width >= 1024px) {
            .timeline--route.timeline--signal:after {
                animation-name: timeline-route-run-x;
            }
        }
    }

    @keyframes timeline-route-draw {
        from {
            scale: var(--route-from);
        }
    }

    @keyframes timeline-route-pop {
        from {
            opacity: 0;
            scale: 0.4;
        }
    }

    @keyframes timeline-route-rise {
        from {
            opacity: 0;
            translate: 0 0.75rem;
        }
    }

    @keyframes timeline-route-run-y {
        0% {
            opacity: 0;
            background-position: 0 -3rem;
        }

        6% {
            opacity: 1;
        }

        62% {
            opacity: 1;
            background-position: 0 100%;
        }

        70%,
        100% {
            opacity: 0;
            background-position: 0 100%;
        }
    }

    @keyframes timeline-route-run-x {
        0% {
            opacity: 0;
            background-position: -4rem 0;
        }

        6% {
            opacity: 1;
        }

        62% {
            opacity: 1;
            background-position: 100% 0;
        }

        70%,
        100% {
            opacity: 0;
            background-position: 100% 0;
        }
    }

    .stepper {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.75rem 0;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .stepper-item {
        align-items: center;
        display: flex;
    }

    .stepper-item + .stepper-item:before {
        content: '';
        border-top: 2px solid var(--color-text-muted);
        border-right: 2px solid var(--color-text-muted);
        opacity: 0.6;
        flex-shrink: 0;
        width: 0.5rem;
        height: 0.5rem;
        margin-inline: 2.5rem;
        transform: rotate(45deg);
    }

    @media (width <= 639px) {
        .stepper-item + .stepper-item:before {
            margin-inline: 0.85rem;
        }
    }

    .stepper-link {
        align-items: center;
        gap: 0.875rem;
        text-decoration: none;
        display: inline-flex;
    }

    .stepper-marker {
        border-radius: var(--radius-full);
        background: var(--color-bg-muted);
        width: 2rem;
        height: 2rem;
        color: var(--color-text-soft);
        font-size: var(--text-sm);
        transition:
            background var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
    }

    .stepper-marker i {
        font-size: 1rem;
    }

    .stepper-label {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
        transition: color var(--duration-base) var(--ease-out);
    }

    .stepper-item.is-complete .stepper-marker {
        background: var(--color-primary-100);
        color: var(--color-primary-ink);
    }

    .stepper-item.active .stepper-marker {
        background: var(--color-primary);
        color: var(--color-on-primary);
        box-shadow: 0 0 0 4px var(--color-primary-100);
    }

    .stepper-item.active .stepper-label {
        color: var(--color-primary-ink);
    }

    a.stepper-link {
        cursor: pointer;
    }

    a.stepper-link:hover .stepper-marker {
        transform: translateY(-2px);
    }

    a.stepper-link:hover .stepper-label {
        color: var(--color-primary-ink);
    }

    .stepper-item:not(.active) a.stepper-link:hover .stepper-marker {
        background: var(--color-primary-50);
        color: var(--color-primary-ink);
    }

    .stepper--card {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-2xl);
        background: var(--color-bg);
        box-shadow: var(--shadow-sm);
        padding: 1.5rem 2.5rem;
    }

    .inline-list {
        flex-wrap: wrap;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .inline-list li {
        font-size: var(--text-base);
        color: var(--color-text);
    }

    .inline-list li + li:before {
        color: var(--color-text-muted);
        margin-inline: 0.625rem;
        display: inline-block;
    }

    .inline-list--dot li + li:before {
        content: '';
        border-radius: var(--radius-full);
        vertical-align: middle;
        opacity: 0.7;
        background: currentColor;
        width: 0.25rem;
        height: 0.25rem;
    }

    .inline-list--pipe li + li:before {
        content: '';
        background: var(--color-border);
        vertical-align: -0.0625em;
        width: 1px;
        height: 0.875em;
        margin-inline: 0.875rem;
    }

    .inline-list--slash li + li:before {
        content: '/';
        opacity: 0.8;
    }

    .inline-list a {
        color: var(--color-text-soft);
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;

        &:hover {
            color: var(--color-primary-ink);
        }
    }

    .desc-list {
        margin: 0;
        padding: 0;
    }

    .desc-row {
        border-bottom: 1px solid var(--color-border);
        grid-template-columns: 1fr 2fr;
        align-items: baseline;
        gap: 0.5rem 1.5rem;
        padding: 0.75rem 0;
        display: grid;
    }

    .desc-row:last-child {
        border-bottom: none;
    }

    .desc-term {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
    }

    .desc-detail {
        font-size: var(--text-base);
        line-height: var(--leading-relaxed);
        color: var(--color-text-soft);
        font-variant-numeric: tabular-nums;
        margin: 0;
    }

    .desc-list--horizontal .desc-row {
        grid-template-columns: 10rem 1fr;
    }

    .desc-list--striped .desc-row {
        border-radius: var(--radius-sm);
        border-bottom: none;
        padding-inline: 1rem;
    }

    .desc-list--striped .desc-row:nth-child(2n) {
        background: var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklab, var(--color-quaternary) 7%, transparent);
        }
    }

    .desc-list--bordered .desc-row {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-bg);
        margin-bottom: 0.5rem;
        padding: 0.875rem 1.125rem;
    }

    .desc-list--bordered .desc-row:last-child {
        border-bottom: 1px solid var(--color-border);
        margin-bottom: 0;
    }

    .meta-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.75rem 2rem;
        margin: 0;
        display: grid;
    }

    .meta-list dt {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        font-weight: 400;
    }

    .meta-list dd {
        color: var(--color-text);
        margin: 0.4rem 0 0;
        font-weight: 600;
        line-height: 1.6;
    }

    .meta-list--inline {
        flex-wrap: wrap;
        gap: 0.75rem 2.25rem;
        display: flex;
    }

    .meta-list--inline > div {
        align-items: baseline;
        gap: 0.6rem;
        display: flex;
    }

    .meta-list--inline dd {
        margin: 0;
    }

    .meta-list--rows {
        border-top: 1px solid var(--color-border);
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .meta-list--rows > div {
        border-bottom: 1px solid var(--color-border);
        grid-template-columns: 7rem minmax(0, 1fr);
        align-items: baseline;
        gap: 1rem;
        padding-block: 0.95rem;
        display: grid;
    }

    .meta-list--rows dd {
        margin: 0;
    }

    .meta-list--light dt {
        color: oklch(from var(--on-surface, #fff) l c h / 0.55);
    }

    .meta-list--light dd {
        color: var(--on-surface, #fff);
    }

    .meta-list--light.meta-list--rows,
    .meta-list--light.meta-list--rows > div {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.14);
    }

    .nav-list {
        flex-direction: column;
        gap: 0.125rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .nav-list-link {
        border-radius: var(--radius-sm);
        font-size: var(--text-base);
        color: var(--color-text-soft);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.625rem;
        padding: 0.625rem 0.875rem;
        font-weight: 500;
        text-decoration: none;
        display: flex;

        &:hover {
            background: var(--color-bg-soft);
            color: var(--color-text);
        }

        &.active {
            background: var(--color-primary-50);
            color: var(--color-primary-ink);
            font-weight: 600;
        }
    }

    .nav-list-link i {
        opacity: 0.8;
        transition: opacity var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        font-size: 1.125rem;
    }

    .nav-list-link:hover i,
    .nav-list-link.active i {
        opacity: 1;
    }

    .nav-list-link-count {
        border-radius: var(--radius-pill);
        font-variant-numeric: tabular-nums;
        background: var(--color-bg-muted);
        min-width: 1.375rem;
        height: 1.375rem;
        color: var(--color-text-soft);
        justify-content: center;
        align-items: center;
        margin-left: auto;
        padding-inline: 0.375rem;
        font-size: 0.75rem;
        font-weight: 600;
        display: inline-flex;
    }

    .nav-list-link.active .nav-list-link-count {
        background: var(--color-primary-100);
        color: var(--color-primary-ink);
    }

    .nav-list--secondary .nav-list-link.active {
        background: var(--color-secondary-50);
        color: var(--color-secondary-ink);
    }

    .nav-list--secondary .nav-list-link.active .nav-list-link-count {
        background: var(--color-secondary-100);
        color: var(--color-secondary-ink);
    }

    .nav-list--tertiary .nav-list-link.active {
        background: var(--color-tertiary-50);
        color: var(--color-tertiary-ink);
    }

    .nav-list--tertiary .nav-list-link.active .nav-list-link-count {
        background: var(--color-tertiary-100);
        color: var(--color-tertiary-ink);
    }

    .nav-list--arrows .nav-list-link:after {
        content: '';
        opacity: 0;
        width: 0.375rem;
        height: 0.375rem;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        border-top: 1.5px solid;
        border-right: 1.5px solid;
        margin-left: auto;
        display: inline-block;
        transform: rotate(45deg);
    }

    .nav-list--arrows .nav-list-link:hover:after,
    .nav-list--arrows .nav-list-link.active:after {
        opacity: 1;
        transform: rotate(45deg) translate(2px, -2px);
    }

    .dark-section .nav-list-link {
        color: oklch(from var(--on-surface, #fff) l c h / 0.6);

        &:hover {
            background: oklch(from var(--on-surface, #fff) l c h / 0.08);
            color: oklch(from var(--on-surface, #fff) l c h / 0.9);
        }

        &.active {
            background: oklch(from var(--on-surface, #fff) l c h / 0.1);
            color: var(--on-surface, #fff);
            font-weight: 600;
        }
    }

    .dark-section .nav-list-link-count {
        background: oklch(from var(--on-surface, #fff) l c h / 0.1);
        color: oklch(from var(--on-surface, #fff) l c h / 0.6);
    }

    .dark-section .nav-list-link.active .nav-list-link-count {
        background: oklch(from var(--on-surface, #fff) l c h / 0.15);
        color: var(--on-surface, #fff);
    }

    .dark-section .check-list li {
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
    }

    .dark-section .icon-list-item-title {
        color: var(--on-surface, #fff);
    }

    .dark-section .icon-list-item-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .dark-section .icon-list--bordered .icon-list-item {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .dark-section .stacked-list-item {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.1);
    }

    .dark-section .stacked-list-item-title {
        color: var(--on-surface, #fff);
    }

    .dark-section .stacked-list-item-meta {
        color: oklch(from var(--on-surface, #fff) l c h / 0.5);
    }

    .dark-section .stacked-list-item-aside {
        color: oklch(from var(--on-surface, #fff) l c h / 0.6);
    }

    .dark-section .step-list-item-dot {
        background: oklch(from var(--on-surface, #fff) l c h / 0.08);
    }

    .dark-section .step-list-item-title {
        color: var(--on-surface, #fff);
    }

    .dark-section .step-list-item-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .dark-section .numbered-list-item-title {
        color: var(--on-surface, #fff);
    }

    .dark-section .numbered-list-item-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .dark-section .stepper--card {
        background: oklch(from var(--on-surface, #fff) l c h / 0.03);
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .dark-section .stepper-marker {
        background: oklch(from var(--on-surface, #fff) l c h / 0.1);
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .dark-section .stepper-label {
        color: var(--on-surface, #fff);
    }

    .dark-section .stepper-item + .stepper-item:before {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.4);
    }

    .dark-section .feature-list-item {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.1);
    }

    .dark-section .feature-list-item:hover {
        background: oklch(from var(--on-surface, #fff) l c h / 0.04);
    }

    .dark-section .feature-list-item-index {
        color: oklch(from var(--on-surface, #fff) l c h / 0.5);
    }

    .dark-section .feature-list-item-title {
        color: var(--on-surface, #fff);
    }

    .dark-section .feature-list-item-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .dark-section .feature-list--boxed .feature-list-item {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .dark-section :where(.timeline:not(.timeline--route)) .timeline-item-line {
        background: oklch(from var(--on-surface, #fff) l c h / 0.15);
    }

    .dark-section :where(.timeline:not(.timeline--route)) .timeline-item-dot {
        background: oklch(from var(--on-surface, #fff) l c h / 0.08);
    }

    .dark-section .timeline--numbered:where(:not(.timeline--route)) .timeline-item-dot {
        color: oklch(from var(--on-surface, #fff) l c h / 0.75);
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.2);
    }

    .dark-section .timeline-item-title {
        color: var(--on-surface, #fff);
    }

    .dark-section .timeline-item-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .dark-section .numbered-feature {
        --nf-ghost: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .dark-section .numbered-feature-title {
        color: var(--on-surface, #fff);
    }

    .dark-section .numbered-feature-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .dark-section .phase-steps {
        --phase-line: oklch(from var(--on-surface, #fff) l c h / 0.22);
    }

    .dark-section .phase-disc {
        --phase-ring: var(--phase-tone);

        @supports (color: color-mix(in lab, red, red)) {
            --phase-ring: color-mix(in srgb, var(--phase-tone) 26%, transparent);
        }
    }

    .dark-section .phase-step-title {
        color: var(--on-surface, #fff);
    }

    .dark-section :is(.phase-step-label, .phase-step-text) {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .countdown {
        flex-wrap: wrap;
        align-items: center;
        gap: 1.5rem;
        display: flex;
    }

    .countdown-unit {
        flex-direction: column;
        align-items: center;
        gap: 0.35rem;
        min-width: 3.75rem;
        display: flex;
    }

    .countdown-digit {
        letter-spacing: -0.04em;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1;
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        color: var(--color-text);
    }

    .countdown-label {
        font-size: var(--text-base);
        color: var(--color-text-muted);
        font-weight: 500;
        line-height: 1.5;
        font-family: var(--font-sans);
    }

    .countdown-sep {
        color: var(--color-text-muted);
        padding-bottom: calc(var(--text-base) * 1.5 + 0.35rem);
        -webkit-user-select: none;
        user-select: none;
        animation: countdown-sep-blink 2s var(--ease-lift) infinite;
        flex-shrink: 0;
        font-size: 1.875rem;
        font-weight: 300;
        line-height: 1;
    }

    .countdown--lg .countdown-digit {
        font-size: 3.75rem;
    }

    .countdown--lg .countdown-unit {
        min-width: 5rem;
    }

    .countdown--lg .countdown-sep {
        font-size: 2.5rem;
    }

    .countdown--sm .countdown-digit {
        font-size: 1.625rem;
    }

    .countdown--sm .countdown-unit {
        min-width: 2.75rem;
    }

    .countdown--sm .countdown-sep {
        font-size: 1.25rem;
    }

    .countdown--primary {
        --countdown-color: var(--color-primary);
        --countdown-color-ink: var(--color-primary-ink);
        --countdown-color-on: var(--color-on-primary);
    }

    .countdown--secondary {
        --countdown-color: var(--color-secondary);
        --countdown-color-ink: var(--color-secondary-ink);
        --countdown-color-on: var(--color-on-secondary);
    }

    .countdown--tertiary {
        --countdown-color: var(--color-tertiary);
        --countdown-color-ink: var(--color-tertiary-ink);
        --countdown-color-on: var(--color-on-tertiary);
    }

    .countdown--quaternary {
        --countdown-color: var(--color-quaternary);
        --countdown-color-ink: var(--color-quaternary-ink);
        --countdown-color-on: var(--color-on-quaternary);
    }

    .countdown--accent {
        --countdown-color: var(--color-accent);
        --countdown-color-ink: var(--color-accent-ink);
        --countdown-color-on: var(--color-on-accent);
    }

    .countdown--dark {
        --countdown-color: var(--color-dark);
        --countdown-color-ink: var(--color-dark);
        --countdown-color-on: var(--color-on-dark);
    }

    .countdown--light .countdown-digit {
        color: var(--on-surface, #fff);
    }

    .countdown--light .countdown-label {
        color: oklch(from var(--on-surface, #fff) l c h / 0.65);
    }

    .countdown--light .countdown-sep {
        color: oklch(from var(--on-surface, #fff) l c h / 0.35);
    }

    .countdown--boxed {
        gap: 0.75rem;
    }

    .countdown--boxed .countdown-sep {
        display: none;
    }

    .countdown--boxed .countdown-unit {
        background: var(--countdown-color, var(--color-primary));
        border-radius: var(--radius-md);
        min-width: 4rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
        padding: 1rem 1.1rem;
    }

    .countdown--boxed .countdown-digit,
    .countdown--boxed .countdown-label {
        color: var(--countdown-color-on, var(--color-on-primary));
    }

    .countdown--boxed .countdown-unit:hover {
        transform: translateY(-4px);
    }

    .countdown--outlined {
        gap: 0.75rem;
    }

    .countdown--outlined .countdown-sep {
        display: none;
    }

    .countdown--outlined .countdown-unit {
        background: var(--color-bg);
        border: 1px solid var(--countdown-color, var(--color-border));

        @supports (color: color-mix(in lab, red, red)) {
            border: 1px solid
                color-mix(
                    in oklch,
                    var(--countdown-color, var(--color-border)) 25%,
                    var(--color-border)
                );
        }

        border-radius: var(--radius-md);
        min-width: 4rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
        padding: 1rem 1.1rem;
        box-shadow: 0 1px 2px #00000008;
    }

    .countdown--outlined .countdown-digit {
        color: var(--countdown-color-ink, var(--countdown-color, var(--color-text)));
    }

    .countdown--outlined .countdown-unit:hover {
        border-color: var(--countdown-color, var(--color-text-muted));
        transform: translateY(-4px);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(
                in oklch,
                var(--countdown-color, var(--color-text-muted)) 60%,
                var(--color-border)
            );
        }

        box-shadow: var(--shadow-sm);
    }

    .countdown--outlined.countdown--light .countdown-unit {
        background: oklch(from var(--on-surface, #fff) l c h / 0.03);
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.22);
        box-shadow: none;
    }

    .countdown--outlined.countdown--light .countdown-unit:hover {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.65);
    }

    .countdown--outlined.countdown--light .countdown-digit {
        color: var(--on-surface, #fff);
    }

    .countdown--rounded {
        gap: 0.75rem;
    }

    .countdown--rounded .countdown-sep {
        display: none;
    }

    .countdown--rounded .countdown-unit {
        background: var(--countdown-color, var(--color-dark));
        border-radius: var(--radius-lg);
        min-width: 4rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
        padding: 1.1rem 1.25rem;
    }

    .countdown--rounded .countdown-digit,
    .countdown--rounded .countdown-label {
        color: var(--countdown-color-on, var(--color-on-dark));
    }

    .countdown--rounded .countdown-unit:hover {
        box-shadow: 0 20px 48px var(--countdown-color, var(--color-dark));
        transform: translateY(-5px);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 20px 48px
                color-mix(in oklch, var(--countdown-color, var(--color-dark)) 40%, transparent);
        }
    }

    .countdown--gradient {
        gap: 0.75rem;
    }

    .countdown--gradient .countdown-sep {
        display: none;
    }

    .countdown--gradient .countdown-unit {
        background: var(
            --countdown-gradient,
            var(--gradient-primary-light, none),
            linear-gradient(160deg, var(--color-primary-400-shade), var(--color-primary-700))
        );
        border-radius: var(--radius-md);
        min-width: 4rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
        padding: 1rem 1.1rem;
    }

    .countdown--gradient .countdown-digit,
    .countdown--gradient .countdown-label {
        color: var(--countdown-gradient-on, var(--color-on-primary));
    }

    .countdown--gradient .countdown-unit:hover {
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
    }

    .countdown--gradient-dark {
        --countdown-gradient: linear-gradient(135deg, var(--color-quaternary), var(--color-dark));
        --countdown-gradient-on: #fff;
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .countdown--gradient-dark {
            --countdown-gradient: linear-gradient(
                135deg,
                oklch(from var(--color-quaternary) min(l, 0.554385) c h),
                var(--color-dark)
            );
        }
    }

    .countdown--glass {
        gap: 0.75rem;
    }

    .countdown--glass .countdown-sep {
        display: none;
    }

    .countdown--glass .countdown-unit {
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        border-radius: var(--radius-md);
        min-width: 4rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        background: #ffffff24;
        border: 1px solid #ffffff3d;
        padding: 1rem 1.1rem;
        box-shadow:
            inset 0 1px #ffffff38,
            0 10px 30px -12px #0000004d;
    }

    .countdown--glass .countdown-digit {
        color: #fff;
    }

    .countdown--glass .countdown-label {
        color: #ffffffb3;
    }

    .countdown--glass .countdown-unit:hover {
        background: #ffffff47;
        transform: translateY(-3px);
    }

    .countdown--glass-dark {
        gap: 0.75rem;
    }

    .countdown--glass-dark .countdown-sep {
        display: none;
    }

    .countdown--glass-dark .countdown-unit {
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        border-radius: var(--radius-md);
        min-width: 4rem;
        transition:
            transform var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        background: #ffffff73;
        border: 1px solid #00000012;
        padding: 1rem 1.1rem;
        box-shadow:
            inset 0 1px #ffffffb3,
            0 8px 24px -14px #0000002e;
    }

    .countdown--glass-dark .countdown-digit {
        color: var(--color-text);
    }

    .countdown--glass-dark .countdown-label {
        color: var(--color-text-soft);
    }

    .countdown--glass-dark .countdown-unit:hover {
        background: #ffffffb3;
        transform: translateY(-3px);
    }

    .countdown--compact {
        flex-wrap: nowrap;
        gap: 0.5rem;
    }

    .countdown--compact .countdown-unit {
        flex-direction: row;
        align-items: baseline;
        gap: 0.2rem;
        min-width: auto;
    }

    .countdown--compact .countdown-digit {
        color: var(--countdown-color-ink, var(--countdown-color, var(--color-text)));
        font-size: 1.5rem;
    }

    .countdown--compact .countdown-label {
        color: var(--countdown-color-ink, var(--countdown-color, var(--color-text-muted)));
        opacity: 0.6;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
    }

    .countdown--compact .countdown-sep {
        color: var(--countdown-color-ink, var(--countdown-color, var(--color-text-muted)));
        --countdown-sep-opacity: 0.4;
        opacity: 0.4;
        padding-bottom: 0.25rem;
        font-size: 1.25rem;
        font-weight: 400;
        display: block;
    }

    .countdown--compact.countdown--sm .countdown-digit {
        font-size: 1.125rem;
    }

    .countdown--compact.countdown--sm .countdown-label {
        font-size: 0.6875rem;
    }

    .countdown--compact.countdown--sm .countdown-sep {
        padding-bottom: 0.1rem;
        font-size: 0.875rem;
    }

    :is(
        .countdown--boxed,
        .countdown--outlined,
        .countdown--rounded,
        .countdown--gradient,
        .countdown--glass,
        .countdown--glass-dark
    ) {
        --countdown-pad-x: 0.625rem;
        gap: 0.625rem;
    }

    :is(
            .countdown--boxed,
            .countdown--outlined,
            .countdown--rounded,
            .countdown--gradient,
            .countdown--glass,
            .countdown--glass-dark
        )
        .countdown-unit {
        min-width: 5rem;
        padding: 1.125rem var(--countdown-pad-x) 1rem;
        transition-timing-function: var(--ease-lift);
        gap: 0.625rem;
    }

    :is(
            .countdown--boxed,
            .countdown--outlined,
            .countdown--rounded,
            .countdown--gradient,
            .countdown--glass,
            .countdown--glass-dark
        )
        .countdown-digit {
        text-align: center;
        align-self: stretch;
    }

    :is(
            .countdown--boxed,
            .countdown--outlined,
            .countdown--rounded,
            .countdown--gradient,
            .countdown--glass,
            .countdown--glass-dark
        )
        .countdown-label {
        letter-spacing: 0.08em;
        text-transform: uppercase;
        font-size: 0.6875rem;
        font-weight: 600;
        line-height: 1;
    }

    .countdown--boxed .countdown-label {
        color: oklch(from var(--countdown-color-on, var(--color-on-primary)) l c h / 0.72);
    }

    .countdown--rounded .countdown-label {
        color: oklch(from var(--countdown-color-on, var(--color-on-dark)) l c h / 0.72);
    }

    .countdown--gradient .countdown-label {
        color: oklch(from var(--countdown-gradient-on, var(--color-on-primary)) l c h / 0.72);
    }

    .countdown--lg:is(
            .countdown--boxed,
            .countdown--outlined,
            .countdown--rounded,
            .countdown--gradient,
            .countdown--glass,
            .countdown--glass-dark
        )
        .countdown-unit {
        min-width: 6.5rem;
        padding-block: 1.375rem 1.25rem;
    }

    .countdown--sm:is(
            .countdown--boxed,
            .countdown--outlined,
            .countdown--rounded,
            .countdown--gradient,
            .countdown--glass,
            .countdown--glass-dark
        )
        .countdown-unit {
        min-width: 3.75rem;
        padding-block: 0.75rem 0.625rem;
    }

    @media (width <= 479px) {
        .countdown:not(
            .countdown--boxed,
            .countdown--outlined,
            .countdown--rounded,
            .countdown--gradient,
            .countdown--glass,
            .countdown--glass-dark,
            .countdown--compact
        ) {
            gap: 0.625rem;
        }

        .countdown:not(
                .countdown--boxed,
                .countdown--outlined,
                .countdown--rounded,
                .countdown--gradient,
                .countdown--glass,
                .countdown--glass-dark,
                .countdown--compact
            )
            .countdown-unit {
            min-width: 0;
        }

        .countdown--lg:not(
                .countdown--boxed,
                .countdown--outlined,
                .countdown--rounded,
                .countdown--gradient,
                .countdown--glass,
                .countdown--glass-dark
            )
            .countdown-digit {
            font-size: 2.5rem;
        }

        .countdown--lg .countdown-sep {
            font-size: 1.875rem;
        }

        :is(
            .countdown--boxed,
            .countdown--outlined,
            .countdown--rounded,
            .countdown--gradient,
            .countdown--glass,
            .countdown--glass-dark
        ) {
            flex-wrap: nowrap;
            gap: 0.5rem;
        }

        .countdown:is(
                .countdown--boxed,
                .countdown--outlined,
                .countdown--rounded,
                .countdown--gradient,
                .countdown--glass,
                .countdown--glass-dark
            )
            .countdown-unit {
            --countdown-pad-x: 0.25rem;
            flex: 1 1 0;
            min-width: 0;
        }

        :is(
                .countdown--boxed,
                .countdown--outlined,
                .countdown--rounded,
                .countdown--gradient,
                .countdown--glass,
                .countdown--glass-dark
            )
            .countdown-digit {
            font-size: 2rem;
        }
    }

    :is(.countdown--boxed, .countdown--rounded) .countdown-unit {
        background-image: linear-gradient(#ffffff24, #fff0 60%);
    }

    :is(.countdown--boxed, .countdown--rounded, .countdown--gradient) .countdown-unit {
        box-shadow:
            inset 0 1px #fff3,
            0 1px 2px #00000014;
    }

    :is(.countdown--boxed, .countdown--rounded, .countdown--gradient) .countdown-unit:hover {
        box-shadow:
            inset 0 1px 0 #fff3,
            0 18px 36px -14px var(--countdown-color, var(--color-primary));

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                inset 0 1px 0 #fff3,
                0 18px 36px -14px
                    color-mix(
                        in oklch,
                        var(--countdown-color, var(--color-primary)) 70%,
                        transparent
                    );
        }
    }

    :is(.countdown--boxed, .countdown--rounded, .countdown--gradient) .countdown-digit {
        position: relative;
    }

    :is(.countdown--boxed, .countdown--rounded, .countdown--gradient) .countdown-digit:after {
        content: '';
        inset-inline: calc(-1 * var(--countdown-pad-x));
        pointer-events: none;
        background: #00000029;
        height: 1px;
        position: absolute;
        top: 52%;
        box-shadow: 0 1px #ffffff14;
    }

    @media (prefers-reduced-motion: reduce) {
        .countdown-sep {
            animation: none;
        }

        .countdown .countdown-unit:hover {
            transform: none;
        }
    }

    .counter {
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: 0.625rem;
        display: flex;
    }

    .counter-number {
        font-size: var(--text-5xl);
        font-weight: 700;
        font-family: var(--font-heading);
        letter-spacing: -0.045em;
        color: var(--color-text);
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        line-height: 1;
    }

    .counter-label {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 500;
        line-height: var(--leading-snug);
        text-wrap: balance;
    }

    .counter-text {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-normal);
        text-wrap: pretty;
        max-width: 30ch;
        margin-top: 0.125rem;
    }

    .counter-icon {
        color: var(--color-text-soft);
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        display: inline-flex;
    }

    .counter-body {
        flex-direction: column;
        gap: 0.375rem;
        display: flex;
    }

    .stat-figure {
        letter-spacing: -0.045em;
        font-variant-numeric: tabular-nums;
        font-size: clamp(3rem, 5.6vw, 4.75rem);
        font-weight: 600;
        line-height: 1;
    }

    .stat-figure--sm {
        font-size: 2.5rem;
    }

    .stat-figure--xl {
        letter-spacing: -0.06em;
        font-size: clamp(5rem, 10vw, 8.5rem);
        line-height: 0.85;
    }

    .counter--sm .counter-number {
        font-size: var(--text-3xl);
    }

    .counter--lg .counter-number {
        font-size: var(--text-hero);
    }

    .counter--primary .counter-number,
    .counter--primary .counter-icon {
        color: var(--color-primary-ink);
    }

    .counter--secondary .counter-number,
    .counter--secondary .counter-icon {
        color: var(--color-secondary-ink);
    }

    .counter--tertiary .counter-number,
    .counter--tertiary .counter-icon {
        color: var(--color-tertiary-ink);
    }

    .counter--quaternary .counter-number,
    .counter--quaternary .counter-icon {
        color: var(--color-quaternary-ink);
    }

    .counter--accent .counter-number,
    .counter--accent .counter-icon {
        color: var(--color-accent-ink);
    }

    .counter--dark .counter-number,
    .counter--dark .counter-icon {
        color: var(--color-dark);
    }

    .counter--primary {
        --counter-color: var(--color-primary);
        --counter-color-on: var(--color-on-primary);
    }

    .counter--secondary {
        --counter-color: var(--color-secondary);
        --counter-color-on: var(--color-on-secondary);
    }

    .counter--tertiary {
        --counter-color: var(--color-tertiary);
        --counter-color-on: var(--color-on-tertiary);
    }

    .counter--quaternary {
        --counter-color: var(--color-quaternary);
        --counter-color-on: var(--color-on-quaternary);
    }

    .counter--accent {
        --counter-color: var(--color-accent);
        --counter-color-on: var(--color-on-accent);
    }

    .counter--dark {
        --counter-color: var(--color-dark);
        --counter-color-on: var(--color-on-dark);
    }

    .counter--card,
    .counter--shadow,
    .counter--filled,
    .counter--top-bar {
        background: var(--color-bg);
        border-radius: var(--radius-xl);
        transition:
            transform var(--duration-base) var(--ease-lift),
            box-shadow var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        padding: 2.5rem 1.5rem 2.25rem;
        position: relative;
    }

    @media (width <= 639px) {
        .counter--card,
        .counter--shadow,
        .counter--filled,
        .counter--top-bar {
            padding: 2rem 1rem 1.75rem;
        }
    }

    .counter--card {
        border: 1px solid var(--color-border);
    }

    .counter--card:hover {
        border-color: var(--counter-color, var(--color-primary));
        box-shadow: 0 0 0 4px var(--counter-color, var(--color-primary));

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px
                color-mix(in srgb, var(--counter-color, var(--color-primary)) 12%, transparent);
        }
    }

    .counter--shadow {
        box-shadow:
            0 1px 2px #0000000a,
            var(--shadow-sm);
    }

    .counter--shadow:hover {
        box-shadow:
            0 1px 2px #0000000a,
            var(--shadow-lg);
        transform: translateY(-6px);
    }

    .counter--top-bar {
        border: 1px solid var(--color-border);
        border-top-color: var(--counter-color, var(--color-primary));
        overflow: hidden;
    }

    .counter--top-bar:before {
        content: '';
        background: var(--counter-color, var(--color-primary));
        pointer-events: none;
        height: 3px;
        position: absolute;
        inset: 0 0 auto;
    }

    .counter--top-bar:hover {
        box-shadow: var(--shadow-md);
        transform: translateY(-4px);
    }

    .counter--filled {
        background-color: var(--counter-color, var(--color-primary));
        background-image: radial-gradient(120% 90% at 50% 0, #ffffff29, #0000 60%);
        border-color: #0000;
        box-shadow: inset 0 1px #ffffff24;
    }

    .counter--filled:hover {
        box-shadow:
            inset 0 1px 0 #ffffff24,
            0 18px 36px -12px var(--counter-color, var(--color-primary));
        transform: translateY(-4px);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                inset 0 1px 0 #ffffff24,
                0 18px 36px -12px
                    color-mix(in srgb, var(--counter-color, var(--color-primary)) 55%, transparent);
        }
    }

    .counter--filled .counter-number {
        color: var(--counter-color-on, var(--color-on-primary));
    }

    .counter--filled .counter-label {
        color: oklch(from var(--counter-color-on, var(--color-on-primary)) l c h / 0.9);
    }

    .counter--filled .counter-text {
        color: oklch(from var(--counter-color-on, var(--color-on-primary)) l c h / 0.7);
    }

    .counter--filled .counter-icon {
        color: oklch(from var(--counter-color-on, var(--color-on-primary)) l c h / 0.8);
    }

    .counter--horizontal {
        text-align: left;
        grid-template-columns: 10.5rem 1fr;
        align-items: start;
        gap: 1.5rem;
        display: grid;
    }

    .counter--horizontal .counter-number {
        justify-self: start;
        font-size: 2.75rem;
    }

    .counter--horizontal .counter-body {
        border-inline-start: 1px solid var(--color-border);
        padding-inline-start: 1.5rem;
    }

    .counter--horizontal .counter-label {
        font-weight: 600;
    }

    .counter--horizontal .counter-text {
        max-width: 36ch;
    }

    @media (width <= 639px) {
        .counter--horizontal {
            grid-template-columns: 1fr;
            gap: 0.875rem;
        }

        .counter--horizontal .counter-body {
            padding-inline-start: 1rem;
        }
    }

    .counter-dividers {
        flex-wrap: wrap;
        align-items: center;
        display: flex;
    }

    .counter-dividers > .counter {
        border-right: 1px solid var(--color-border);
        flex: 1;
        min-width: 0;
        padding-inline: 2rem;
    }

    .counter-dividers > .counter:first-child {
        padding-inline-start: 0;
    }

    .counter-dividers > .counter:last-child {
        border-right: none;
        padding-inline-end: 0;
    }

    @media (width <= 767px) {
        .counter-dividers {
            flex-direction: column;
            align-items: stretch;
        }

        .counter-dividers > .counter {
            border-right: none;
            border-bottom: 1px solid var(--color-border);
            padding: 1.75rem 0;
        }

        .counter-dividers > .counter:first-child {
            padding-top: 0;
        }

        .counter-dividers > .counter:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
    }

    .counter-grid {
        background: var(--color-border);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-xl);
        box-shadow: var(--shadow-sm);
        gap: 1px;
        display: grid;
        overflow: hidden;
    }

    .counter-grid > .counter {
        background: var(--color-bg);
        transition: background var(--duration-base) var(--ease-out);
        padding: 3rem 1.5rem;
    }

    .counter-grid > .counter:hover {
        background: var(--color-bg-soft);
    }

    .counter-grid > .counter .counter-number {
        font-size: var(--text-4xl);
        transition: transform var(--duration-base) var(--ease-lift);
    }

    .counter-grid > .counter:hover .counter-number {
        transform: translateY(-3px);
    }

    .counter-grid--filled {
        --counter-color: var(--color-primary);
        --counter-color-on: var(--color-on-primary);
        background: #fff;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, #fff 22%, var(--counter-color));
        }

        box-shadow: 0 24px 48px -20px var(--counter-color);
        border-color: #0000;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 24px 48px -20px color-mix(in srgb, var(--counter-color) 60%, transparent);
        }
    }

    .counter-grid--filled > .counter {
        background: var(--counter-color);
    }

    .counter-grid--filled > .counter:hover {
        background: #fff;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, #fff 10%, var(--counter-color));
        }
    }

    .counter-grid--filled .counter-number {
        color: var(--counter-color-on, #fff);
    }

    .counter-grid--filled .counter-label {
        color: oklch(from var(--counter-color-on, #fff) l c h / 0.85);
    }

    .counter--circle {
        color: var(--color-primary-ink);
    }

    .counter-circle {
        width: 9rem;
        height: 9rem;
        margin-bottom: 0.75rem;
        position: relative;
    }

    .counter-circle-svg {
        width: 100%;
        height: 100%;
        display: block;
        overflow: visible;
        transform: rotate(-90deg);
    }

    .counter-circle-track,
    .counter-circle-bar {
        fill: none;
        stroke-width: 6px;
    }

    .counter-circle-track {
        stroke: currentColor;
        opacity: 0.16;
    }

    .counter-circle-bar {
        stroke: currentColor;
        stroke-linecap: round;
        stroke-dasharray: 339.292;
        stroke-dashoffset: 339.292px;
        filter: drop-shadow(0 0 6px);

        @supports (color: color-mix(in lab, red, red)) {
            filter: drop-shadow(0 0 6px color-mix(in srgb, currentColor 35%, transparent));
        }
    }

    .counter-circle .counter-number {
        font-size: var(--text-3xl);
        letter-spacing: -0.04em;
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        inset: 0;
    }

    .counter--circle.counter--sm .counter-circle {
        width: 6rem;
        height: 6rem;
    }

    .counter--circle.counter--sm .counter-number {
        font-size: var(--text-xl);
    }

    .counter--circle.counter--lg .counter-circle {
        width: 12rem;
        height: 12rem;
    }

    .counter--circle.counter--lg .counter-number {
        font-size: var(--text-4xl);
    }

    .counter-number--odometer {
        align-items: center;
        display: inline-flex;
        position: relative;
    }

    .counter-odometer-value {
        clip-path: inset(50%);
        white-space: nowrap;
        width: 1px;
        height: 1px;
        position: absolute;
        overflow: hidden;
    }

    .counter-odometer-digit {
        height: 1em;
        display: block;
        overflow: hidden;
    }

    .counter-odometer-reel {
        will-change: transform;
        flex-direction: column;
        display: flex;
        transform: translateY(0);
    }

    .counter-odometer-reel > span,
    .counter-odometer-static {
        justify-content: center;
        align-items: center;
        height: 1em;
        display: flex;
    }

    .counter-inline {
        font-size: inherit;
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.01em;
        font-weight: 700;
        font-family: var(--font-heading);
        color: var(--color-primary-ink);
        display: inline;
    }

    .stat-bars {
        --stat-bars-base: 13.5rem;
        --stat-bars-step: 1.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
        gap: 0.75rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
    }

    .stat-bar {
        --stat-bar-soft: var(--color-text-soft);
        isolation: isolate;
        min-height: calc(var(--stat-bars-base) + var(--stat-bar-n, 0) * var(--stat-bars-step));
        border-radius: var(--radius-20);
        color: var(--color-text);
        background: var(--stat-bar-bg, var(--color-bg-soft));
        flex-direction: column;
        padding: 1.125rem 1.125rem 1.25rem;
        display: flex;
        position: relative;
        overflow: clip;
        container-type: inline-size;

        &:nth-child(2) {
            --stat-bar-n: 1;
        }

        &:nth-child(3) {
            --stat-bar-n: 2;
        }

        &:nth-child(4) {
            --stat-bar-n: 3;
        }

        &:nth-child(5) {
            --stat-bar-n: 4;
        }

        &:nth-child(6) {
            --stat-bar-n: 5;
        }

        &:last-child:nth-child(odd) {
            grid-column: 1 / -1;
        }
    }

    .stat-bar-top {
        justify-content: space-between;
        align-items: start;
        gap: 0.75rem;
        margin-bottom: auto;
        padding-bottom: 1.25rem;
        display: flex;
    }

    .stat-bar-index {
        letter-spacing: 0.04em;
        font-variant-numeric: tabular-nums;
        color: var(--stat-bar-soft);
        font-size: 0.875rem;
        font-weight: 600;
    }

    .stat-bar-figure {
        font-family: var(--stat-bar-font, var(--font-heading));
        font-size: var(--stat-bar-figure-size, clamp(2.25rem, 27cqi, 6rem));
        letter-spacing: -0.045em;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        margin: 0;
        font-weight: 700;
        line-height: 0.92;

        & small {
            letter-spacing: -0.02em;
            margin-left: 0.04em;
            font-size: 0.46em;
            font-weight: 600;
        }
    }

    .stat-bar-label {
        font-size: var(--text-base);
        letter-spacing: -0.005em;
        margin: 0.875rem 0 0;
        font-weight: 600;
        line-height: 1.3;
    }

    .stat-bar-caption {
        font-size: var(--text-base);
        color: var(--stat-bar-soft);
        text-wrap: pretty;
        margin: 0.25rem 0 0;
        line-height: 1.45;
    }

    .stat-bar-viz {
        flex: none;
    }

    .stat-bar--primary {
        --stat-bar-soft: var(--color-on-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --stat-bar-soft: color-mix(in oklch, var(--color-on-primary) 74%, transparent);
        }

        --stat-bar-accent: var(--color-on-primary);
        --stat-bar-dot: var(--color-primary);
        color: var(--color-on-primary);
        background: var(--color-primary);

        &:before {
            content: '';
            z-index: -1;
            pointer-events: none;
            background-image: radial-gradient(var(--color-on-primary) 1.25px, transparent 1.75px);
            width: 75%;
            height: 60%;
            position: absolute;
            inset: 0 0 auto auto;

            @supports (color: color-mix(in lab, red, red)) {
                background-image: radial-gradient(
                    color-mix(in oklch, var(--color-on-primary) 24%, transparent) 1.25px,
                    transparent 1.75px
                );
            }

            background-size: 14px 14px;
            mask: linear-gradient(to bottom left, #000, #0000 72%);
        }
    }

    .stat-bar--dark {
        --stat-bar-soft: var(--color-on-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --stat-bar-soft: color-mix(in oklch, var(--color-on-dark) 64%, transparent);
        }

        color: var(--color-on-dark);
        background: var(--color-dark);
    }

    .stat-bars--raised .stat-bar:not(.stat-bar--primary, .stat-bar--dark) {
        background: var(--stat-bar-bg, var(--color-surface));
        box-shadow:
            inset 0 0 0 1px var(--color-border-soft),
            0 1px 2px var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                inset 0 0 0 1px var(--color-border-soft),
                0 1px 2px color-mix(in oklch, var(--color-dark) 4%, transparent);
        }
    }

    :is(.dark-section, .section-dark, .bg-dark) .stat-bar:not(.stat-bar--primary) {
        --stat-bar-soft: oklch(from var(--on-surface, white) l c h / 0.62);
        color: var(--on-surface, white);
        background: var(--stat-bar-bg, oklch(from var(--on-surface, white) l c h / 0.06));
        box-shadow: inset 0 0 0 1px oklch(from var(--on-surface, white) l c h / 0.08);
    }

    @media (width >= 640px) {
        .stat-bar {
            padding: 1.5rem 1.5rem 1.625rem;
        }
    }

    @media (width >= 1024px) {
        .stat-bars {
            --stat-bars-base: 17rem;
            --stat-bars-step: 3.25rem;
            grid-template-columns: none;
            grid-auto-columns: minmax(0, 1fr);
            grid-auto-flow: column;
            gap: 1.25rem;
        }

        .stat-bar {
            border-radius: var(--radius-xl);
            padding: 1.75rem 1.75rem 1.875rem;

            &:last-child:nth-child(odd) {
                grid-column: auto;
            }
        }
    }

    .kpi-card {
        min-width: min(var(--kpi-min-width, 12.5rem), 100%);
        border-radius: var(--radius-xl);
        color: var(--color-text);
        background: var(--color-surface);
        box-shadow:
            0 1.25rem 3rem -1rem var(--color-dark),
            0 0 0 1px var(--color-dark);
        align-content: start;
        gap: 0.25rem;
        padding: 1rem 1.125rem 1.125rem;
        display: grid;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 1.25rem 3rem -1rem color-mix(in oklch, var(--color-dark) 28%, transparent),
                0 0 0 1px color-mix(in oklch, var(--color-dark) 6%, transparent);
        }
    }

    .kpi-card-label {
        color: var(--color-text-soft);
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.35;
    }

    .kpi-card-value {
        font-family: var(--kpi-font, var(--font-heading));
        font-size: var(--kpi-value-size, 1.875rem);
        letter-spacing: -0.035em;
        font-variant-numeric: tabular-nums;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 0.25rem 0.5rem;
        font-weight: 700;
        line-height: 1.05;
        display: flex;
    }

    .kpi-card-delta {
        border-radius: var(--radius-pill);
        font-family: var(--font-sans);
        letter-spacing: 0;
        white-space: nowrap;
        color: var(--color-on-primary);
        background: var(--color-primary);
        align-items: center;
        gap: 0.125rem;
        padding: 0.125rem 0.5rem;
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.4;
        display: inline-flex;
    }

    .kpi-card-delta--up {
        color: var(--color-success);
        background: var(--color-success);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklch, var(--color-success) 12%, transparent);
        }
    }

    .kpi-card-delta--down {
        color: var(--color-danger);
        background: var(--color-danger);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklch, var(--color-danger) 11%, transparent);
        }
    }

    .kpi-card-spark {
        width: 100%;
        height: var(--kpi-chart-height, 2.75rem);
        fill: none;
        stroke: var(--kpi-accent, var(--color-primary-ink));
        stroke-width: 2.5px;
        stroke-linecap: round;
        stroke-linejoin: round;
        margin-top: 0.5rem;
        display: block;
        overflow: visible;
    }

    .kpi-card--glass {
        --kpi-accent: oklch(from var(--color-primary) max(l, 0.72) c h);
        color: #fff;
        background: var(--kpi-glass-bg, var(--color-dark));

        @supports (color: color-mix(in lab, red, red)) {
            background: var(
                --kpi-glass-bg,
                color-mix(in oklch, var(--color-dark) 42%, transparent)
            );
        }

        -webkit-backdrop-filter: blur(18px) saturate(140%);
        backdrop-filter: blur(18px) saturate(140%);
        box-shadow:
            0 1.25rem 3rem -1rem #0006,
            inset 0 0 0 1px #ffffff24;

        & .kpi-card-label {
            color: #ffffffb8;
        }
    }

    .kpi-card--flat {
        min-width: 0;
        box-shadow: inset 0 0 0 1px var(--color-border);
        gap: 0.375rem;
        padding: 1.375rem 1.5rem 1.5rem;

        & .kpi-card-label {
            font-size: var(--text-base);
        }

        & .kpi-card-value {
            font-size: var(--kpi-value-size, 2.25rem);
        }
    }

    :is(.dark-section, .section-dark, .bg-dark) .kpi-card--flat {
        --kpi-accent: oklch(from var(--color-primary) max(l, 0.72) c h);
        color: var(--on-surface, white);
        background: oklch(from var(--on-surface, white) l c h / 0.06);
        box-shadow: inset 0 0 0 1px oklch(from var(--on-surface, white) l c h / 0.1);

        & .kpi-card-label {
            color: oklch(from var(--on-surface, white) l c h / 0.66);
        }
    }

    :is(.kpi-card--glass, :is(.dark-section, .section-dark, .bg-dark) .kpi-card--flat) {
        & .kpi-card-delta--up {
            color: oklch(from var(--color-success) max(l, 0.8) c h);
            background: var(--color-success);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in oklch, var(--color-success) 24%, transparent);
            }
        }

        & .kpi-card-delta--down {
            color: oklch(from var(--color-danger) max(l, 0.78) c h);
            background: var(--color-danger);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in oklch, var(--color-danger) 24%, transparent);
            }
        }
    }

    :is(.stat-bar-bars, .kpi-card-bars) {
        align-items: end;
        display: flex;

        & > i {
            height: var(--bar);
            border-radius: var(--radius-xs);
            transform-origin: bottom;
            transition: transform 0.9s var(--ease-out) calc(0.25s + var(--bar-n, 0) * 70ms);
            flex: 1;
        }

        & > i:first-child {
            --bar: 30%;
        }

        & > i:nth-child(2) {
            --bar: 42%;
            --bar-n: 1;
        }

        & > i:nth-child(3) {
            --bar: 38%;
            --bar-n: 2;
        }

        & > i:nth-child(4) {
            --bar: 56%;
            --bar-n: 3;
        }

        & > i:nth-child(5) {
            --bar: 64%;
            --bar-n: 4;
        }

        & > i:nth-child(6) {
            --bar: 80%;
            --bar-n: 5;
        }

        & > i:nth-child(7) {
            --bar: 100%;
            --bar-n: 6;
        }
    }

    :is(.stat-bar, .kpi-card)[data-anim]:not(.visible) :is(.stat-bar-bars, .kpi-card-bars) > i {
        transform: scaleY(0);
    }

    .stat-bar-bars {
        gap: 0.1875rem;
        width: 4.75rem;
        height: 2rem;

        & > i {
            background: currentColor;

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in oklch, currentColor 16%, transparent);
            }
        }

        & > i:last-child {
            background: var(--stat-bar-accent, var(--color-primary));
        }
    }

    .kpi-card-bars {
        height: var(--kpi-chart-height, 2.75rem);
        gap: 0.3125rem;
        margin-top: 0.5rem;

        & > i {
            background: var(--kpi-accent, var(--color-primary));

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(
                    in oklch,
                    var(--kpi-accent, var(--color-primary)) 30%,
                    transparent
                );
            }
        }

        & > i:last-child {
            background: var(--kpi-accent, var(--color-primary));
        }
    }

    .kpi-card--glass .kpi-card-bars > i:not(:last-child) {
        background: var(--kpi-glass-bars, #fff3);
    }

    .stat-bar-spark {
        fill: none;
        stroke: currentColor;
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        width: 6rem;
        height: 2rem;
        overflow: visible;

        & circle {
            fill: var(--stat-bar-dot, var(--stat-bar-accent, var(--color-primary-ink)));
            transition: opacity var(--duration-fast) var(--ease-out)
                calc(var(--draw-delay, 0.2s) + var(--draw-duration, 1.8s) * 0.55);
        }

        &[data-anim]:not(.visible) circle {
            opacity: 0;
        }
    }

    .svg-draw.stat-bar-spark circle {
        stroke-dasharray: none;
    }

    .stat-bar-ring {
        fill: none;
        stroke-width: 4.5px;
        width: 2.25rem;
        height: 2.25rem;
        rotate: -90deg;
    }

    .stat-bar-ring-track {
        stroke: currentColor;

        @supports (color: color-mix(in lab, red, red)) {
            stroke: color-mix(in oklch, currentColor 14%, transparent);
        }
    }

    .stat-bar-ring-bar {
        stroke: currentColor;
        stroke-linecap: round;
        stroke-dasharray: 1;
        stroke-dashoffset: calc(1 - var(--ring, 0.75));
        transition: stroke-dashoffset 1.6s var(--ease-out) 0.5s;
    }

    .stat-bar-ring[data-anim]:not(.visible) .stat-bar-ring-bar {
        stroke-dashoffset: 1px;
    }

    @media (prefers-reduced-motion: reduce), (scripting: none) {
        :is(.stat-bar-bars, .kpi-card-bars) > i,
        .stat-bar-spark circle,
        .stat-bar-ring-bar {
            transition: none;
        }

        :is(.stat-bar, .kpi-card)[data-anim]:not(.visible) :is(.stat-bar-bars, .kpi-card-bars) > i {
            transform: none;
        }

        .stat-bar-spark[data-anim]:not(.visible) circle {
            opacity: 1;
        }

        .stat-bar-ring[data-anim]:not(.visible) .stat-bar-ring-bar {
            stroke-dashoffset: calc(1 - var(--ring, 0.75));
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .counter--shadow:hover,
        .counter--top-bar:hover,
        .counter--filled:hover,
        .counter-grid > .counter:hover .counter-number {
            transform: none;
        }
    }

    :is(.dark-section, .section-dark) .counter-number {
        color: var(--on-surface, #fff);
    }

    :is(.dark-section, .section-dark) .counter-label {
        color: oklch(from var(--on-surface, #fff) l c h / 0.9);
    }

    :is(.dark-section, .section-dark) .counter-text {
        color: oklch(from var(--on-surface, #fff) l c h / 0.6);
    }

    :is(.dark-section, .section-dark) .counter-icon {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    :is(.dark-section, .section-dark) code {
        background: oklch(from var(--on-surface, #fff) l c h / 0.1);
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
    }

    .progress {
        background: var(--progress-color, var(--color-primary));
        width: 100%;
        height: 0.625rem;
        display: flex;
        position: relative;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in oklab,
                var(--progress-color, var(--color-primary)) 10%,
                var(--color-bg-muted)
            );
        }

        border-radius: var(--radius-pill);
        overflow: hidden;
    }

    .progress:has(> .progress-bar + .progress-bar) {
        background: var(--color-bg-muted);
    }

    .progress-bar {
        background-color: var(--progress-color, var(--color-primary));
        border-radius: inherit;
        width: 0;
        height: 100%;
        transition: width var(--duration-base) var(--ease-out);
        justify-content: flex-end;
        align-items: center;
        display: flex;
    }

    .progress-header {
        justify-content: space-between;
        align-items: baseline;
        gap: 1rem;
        margin-bottom: 0.625rem;
        display: flex;
    }

    .progress-label {
        color: var(--color-text);
        font-weight: 600;
        font-size: var(--text-base);
        letter-spacing: -0.01em;
    }

    .progress-value {
        color: var(--color-text-soft);
        font-variant-numeric: tabular-nums;
        letter-spacing: -0.01em;
        flex-shrink: 0;
        font-weight: 600;
    }

    .progress--primary {
        --progress-color: var(--color-primary);
        --progress-color-on: var(--color-on-primary);
    }

    .progress--secondary {
        --progress-color: var(--color-secondary);
        --progress-color-on: var(--color-on-secondary);
    }

    .progress--tertiary {
        --progress-color: var(--color-tertiary);
        --progress-color-on: var(--color-on-tertiary);
    }

    .progress--quaternary {
        --progress-color: var(--color-quaternary);
        --progress-color-on: var(--color-on-quaternary);
    }

    .progress--accent {
        --progress-color: var(--color-accent);
        --progress-color-on: var(--color-on-accent);
    }

    .progress--dark {
        --progress-color: var(--color-dark);
        --progress-color-on: var(--color-on-dark);
    }

    .progress-bar--primary {
        --progress-color: var(--color-primary);
        --progress-color-on: var(--color-on-primary);
    }

    .progress-bar--secondary {
        --progress-color: var(--color-secondary);
        --progress-color-on: var(--color-on-secondary);
    }

    .progress-bar--tertiary {
        --progress-color: var(--color-tertiary);
        --progress-color-on: var(--color-on-tertiary);
    }

    .progress-bar--quaternary {
        --progress-color: var(--color-quaternary);
        --progress-color-on: var(--color-on-quaternary);
    }

    .progress-bar--accent {
        --progress-color: var(--color-accent);
        --progress-color-on: var(--color-on-accent);
    }

    .progress-bar--dark {
        --progress-color: var(--color-dark);
        --progress-color-on: var(--color-on-dark);
    }

    .progress--xs {
        height: 0.25rem;
    }

    .progress--sm {
        height: 0.5rem;
    }

    .progress--lg {
        height: 1rem;
    }

    .progress--square {
        border-radius: 0;
    }

    .progress--rounded {
        border-radius: var(--radius-sm);
    }

    .progress--striped .progress-bar {
        background-color: var(--progress-color, var(--color-primary));
        background-image: linear-gradient(
            45deg,
            #ffffff2e 25%,
            #0000 25% 50%,
            #ffffff2e 50% 75%,
            #0000 75%,
            #0000
        );
        background-size: 1rem 1rem;
    }

    .progress--animated .progress-bar {
        animation: 1s linear infinite progress-stripes;
    }

    .progress--gradient .progress-bar {
        background-image: linear-gradient(
            90deg,
            var(--progress-color, var(--color-primary)),
            var(--progress-color, var(--color-primary))
        );

        @supports (color: color-mix(in lab, red, red)) {
            background-image: linear-gradient(
                90deg,
                var(--progress-color, var(--color-primary)),
                color-mix(in srgb, var(--progress-color, var(--color-primary)) 45%, #fff)
            );
        }
    }

    .progress--glow {
        overflow: visible;
    }

    .progress--glow .progress-bar {
        box-shadow: 0 2px 14px var(--progress-color, var(--color-primary));

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 2px 14px
                color-mix(in srgb, var(--progress-color, var(--color-primary)) 50%, transparent);
        }
    }

    .progress-bar-label {
        font-size: var(--text-xs);
        font-variant-numeric: tabular-nums;
        color: var(--progress-color-on, var(--color-on-primary));
        white-space: nowrap;
        padding-inline: 0.625rem;
        font-weight: 600;
    }

    .progress--tooltip {
        overflow: visible;
    }

    .progress-tooltip {
        background: var(--progress-color, var(--color-primary));
        color: var(--progress-color-on, var(--color-on-primary));
        font-size: var(--text-xs);
        font-variant-numeric: tabular-nums;
        border-radius: var(--radius-sm);
        box-shadow: 0 4px 12px var(--progress-color, var(--color-primary));
        padding: 0.1875rem 0.5rem;
        font-weight: 600;
        line-height: 1.4;
        position: relative;
        transform: translateX(50%);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 4px 12px
                color-mix(in srgb, var(--progress-color, var(--color-primary)) 30%, transparent);
        }

        white-space: nowrap;
        margin-top: -2.5rem;
    }

    .progress-tooltip:after {
        content: '';
        background: var(--progress-color, var(--color-primary));
        width: 6px;
        height: 6px;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
    }

    .progress--indeterminate .progress-bar {
        border-radius: var(--radius-pill);
        animation: 1.4s cubic-bezier(0.65, 0, 0.35, 1) infinite progress-indeterminate;
        width: 35% !important;
    }

    .progress-bar + .progress-bar {
        box-shadow: -1px 0 #fff9;
    }

    .progress-steps {
        gap: 0.375rem;
        display: flex;
    }

    .progress-step {
        border-radius: var(--radius-pill);
        background: var(--progress-color, var(--color-primary));
        flex: 1;
        height: 0.5rem;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in oklab,
                var(--progress-color, var(--color-primary)) 10%,
                var(--color-bg-muted)
            );
        }

        transition: background var(--duration-base) var(--ease-out);
    }

    .progress-step.is-complete {
        background: var(--progress-color, var(--color-primary));
    }

    .progress-steps--primary {
        --progress-color: var(--color-primary);
        --progress-color-on: var(--color-on-primary);
    }

    .progress-steps--secondary {
        --progress-color: var(--color-secondary);
        --progress-color-on: var(--color-on-secondary);
    }

    .progress-steps--tertiary {
        --progress-color: var(--color-tertiary);
        --progress-color-on: var(--color-on-tertiary);
    }

    .progress-steps--quaternary {
        --progress-color: var(--color-quaternary);
        --progress-color-on: var(--color-on-quaternary);
    }

    .progress-steps--accent {
        --progress-color: var(--color-accent);
        --progress-color-on: var(--color-on-accent);
    }

    .progress-steps--dark {
        --progress-color: var(--color-dark);
        --progress-color-on: var(--color-on-dark);
    }

    .dark-section .progress,
    .dark-section .progress-step:not(.is-complete) {
        background: oklch(from var(--on-surface, #fff) l c h / 0.14);
    }

    .dark-section .progress-label {
        color: var(--on-surface, #fff);
    }

    .dark-section .progress-value {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    @media (prefers-reduced-motion: reduce) {
        .progress--animated .progress-bar {
            animation: none;
        }

        .progress--indeterminate .progress-bar {
            animation-duration: 3s;
        }
    }

    .pricing-card {
        --pricing-accent: var(--color-primary);
        --pricing-accent-soft: var(--color-primary-50);
        --pricing-accent-ink: var(--color-primary-ink);
        --pricing-accent-on: var(--color-on-primary);
        --pricing-pad: 2rem;
        height: 100%;
        padding: var(--pricing-pad);
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-card);
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
        flex-direction: column;
        display: flex;
        position: relative;
    }

    .pricing-card:hover {
        box-shadow: var(--shadow-md);
        border-color: var(--pricing-accent);
        transform: translateY(-4px);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--pricing-accent) 35%, var(--color-border));
        }
    }

    .pricing-card--primary {
        --pricing-accent: var(--color-primary);
        --pricing-accent-soft: var(--color-primary-50);
        --pricing-accent-ink: var(--color-primary-ink);
        --pricing-accent-on: var(--color-on-primary);
    }

    .pricing-card--secondary {
        --pricing-accent: var(--color-secondary);
        --pricing-accent-soft: var(--color-secondary-50);
        --pricing-accent-ink: var(--color-secondary-ink);
        --pricing-accent-on: var(--color-on-secondary);
    }

    .pricing-card--tertiary {
        --pricing-accent: var(--color-tertiary);
        --pricing-accent-soft: var(--color-tertiary-50);
        --pricing-accent-ink: var(--color-tertiary-ink);
        --pricing-accent-on: var(--color-on-tertiary);
    }

    .pricing-card--quaternary {
        --pricing-accent: var(--color-quaternary);
        --pricing-accent-soft: var(--color-quaternary-50);
        --pricing-accent-ink: var(--color-quaternary-ink);
        --pricing-accent-on: var(--color-on-quaternary);
    }

    .pricing-card--accent {
        --pricing-accent: var(--color-accent);
        --pricing-accent-soft: var(--color-accent-50);
        --pricing-accent-ink: var(--color-accent-ink);
        --pricing-accent-on: var(--color-on-accent);
    }

    .pricing-card--dark {
        --pricing-accent: var(--color-dark);
        --pricing-accent-soft: var(--color-dark-bg);
        --pricing-accent-ink: var(--color-dark);
        --pricing-accent-on: var(--color-on-dark);
    }

    .pricing-card--featured {
        z-index: 1;
        border-color: var(--pricing-accent);
        background-image: linear-gradient(180deg, var(--pricing-accent-soft) 0%, transparent 11rem);
        box-shadow:
            0 0 0 3px var(--pricing-accent),
            var(--shadow-lg);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 3px color-mix(in srgb, var(--pricing-accent) 10%, transparent),
                var(--shadow-lg);
        }
    }

    .pricing-card--featured:hover {
        box-shadow:
            0 0 0 3px var(--pricing-accent),
            var(--shadow-xl);
        transform: translateY(-4px);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 3px color-mix(in srgb, var(--pricing-accent) 14%, transparent),
                var(--shadow-xl);
        }

        border-color: var(--pricing-accent);
    }

    @media (width >= 1024px) {
        .pricing-card--featured {
            transform: scale(1.03);
        }

        .pricing-card--featured:hover {
            transform: scale(1.03) translateY(-4px);
        }
    }

    .container > .pricing-card--featured {
        transform: none;
    }

    .container > .pricing-card--featured:hover {
        transform: translateY(-4px);
    }

    .pricing-card--bordered {
        box-shadow: none;
    }

    .pricing-card--bordered:hover {
        box-shadow: none;
        border-color: var(--pricing-accent);
        transform: none;
    }

    .pricing-card--filled {
        background: var(--pricing-accent);
        border-color: var(--pricing-accent);
        color: var(--pricing-accent-on, #fff);
        background-image: linear-gradient(160deg, #ffffff24 0%, #fff0 50%);
    }

    .pricing-card--filled .pricing-plan,
    .pricing-card--filled .pricing-amount,
    .pricing-card--filled .pricing-currency {
        color: var(--pricing-accent-on, #fff);
    }

    .pricing-card--filled .pricing-desc,
    .pricing-card--filled .pricing-period,
    .pricing-card--filled .pricing-feature {
        color: oklch(from var(--pricing-accent-on, #fff) l c h / 0.82);
    }

    .pricing-card--filled .pricing-feature-icon {
        color: var(--pricing-accent-on, #fff);
        background: oklch(from var(--pricing-accent-on, #fff) l c h / 0.18);
    }

    .pricing-card--filled .pricing-divider {
        background: oklch(from var(--pricing-accent-on, #fff) l c h / 0.22);
    }

    .pricing-card--filled .pricing-feature--muted {
        color: oklch(from var(--pricing-accent-on, #fff) l c h / 0.5);
    }

    .pricing-card--filled .pricing-amount--struck {
        color: oklch(from var(--pricing-accent-on, #fff) l c h / 0.6);
    }

    .pricing-card--filled .btn-glass {
        color: var(--pricing-accent-on, #fff);
        background: #ffffff29;
        border-color: #ffffff47;

        &:hover {
            background: #ffffff42;
        }
    }

    .pricing-card--filled:hover {
        border-color: #0000;
    }

    .pricing-card--gradient {
        padding-top: 0;
        overflow: hidden;
    }

    .pricing-card--gradient .pricing-head {
        margin: 0 calc(-1 * var(--pricing-pad)) 1.5rem;
        padding: var(--pricing-pad) var(--pricing-pad) 1.5rem;
        background: linear-gradient(135deg, var(--pricing-accent), var(--pricing-accent));

        @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient(
                135deg,
                var(--pricing-accent),
                color-mix(in srgb, var(--pricing-accent) 60%, #000)
            );
        }

        color: var(--pricing-accent-on, #fff);
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .pricing-card--gradient .pricing-head {
            background: linear-gradient(135deg, var(--pricing-accent), var(--pricing-accent));

            @supports (color: color-mix(in lab, red, red)) {
                background: linear-gradient(
                    135deg,
                    var(--pricing-accent),
                    color-mix(
                        in srgb,
                        var(--pricing-accent) 60%,
                        oklch(
                            from var(--pricing-accent-on, #fff) clamp(0, (0.6 - l) * 1000000000, 1)
                                0 0
                        )
                    )
                );
            }
        }
    }

    .pricing-card--gradient .pricing-head .pricing-plan,
    .pricing-card--gradient .pricing-head .pricing-amount,
    .pricing-card--gradient .pricing-head .pricing-currency {
        color: var(--pricing-accent-on, #fff);
    }

    .pricing-card--gradient .pricing-head .pricing-desc,
    .pricing-card--gradient .pricing-head .pricing-period {
        color: oklch(from var(--pricing-accent-on, #fff) l c h / 0.85);
    }

    .pricing-plan {
        font-size: var(--text-xl);
        color: var(--color-text);
        letter-spacing: -0.025em;
        font-weight: 700;
    }

    .pricing-desc {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        text-wrap: pretty;
        margin-top: 0.375rem;
    }

    .pricing-price {
        align-items: baseline;
        gap: 0.25rem;
        margin-top: 1.5rem;
        display: flex;
    }

    .pricing-currency {
        font-size: var(--text-xl);
        color: var(--color-text);
        opacity: 0.7;
        align-self: flex-start;
        margin-top: 0.45rem;
        font-weight: 600;
    }

    .pricing-amount {
        font-size: var(--text-5xl);
        letter-spacing: -0.045em;
        color: var(--color-text);
        font-variant-numeric: tabular-nums;
        font-weight: 700;
        line-height: 1;
    }

    .pricing-amount--struck {
        font-size: var(--text-2xl);
        color: var(--color-text-muted);
        font-weight: 600;
        text-decoration: line-through;
    }

    .pricing-period {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        font-weight: 500;
    }

    .pricing-divider {
        background: var(--color-border);
        border: 0;
        height: 1px;
        margin-block: 1.5rem;
    }

    .pricing-features {
        flex-direction: column;
        gap: 0.75rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .pricing-feature {
        font-size: var(--text-base);
        color: var(--color-text);
        line-height: var(--leading-snug);
        align-items: flex-start;
        gap: 0.75rem;
        display: flex;
    }

    .pricing-feature-icon {
        border-radius: var(--radius-full);
        background: var(--pricing-accent);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 1.375rem;
        height: 1.375rem;
        margin-top: 0;
        display: inline-flex;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--pricing-accent) 12%, transparent);
        }

        -webkit-text-stroke: 0.35px currentColor;
        color: var(--pricing-accent-ink, var(--pricing-accent));
        font-size: 0.875rem;
        line-height: 1;
    }

    .pricing-feature--muted {
        color: var(--color-text-muted);
    }

    .pricing-feature--muted .pricing-feature-icon {
        color: var(--color-text-muted);
        background: var(--color-bg-soft);
    }

    .pricing-cta {
        margin-top: auto;
        padding-top: 1.5rem;
    }

    .pricing-popular {
        background: var(--pricing-accent);
        color: var(--pricing-accent-on, #fff);
        font-size: var(--text-xs);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        border-radius: var(--radius-pill);
        white-space: nowrap;
        box-shadow: 0 8px 20px -6px var(--pricing-accent);
        align-items: center;
        gap: 0.375rem;
        padding: 0.3rem 0.875rem;
        font-weight: 700;
        display: inline-flex;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 20px -6px color-mix(in srgb, var(--pricing-accent) 55%, transparent);
        }

        z-index: 2;
    }

    .pricing-ribbon {
        background: var(--pricing-accent);
        width: 12rem;
        color: var(--pricing-accent-on, #fff);
        font-size: var(--text-xs);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        text-align: center;
        box-shadow: var(--shadow-sm);
        z-index: 2;
        padding: 0.3rem 0;
        font-weight: 700;
        position: absolute;
        top: 1.5rem;
        right: -4rem;
        transform: rotate(45deg);
    }

    .pricing-card--ribboned {
        overflow: hidden;
    }

    .pricing-billing {
        background: var(--color-bg-soft);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-pill);
        align-items: center;
        gap: 0.875rem;
        padding: 0.5rem 0.875rem;
        display: inline-flex;
    }

    .pricing-billing-label {
        cursor: pointer;
        font: inherit;
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        transition: color var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        font-weight: 600;
    }

    .pricing-billing-label.is-active {
        color: var(--color-text);
    }

    .pricing-table-wrap {
        position: relative;
        overflow-x: auto;
    }

    .pricing-table {
        border-collapse: separate;
        border-spacing: 0;
        text-align: left;
        width: 100%;
        min-width: 720px;
    }

    .pricing-table th,
    .pricing-table td {
        font-size: var(--text-sm);
        vertical-align: middle;
        padding: 1rem 1.5rem;
    }

    .pricing-table tbody th,
    .pricing-table tbody td {
        border-bottom: 1px solid var(--color-border);
    }

    .pricing-table tbody th {
        color: var(--color-text);
        font-weight: 600;
    }

    .pricing-table td:not(:first-child),
    .pricing-table th:not(:first-child) {
        text-align: center;
    }

    .pricing-table thead th {
        vertical-align: bottom;
        padding-top: 1.25rem;
        padding-bottom: 1.5rem;
    }

    .pricing-table-plan {
        font-size: var(--text-lg);
        color: var(--color-text);
        font-weight: 700;
        display: block;
    }

    .pricing-table-cost {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        margin-top: 0.35rem;
        font-weight: 500;
        display: block;
    }

    .pricing-table-cost strong {
        font-size: var(--text-xl);
        color: var(--color-text);
        letter-spacing: var(--tracking-tight);
        font-weight: 700;
    }

    .pricing-table-pop {
        border-radius: var(--radius-pill);
        background: var(--pricing-accent, var(--color-primary));
        color: var(--pricing-accent-on, var(--color-on-primary));
        text-transform: uppercase;
        letter-spacing: var(--tracking-wide);
        margin-bottom: 0.5rem;
        padding: 0.2rem 0.6rem;
        font-size: 0.625rem;
        font-weight: 700;
        display: inline-block;
    }

    .pricing-table-check,
    .pricing-table-dash {
        border-radius: var(--radius-full);
        justify-content: center;
        align-items: center;
        width: 1.625rem;
        height: 1.625rem;
        font-size: 0.9rem;
        display: inline-flex;
    }

    .pricing-table-check {
        background: var(--color-success-bg);
        color: var(--color-success);
    }

    .pricing-table-dash {
        background: var(--color-bg-soft);
        color: var(--color-text-muted);
    }

    .pricing-table tfoot td {
        padding-top: 1.5rem;
    }

    .pricing-table-featured {
        background: var(--pricing-accent-soft, var(--color-primary-50));
    }

    .pricing-table thead .pricing-table-featured {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
        box-shadow: inset 0 3px 0 0 var(--pricing-accent, var(--color-primary));
    }

    .pricing-table tfoot .pricing-table-featured {
        border-bottom-left-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .pricing-table-featured .pricing-table-check {
        background: var(--color-surface);
    }

    .pricing-table tbody tr:hover th,
    .pricing-table tbody tr:hover td:not(.pricing-table-featured) {
        background: var(--color-bg-soft);
    }

    .pricing-table--raised {
        --raised-bg: var(--color-dark-surface);
        --raised-on: white;
        --raised-line: oklch(from var(--raised-on) l c h / 0.12);
        --raised-check: var(--color-primary);
        --raised-check-on: var(--color-on-primary);
        --raised-ring: transparent;
        --raised-lift: 1rem;
        --raised-radius: var(--radius-3xl);

        & :is(th, td) {
            padding: 1.125rem 1.25rem;
            font-size: 1rem;
            line-height: 1.4;
        }

        & thead th {
            padding-top: 1.75rem;
            padding-bottom: 1.5rem;
        }

        & .pricing-table-plan {
            letter-spacing: -0.02em;
            font-size: 1.25rem;
            font-weight: 600;
        }

        & .pricing-table-cost {
            font-size: 0.9375rem;

            & strong {
                letter-spacing: -0.03em;
                font-size: 1.5rem;
            }
        }

        & tbody th {
            font-weight: 500;
        }

        & tbody td {
            color: var(--color-text-soft);
        }

        & tfoot td {
            vertical-align: top;
            padding-top: 1.75rem;
            padding-bottom: 1.75rem;
        }

        & .pricing-table-check {
            color: var(--color-text);
            background: var(--color-bg-muted);
        }

        & .pricing-table-dash {
            color: var(--color-text-muted);
            box-shadow: inset 0 0 0 1px var(--color-border);
            background: none;
        }

        & .pricing-table-featured {
            color: oklch(from var(--raised-on) l c h / 0.82);
            background: var(--raised-bg);
            border-bottom-color: var(--raised-line);
            box-shadow:
                inset 1px 0 0 var(--raised-ring),
                inset -1px 0 0 var(--raised-ring);

            & .pricing-table-plan,
            & .pricing-table-cost strong {
                color: var(--raised-on);
            }

            & .pricing-table-cost {
                color: oklch(from var(--raised-on) l c h / 0.66);
            }

            & .pricing-table-check {
                color: var(--raised-check-on);
                background: var(--raised-check);
            }

            & .pricing-table-dash {
                color: oklch(from var(--raised-on) l c h / 0.5);
                box-shadow: inset 0 0 0 1px oklch(from var(--raised-on) l c h / 0.2);
            }
        }

        & thead .pricing-table-featured {
            padding-top: calc(1.75rem + var(--raised-lift));
            border-radius: var(--raised-radius) var(--raised-radius) 0 0;
            box-shadow:
                inset 0 1px 0 var(--raised-ring),
                inset 1px 0 0 var(--raised-ring),
                inset -1px 0 0 var(--raised-ring);
        }

        & tfoot .pricing-table-featured {
            padding-bottom: calc(1.75rem + var(--raised-lift));
            border-radius: 0 0 var(--raised-radius) var(--raised-radius);
            box-shadow:
                inset 0 -1px 0 var(--raised-ring),
                inset 1px 0 0 var(--raised-ring),
                inset -1px 0 0 var(--raised-ring);
        }
    }

    .pricing-table .pricing-table-group :is(th, td) {
        padding-top: 2.25rem;
        padding-bottom: 0.75rem;
    }

    .pricing-table .pricing-table-group th {
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--color-text-soft);
        font-size: 0.8125rem;
        font-weight: 600;

        & .ph {
            letter-spacing: 0;
            vertical-align: -0.2em;
            margin-right: 0.5rem;
            font-size: 1.125rem;
        }
    }

    .pricing-table tbody tr.pricing-table-group:hover :is(th, td:not(.pricing-table-featured)) {
        background: none;
    }

    .pricing-table-hint {
        color: var(--color-text-soft);
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.3;
        display: inline-flex;

        & .ph {
            flex-shrink: 0;
            font-size: 1.25rem;
        }
    }

    @media (width >= 1024px) {
        .pricing-table-hint {
            display: none;
        }
    }

    @media (width < 1024px) {
        .pricing-table--sticky tr > :first-child {
            z-index: 1;
            background: var(--pricing-table-ground, var(--color-bg));
            position: sticky;
            left: 0;
        }

        .pricing-table--sticky tbody tr:hover > th:first-child {
            background: var(--color-bg-soft);
        }
    }

    @media (width < 768px) {
        .pricing-table--sticky {
            min-width: 35rem;

            & :is(th, td) {
                padding: 1rem 0.875rem;
                font-size: 0.9375rem;
            }

            & tr > :first-child {
                width: 7.25rem;
                min-width: 7.25rem;
                padding-left: 0.25rem;
            }

            & .pricing-table-group th {
                letter-spacing: 0.08em;
                font-size: 0.75rem;
            }

            & .pricing-table-hint {
                max-width: 6rem;
            }
        }
    }

    .compare-table {
        --raised-bg: var(--color-dark-surface);
        --raised-on: white;
        --raised-line: oklch(from var(--raised-on) l c h / 0.12);
        --raised-check: var(--color-primary);
        --raised-check-on: var(--color-on-primary);
        --raised-ring: transparent;
        --raised-lift: clamp(1.75rem, 1rem + 1.6vw, 2.5rem);
        --raised-radius: var(--radius-3xl);
        --compare-cols: minmax(0, 0.9fr) minmax(0, 1.12fr) minmax(0, 1fr);
        --compare-featured: 2;
        --compare-tint: var(--color-bg-soft);
        --compare-ground: var(--color-bg);
        --compare-text: var(--color-text);
        --compare-soft: var(--color-text-soft);
        --compare-line: var(--color-border);
        --compare-pad: clamp(1.25rem, 0.25rem + 2vw, 2.25rem);
        border-collapse: collapse;
        text-align: left;
        width: 100%;
        color: var(--compare-soft);
        font-size: 1.0625rem;
        line-height: 1.45;

        & :is(th, td) {
            font-weight: inherit;
            vertical-align: middle;
            padding: 0;
        }

        & tbody th {
            letter-spacing: -0.01em;
            color: var(--compare-text);
            align-items: center;
            gap: 0.875rem;
            font-weight: 600;
            display: flex;

            & > .ph {
                aspect-ratio: 1;
                border-radius: var(--radius-full);
                background: var(--compare-tint);
                flex-shrink: 0;
                place-items: center;
                width: 2.5rem;
                font-size: 1.125rem;
                display: grid;
            }
        }

        & tbody td {
            align-items: center;
            gap: 0.875rem;
            display: flex;
        }

        & :is(.pricing-table-check, .pricing-table-dash) {
            flex-shrink: 0;
            width: 1.75rem;
            height: 1.75rem;
            font-size: 0.875rem;
        }

        & .pricing-table-check {
            color: var(--compare-text);
            background: var(--compare-tint);
        }

        & .pricing-table-dash {
            color: var(--compare-soft);
            box-shadow: inset 0 0 0 1px var(--compare-line);
            background: none;
        }

        & thead th:not(.compare-table-featured) {
            font-size: 1rem;
            font-weight: 600;
        }

        & .compare-table-featured {
            color: var(--raised-on);
            font-weight: 500;

            & .pricing-table-check {
                color: var(--raised-check-on);
                background: var(--raised-check);
            }

            & .pricing-table-dash {
                color: oklch(from var(--raised-on) l c h / 0.6);
                box-shadow: inset 0 0 0 1px oklch(from var(--raised-on) l c h / 0.2);
            }
        }

        & thead .compare-table-featured {
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 0.75rem;
            display: flex;
        }
    }

    .compare-table-brand {
        letter-spacing: -0.02em;
        color: var(--raised-on);
        align-items: center;
        gap: 0.625rem;
        font-size: 1.25rem;
        font-weight: 700;
        display: inline-flex;
    }

    .compare-table-badge {
        border-radius: var(--radius-pill);
        white-space: nowrap;
        color: oklch(from var(--raised-on) l c h / 0.85);
        background: oklch(from var(--raised-on) l c h / 0.07);
        box-shadow: inset 0 0 0 1px var(--raised-line);
        align-items: center;
        gap: 0.5rem;
        padding: 0.375rem 0.875rem;
        font-size: 0.875rem;
        font-weight: 500;
        display: inline-flex;

        & .ph {
            font-size: 1rem;
        }
    }

    .compare-table-note {
        color: var(--compare-soft);
        font-size: 1rem;
        line-height: 1.5;
        display: block;
    }

    @media (width < 768px) {
        .compare-table {
            display: block;

            & thead {
                clip-path: inset(50%);
                white-space: nowrap;
                width: 1px;
                height: 1px;
                position: absolute;
                overflow: hidden;
            }

            & tbody,
            & tfoot {
                gap: 0.75rem;
                display: grid;
            }

            & tfoot {
                margin-top: 1.5rem;
            }

            & tbody tr {
                border-radius: var(--radius-2xl);
                background: var(--compare-tint);
                gap: 0.75rem;
                padding: 1.25rem;
                display: grid;
            }

            & tbody th > .ph,
            & .pricing-table-check {
                background: var(--compare-ground);
            }

            & tbody td {
                grid-template-columns: auto minmax(0, 1fr);
                align-items: center;
                gap: 0.5rem 0.75rem;
                font-size: 1rem;
                display: grid;

                &:before {
                    content: attr(data-label);
                    letter-spacing: 0.06em;
                    text-transform: uppercase;
                    grid-column: 1 / -1;
                    font-size: 0.8125rem;
                    font-weight: 600;
                }
            }

            & tbody td.compare-table-featured {
                border-radius: var(--radius-xl);
                background: var(--raised-bg);
                box-shadow: inset 0 0 0 1px var(--raised-ring);
                padding: 0.875rem 1rem 1rem;

                &:before {
                    color: var(--compare-label, oklch(from var(--raised-on) l c h / 0.6));
                }
            }

            & tbody td:not(.compare-table-featured) {
                padding-inline: 0.25rem;
            }

            & tfoot tr {
                text-align: center;
                justify-items: center;
                gap: 1rem;
                display: grid;
            }

            & tfoot td:empty {
                display: none;
            }

            & tfoot td.compare-table-featured {
                justify-self: stretch;
            }
        }
    }

    @media (width >= 768px) {
        .compare-table {
            grid-template-columns: var(--compare-cols);
            isolation: isolate;
            display: grid;
            position: relative;

            & :is(thead, tbody, tfoot, tr) {
                display: contents;
            }

            &:before {
                content: '';
                grid-column: var(--compare-featured) / span 1;
                z-index: -1;
                border-radius: var(--raised-radius);
                background: var(--raised-bg);
                box-shadow:
                    inset 0 0 0 1px var(--raised-ring),
                    0 2.5rem 5rem -2.5rem #0006;
                position: absolute;
                inset: 0;
            }

            & thead :is(th, td) {
                align-self: end;
                padding-bottom: 1.5rem;
            }

            & thead th:not(.compare-table-featured) {
                padding-inline: var(--compare-pad);
            }

            & thead .compare-table-featured {
                padding: var(--raised-lift) var(--compare-pad) 1.5rem;
                align-self: stretch;
                align-items: end;
            }

            & tbody :is(th, td) {
                border-top: 1px solid var(--compare-line);
                min-height: 5.25rem;
                padding-block: 1.375rem;
                position: relative;
            }

            & tbody td {
                padding-inline: var(--compare-pad);
            }

            & tbody th {
                padding-right: 1.5rem;
            }

            & tbody td.compare-table-featured {
                border-top: 0;

                &:after {
                    content: '';
                    top: 0;
                    inset-inline: var(--compare-pad);
                    background: var(--raised-line);
                    height: 1px;
                    position: absolute;
                }
            }

            & tbody tr:last-child > :not(.compare-table-featured) {
                border-bottom: 1px solid var(--compare-line);
            }

            & tfoot td {
                padding: 0.5rem var(--compare-pad) var(--raised-lift);
                align-self: center;
            }

            & tfoot td:first-child:not(.compare-table-featured) {
                padding-inline: 0;
            }

            & tfoot td.compare-table-featured {
                align-self: stretch;
            }

            & tfoot .compare-table-note {
                max-width: 20rem;
            }

            &[data-anim]:before {
                opacity: 0;
                transition:
                    opacity 0.9s var(--ease-out),
                    translate 1.1s var(--ease-out);
                translate: 0 2.5rem;
            }

            &[data-anim].visible:before {
                opacity: 1;
                translate: 0;
            }
        }
    }

    @media (width >= 1024px) {
        .compare-table {
            --compare-cols: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr);
            font-size: 1.125rem;

            & tbody :is(th, td) {
                padding-block: 1.5rem;
            }
        }
    }

    @media (prefers-reduced-motion: reduce), (scripting: none) {
        .compare-table[data-anim]:before {
            opacity: 1;
            transition: none;
            translate: none;
        }
    }

    .plan-compare-scroll {
        padding: 0.5rem 0.5rem 3rem;
        overflow-x: auto;
    }

    @media (width >= 900px) {
        .plan-compare-scroll {
            padding: 0;
            overflow: visible;
        }
    }

    .plan-compare {
        --pc-head: 8.5rem;
        --pc-row: 3.5rem;
        --pc-cta: 5rem;
        grid-template-columns: minmax(150px, 1.1fr) repeat(3, minmax(160px, 1fr));
        align-items: start;
        min-width: 760px;
        padding-block: 1.25rem;
        display: grid;
    }

    .plan-compare-labels {
        flex-direction: column;
        padding-right: 1.5rem;
        display: flex;
    }

    .plan-compare-labels-head {
        height: var(--pc-head);
        font-size: var(--text-xs);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wide);
        color: var(--color-text-muted);
        align-items: flex-end;
        padding-bottom: 1.25rem;
        font-weight: 700;
        display: flex;
    }

    .plan-compare-label {
        height: var(--pc-row);
        font-size: var(--text-sm);
        color: var(--color-text);
        border-top: 1px solid var(--color-border);
        align-items: center;
        font-weight: 600;
        display: flex;
    }

    .plan-compare-foot {
        height: var(--pc-cta);
    }

    .plan-compare-card {
        background: var(--color-bg-soft);
        border-radius: var(--radius-lg);
        flex-direction: column;
        padding-inline: 1.5rem;
        display: flex;
        position: relative;
    }

    .plan-compare-head {
        height: var(--pc-head);
        text-align: center;
        flex-direction: column;
        justify-content: center;
        gap: 0.4rem;
        display: flex;
    }

    .plan-compare-name {
        font-size: var(--text-lg);
        color: var(--color-text);
        font-weight: 700;
    }

    .plan-compare-price {
        font-size: var(--text-3xl);
        letter-spacing: -0.035em;
        color: var(--color-text);
        font-variant-numeric: tabular-nums;
        font-weight: 700;
    }

    .plan-compare-price small {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        font-weight: 500;
    }

    .plan-compare-cell {
        height: var(--pc-row);
        font-size: var(--text-sm);
        color: var(--color-text);
        border-top: 1px solid var(--color-border);
        justify-content: center;
        align-items: center;
        font-weight: 500;
        display: flex;
    }

    .plan-compare-cta {
        height: var(--pc-cta);
        align-items: center;
        display: flex;
    }

    .plan-compare-card--featured {
        background: var(--color-bg);
        box-shadow: var(--shadow-lg);
        z-index: 1;
    }

    .plan-compare-card--featured:before {
        content: '';
        border-radius: inherit;
        background: linear-gradient(
            150deg,
            var(--color-primary-300),
            var(--color-primary) 50%,
            var(--color-primary-800)
        );
        pointer-events: none;
        padding: 2px;
        position: absolute;
        inset: 0;
        mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
        mask-position:
            0 0,
            0 0;
        mask-size: auto, auto;
        mask-repeat: repeat, repeat;
        mask-clip: content-box, border-box;
        mask-origin: content-box, border-box;
        mask-composite: exclude;
        mask-mode: match-source, match-source;
    }

    .plan-compare-card--featured .plan-compare-price {
        color: var(--color-primary-ink);
    }

    .plan-compare-card--featured .plan-compare-cell {
        border-top-color: var(--color-border-soft);
    }

    .plan-compare-pop {
        background: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));
        color: var(--color-on-primary);
        font-size: var(--text-xs);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wide);
        border-radius: var(--radius-pill);
        white-space: nowrap;
        box-shadow: var(--shadow-sm);
        z-index: 2;
        padding: 0.3rem 0.875rem;
        font-weight: 700;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .price-list {
        grid-template-columns: 1fr;
        column-gap: 3.5rem;
        display: grid;
    }

    @media (width >= 768px) {
        .price-list {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .price-list-item {
        border-bottom: 1px dashed var(--color-border);
        align-items: flex-start;
        gap: 1.25rem;
        padding-block: 1.25rem;
        display: flex;
    }

    .price-list-media {
        flex-shrink: 0;
        width: 4.5rem;
        height: 4.5rem;
        position: relative;
    }

    .price-list-media img {
        border-radius: var(--radius-full);
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .price-list-badge {
        border-radius: var(--radius-pill);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wide);
        color: #fff;
        box-shadow: var(--shadow-sm);
        padding: 0.15rem 0.5rem;
        font-size: 0.625rem;
        font-weight: 700;
        line-height: 1;
        position: absolute;
        top: -0.25rem;
        left: -0.25rem;
    }

    .price-list-badge--new {
        background: var(--color-success);
    }

    .price-list-badge--hot {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }

    .price-list-info {
        flex: 1;
        min-width: 0;
    }

    .price-list-head {
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        display: flex;
    }

    .price-list-name {
        font-size: var(--text-lg);
        color: var(--color-text);
        font-weight: 700;
    }

    .price-list-tag {
        border-radius: var(--radius-pill);
        background: var(--color-primary-50);
        color: var(--color-primary-ink);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wide);
        align-items: center;
        gap: 0.25rem;
        padding: 0.2rem 0.55rem;
        font-size: 0.6875rem;
        font-weight: 600;
        display: inline-flex;
    }

    .price-list-tag--accent {
        background: var(--color-accent-50);
        color: var(--color-accent-ink);
    }

    .price-list-desc {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.25rem;
    }

    .price-list-price {
        font-size: var(--text-xl);
        color: var(--color-text);
        letter-spacing: var(--tracking-tight);
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        flex-shrink: 0;
        font-weight: 700;
    }

    .price-list-price .price-list-currency,
    .price-list-price small {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        font-weight: 600;
    }

    .price-list-price .price-list-currency {
        vertical-align: 0.35em;
        margin-right: 0.1rem;
    }

    .dark-section .pricing-card {
        background: oklch(from var(--on-surface, #fff) l c h / 0.04);
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.1);
    }

    .dark-section .pricing-plan,
    .dark-section .pricing-amount,
    .dark-section .pricing-currency,
    .dark-section .pricing-feature {
        color: var(--on-surface, #fff);
    }

    .dark-section .pricing-desc,
    .dark-section .pricing-period {
        color: oklch(from var(--on-surface, #fff) l c h / 0.6);
    }

    .dark-section .pricing-feature--muted {
        color: oklch(from var(--on-surface, #fff) l c h / 0.4);
    }

    .dark-section .pricing-divider {
        background: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .dark-section .pricing-feature-icon {
        background: oklch(from var(--on-surface, #fff) l c h / 0.1);
    }

    .dark-section .pricing-card--featured {
        background: oklch(from var(--on-surface, #fff) l c h / 0.06);
        background-image: linear-gradient(180deg, var(--pricing-accent) 0%, transparent 11rem);

        @supports (color: color-mix(in lab, red, red)) {
            background-image: linear-gradient(
                180deg,
                color-mix(in srgb, var(--pricing-accent) 22%, transparent) 0%,
                transparent 11rem
            );
        }

        border-color: var(--pricing-accent);
        box-shadow:
            0 0 0 1px var(--pricing-accent),
            0 24px 56px var(--pricing-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--pricing-accent),
                0 24px 56px color-mix(in srgb, var(--pricing-accent) 35%, transparent);
        }
    }

    .dark-section .pricing-billing {
        background: oklch(from var(--on-surface, #fff) l c h / 0.06);
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    .dark-section .pricing-billing-label.is-active {
        color: var(--on-surface, #fff);
    }

    .dark-section .pricing-table th,
    .dark-section .pricing-table td {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
    }

    .dark-section .pricing-table-featured {
        background: oklch(from var(--on-surface, #fff) l c h / 0.06);
    }

    :is(.dark-section, .section-dark, .bg-dark) :is(.pricing-table--raised, .compare-table) {
        --raised-bg: var(--color-primary);
        --raised-on: var(--color-on-primary);
        --raised-line: oklch(from var(--raised-on) l c h / 0.2);
        --raised-check: oklch(from var(--raised-on) l c h / 0.18);
        --raised-check-on: var(--raised-on);
    }

    :is(.dark-section, .section-dark, .bg-dark) .compare-table {
        --compare-text: var(--on-surface, white);
        --compare-soft: oklch(from var(--on-surface, white) l c h / 0.7);
        --compare-line: oklch(from var(--on-surface, white) l c h / 0.14);
        --compare-tint: oklch(from var(--on-surface, white) l c h / 0.08);
        --compare-ground: oklch(from var(--on-surface, white) l c h / 0.1);
    }

    :is(.dark-section, .section-dark, .bg-dark) .pricing-table--raised {
        --pricing-table-ground: var(--color-dark);

        & :is(th, td) {
            border-color: oklch(from var(--on-surface, white) l c h / 0.14);
        }

        & tbody th,
        & .pricing-table-plan,
        & .pricing-table-cost strong {
            color: var(--on-surface, white);
        }

        & tbody td,
        & .pricing-table-cost,
        & .pricing-table-group th,
        & .pricing-table-hint {
            color: oklch(from var(--on-surface, white) l c h / 0.7);
        }

        & .pricing-table-check {
            color: var(--on-surface, white);
            background: oklch(from var(--on-surface, white) l c h / 0.1);
        }

        & .pricing-table-dash {
            color: oklch(from var(--on-surface, white) l c h / 0.5);
            box-shadow: inset 0 0 0 1px oklch(from var(--on-surface, white) l c h / 0.2);
        }

        & tbody tr:hover > :not(.pricing-table-featured) {
            background: oklch(from var(--on-surface, white) l c h / 0.04);
        }

        & tbody tr.pricing-table-group:hover > :not(.pricing-table-featured) {
            background: none;
        }

        & .pricing-table-featured {
            color: oklch(from var(--raised-on) l c h / 0.85);
            background: var(--raised-bg);
            border-bottom-color: var(--raised-line);

            & .pricing-table-plan,
            & .pricing-table-cost strong {
                color: var(--raised-on);
            }

            & .pricing-table-cost {
                color: oklch(from var(--raised-on) l c h / 0.72);
            }

            & .pricing-table-pop {
                color: var(--raised-on);
                background: oklch(from var(--raised-on) l c h / 0.18);
            }

            & .pricing-table-check {
                color: var(--raised-check-on);
                background: var(--raised-check);
            }

            & .pricing-table-dash {
                color: oklch(from var(--raised-on) l c h / 0.6);
                box-shadow: inset 0 0 0 1px oklch(from var(--raised-on) l c h / 0.25);
            }
        }
    }

    .modal {
        --modal-accent: var(--color-primary);
        --modal-accent-soft: var(--color-primary-50);
        --modal-accent-ink: var(--color-primary-ink);
        width: fit-content;
        max-width: none;
        height: fit-content;
        max-height: none;
        color: inherit;
        z-index: var(--z-modal);
        opacity: 0;
        transition:
            opacity var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out),
            overlay var(--duration-base) var(--ease-out) allow-discrete,
            display var(--duration-base) var(--ease-out) allow-discrete;
        background: none;
        border: none;
        margin: auto;
        padding: 0;
        position: fixed;
        inset: 0;
        overflow: visible;
        transform: translateY(0.75rem) scale(0.96);
    }

    .modal[open] {
        opacity: 1;
        transform: none;
    }

    @starting-style {
        .modal[open] {
            opacity: 0;
            transform: translateY(0.75rem) scale(0.96);
        }
    }

    .modal::backdrop {
        background: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in srgb,
                color-mix(in srgb, var(--color-dark) 78%, var(--color-primary-950)) 55%,
                transparent
            );
        }

        -webkit-backdrop-filter: blur(8px) saturate(1.15);
        backdrop-filter: blur(8px) saturate(1.15);
        opacity: 0;
        transition:
            opacity var(--duration-base) var(--ease-out),
            overlay var(--duration-base) var(--ease-out) allow-discrete,
            display var(--duration-base) var(--ease-out) allow-discrete;
    }

    .modal[open]::backdrop {
        opacity: 1;
    }

    @starting-style {
        .modal[open]::backdrop {
            opacity: 0;
        }
    }

    .modal-dialog {
        width: min(92vw, 32rem);
    }

    .modal-content {
        background: var(--color-bg);
        max-height: 90dvh;
        color: var(--color-text);
        border-radius: var(--radius-xl);
        flex-direction: column;
        display: flex;
        overflow: hidden;
        box-shadow:
            0 0 0 1px #0f172a0f,
            0 2px 6px #0f172a0d,
            0 32px 64px -12px #0f172a4d;
    }

    .modal-header {
        border-bottom: 1px solid var(--color-border-soft);
        flex-shrink: 0;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        padding: 1.125rem 1.25rem 1.125rem 1.75rem;
        display: flex;
    }

    .modal-title {
        font-family: var(--font-heading);
        font-size: var(--text-lg);
        letter-spacing: -0.015em;
        font-weight: 600;
        line-height: var(--leading-snug);
        color: var(--color-text);
        text-wrap: balance;
        margin: 0;
    }

    .modal-close {
        background: var(--color-bg-soft);
        border: 1px solid var(--color-border-soft);
        border-radius: var(--radius-full);
        cursor: pointer;
        width: 2.5rem;
        height: 2.5rem;
        color: var(--color-text-soft);
        transition:
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        padding: 0;
        font-size: 1.125rem;
        line-height: 1;
        display: inline-flex;

        & > i {
            transition: rotate var(--duration-base) var(--ease-out);
        }

        &:hover {
            background: var(--color-bg);
            border-color: var(--color-border);
            color: var(--color-text);
            box-shadow: 0 4px 12px #0f172a14;
        }

        &:hover > .ph-x {
            rotate: 90deg;
        }

        &:focus-visible {
            border-color: var(--modal-accent);
            box-shadow: 0 0 0 4px var(--modal-accent);
            outline: none;

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 0 0 4px color-mix(in srgb, var(--modal-accent) 18%, transparent);
            }
        }
    }

    .modal-body {
        color: var(--color-text-soft);
        font-size: var(--text-base);
        line-height: var(--leading-normal);
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: var(--color-text) transparent;
        flex: auto;
        padding: 1.5rem 1.75rem;
        overflow-y: auto;

        @supports (color: color-mix(in lab, red, red)) {
            scrollbar-color: color-mix(in srgb, var(--color-text) 18%, transparent) transparent;
        }
    }

    .modal-footer {
        border-top: 1px solid var(--color-border-soft);
        flex-wrap: wrap;
        flex-shrink: 0;
        justify-content: flex-end;
        align-items: center;
        gap: 0.75rem;
        padding: 1rem 1.75rem 1.5rem;
        display: flex;
    }

    @media (width <= 480px) {
        .modal-footer {
            flex-direction: column-reverse;
            align-items: stretch;
        }

        .modal-footer > * {
            width: 100%;
        }

        .modal-header {
            padding-left: 1.5rem;
        }

        .modal-body,
        .modal-footer {
            padding-inline: 1.5rem;
        }
    }

    .modal-icon {
        background: var(--color-bg-soft);
        border-radius: var(--radius-full);
        width: 4.5rem;
        height: 4.5rem;
        box-shadow: 0 0 0 8px var(--modal-accent-soft);
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        margin-bottom: 1.5rem;
        display: inline-flex;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 8px color-mix(in srgb, var(--modal-accent-soft) 55%, transparent);
        }

        color: var(--color-text-soft);
        font-size: 1.875rem;
        line-height: 1;
    }

    .modal-body--center {
        text-align: center;
        flex-direction: column;
        align-items: center;
        display: flex;
    }

    .modal-body--center + .modal-footer {
        justify-content: center;
    }

    .modal--sm .modal-dialog {
        width: min(92vw, 24rem);
    }

    .modal--lg .modal-dialog {
        width: min(92vw, 48rem);
    }

    .modal--xl .modal-dialog {
        width: min(94vw, 64rem);
    }

    .modal--fullscreen .modal-dialog {
        width: 100vw;
        height: 100dvh;
    }

    .modal--fullscreen .modal-content {
        border-radius: 0;
        height: 100%;
        max-height: none;
    }

    .modal--fullscreen .modal-body {
        flex: auto;
    }

    .modal--primary {
        --modal-accent: var(--color-primary);
        --modal-accent-soft: var(--color-primary-50);
        --modal-accent-ink: var(--color-primary-ink);
    }

    .modal--secondary {
        --modal-accent: var(--color-secondary);
        --modal-accent-soft: var(--color-secondary-50);
        --modal-accent-ink: var(--color-secondary-ink);
    }

    .modal--tertiary {
        --modal-accent: var(--color-tertiary);
        --modal-accent-soft: var(--color-tertiary-50);
        --modal-accent-ink: var(--color-tertiary-ink);
    }

    .modal--quaternary {
        --modal-accent: var(--color-quaternary);
        --modal-accent-soft: var(--color-quaternary-50);
        --modal-accent-ink: var(--color-quaternary-ink);
    }

    .modal--accent {
        --modal-accent: var(--color-accent);
        --modal-accent-soft: var(--color-accent-50);
        --modal-accent-ink: var(--color-accent-ink);
    }

    .modal--dark {
        --modal-accent: var(--color-dark);
        --modal-accent-soft: var(--color-bg-muted);
        --modal-accent-ink: var(--color-dark);
    }

    .modal--primary,
    .modal--secondary,
    .modal--tertiary,
    .modal--quaternary,
    .modal--accent,
    .modal--dark {
        & .modal-header {
            background: linear-gradient(180deg, var(--modal-accent-soft), var(--modal-accent-soft));

            @supports (color: color-mix(in lab, red, red)) {
                background: linear-gradient(
                    180deg,
                    var(--modal-accent-soft),
                    color-mix(in srgb, var(--modal-accent-soft) 40%, var(--color-bg))
                );
            }

            border-bottom-color: var(--modal-accent);

            @supports (color: color-mix(in lab, red, red)) {
                border-bottom-color: color-mix(
                    in srgb,
                    var(--modal-accent) 14%,
                    var(--color-border-soft)
                );
            }
        }

        & .modal-close {
            background: var(--color-bg);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-bg) 75%, transparent);
            }

            border-color: var(--modal-accent);

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in srgb, var(--modal-accent) 12%, transparent);
            }
        }

        & .modal-title {
            color: var(--modal-accent-ink, var(--modal-accent));
        }

        & .modal-icon {
            background: var(--modal-accent-soft);
            color: var(--modal-accent-ink, var(--modal-accent));
        }
    }

    .modal--top {
        margin-top: 2.5rem;
        margin-bottom: auto;
    }

    .modal--top:not([data-anim]) {
        transform: translateY(-24px);
    }

    .modal--top:not([data-anim])[open] {
        transform: none;
    }

    @starting-style {
        .modal--top:not([data-anim])[open] {
            transform: translateY(-24px);
        }
    }

    .modal--bottom {
        width: 100%;
        margin-top: auto;
        margin-bottom: 0;
    }

    .modal--bottom .modal-dialog {
        width: 100%;
    }

    .modal--bottom .modal-content {
        border-radius: var(--radius-xl) var(--radius-xl) 0 0;
        max-height: 85dvh;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        position: relative;
    }

    .modal--bottom .modal-content:before {
        content: '';
        border-radius: var(--radius-pill);
        background: var(--color-border);
        width: 2.5rem;
        height: 0.25rem;
        margin-left: -1.25rem;
        position: absolute;
        top: 0.5rem;
        left: 50%;
    }

    .modal--bottom .modal-header {
        padding-top: 1.625rem;
    }

    @media (width >= 768px) {
        .modal--bottom .modal-dialog {
            width: min(100%, 40rem);
            margin-inline: auto;
        }
    }

    .modal--bottom:not([data-anim]) {
        transform: translateY(100%);
    }

    .modal--bottom:not([data-anim])[open] {
        transform: none;
    }

    @starting-style {
        .modal--bottom:not([data-anim])[open] {
            transform: translateY(100%);
        }
    }

    .modal--left,
    .modal--right {
        height: 100dvh;
        margin: 0;
    }

    .modal--left {
        margin-right: auto;
    }

    .modal--right {
        margin-left: auto;
    }

    .modal--left .modal-dialog,
    .modal--right .modal-dialog {
        width: min(92vw, 24rem);
        height: 100%;
    }

    .modal--left .modal-content,
    .modal--right .modal-content {
        border-radius: 0;
        height: 100%;
        max-height: none;
    }

    .modal--left .modal-body,
    .modal--right .modal-body {
        flex: auto;
    }

    .modal--left .modal-content {
        border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
    }

    .modal--right .modal-content {
        border-radius: var(--radius-xl) 0 0 var(--radius-xl);
    }

    .modal--left:not([data-anim]) {
        transform: translateX(-100%);
    }

    .modal--left:not([data-anim])[open] {
        transform: none;
    }

    @starting-style {
        .modal--left:not([data-anim])[open] {
            transform: translateX(-100%);
        }
    }

    .modal--right:not([data-anim]) {
        transform: translateX(100%);
    }

    .modal--right:not([data-anim])[open] {
        transform: none;
    }

    @starting-style {
        .modal--right:not([data-anim])[open] {
            transform: translateX(100%);
        }
    }

    .modal[data-anim='zoom'] {
        transform: translateY(0.75rem) scale(0.96);
    }

    .modal[data-anim='zoom'][open] {
        transform: none;
    }

    @starting-style {
        .modal[data-anim='zoom'][open] {
            transform: translateY(0.75rem) scale(0.96);
        }
    }

    .modal[data-anim='fade'],
    .modal[data-anim='fade'][open] {
        transform: none;
    }

    @starting-style {
        .modal[data-anim='fade'][open] {
            transform: none;
        }
    }

    .modal[data-anim='slide-up'] {
        transform: translateY(24px);
    }

    .modal[data-anim='slide-up'][open] {
        transform: none;
    }

    @starting-style {
        .modal[data-anim='slide-up'][open] {
            transform: translateY(24px);
        }
    }

    .modal[data-anim='slide-down'] {
        transform: translateY(-24px);
    }

    .modal[data-anim='slide-down'][open] {
        transform: none;
    }

    @starting-style {
        .modal[data-anim='slide-down'][open] {
            transform: translateY(-24px);
        }
    }

    .modal[data-anim='slide-left'] {
        transform: translateX(24px);
    }

    .modal[data-anim='slide-left'][open] {
        transform: none;
    }

    @starting-style {
        .modal[data-anim='slide-left'][open] {
            transform: translateX(24px);
        }
    }

    .modal[data-anim='slide-right'] {
        transform: translateX(-24px);
    }

    .modal[data-anim='slide-right'][open] {
        transform: none;
    }

    @starting-style {
        .modal[data-anim='slide-right'][open] {
            transform: translateX(-24px);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .modal,
        .modal[data-anim],
        .modal--top:not([data-anim]),
        .modal--bottom:not([data-anim]),
        .modal--left:not([data-anim]),
        .modal--right:not([data-anim]) {
            transition:
                overlay var(--duration-fast) allow-discrete,
                display var(--duration-fast) allow-discrete;
            transform: none;
        }

        .modal[open],
        .modal[data-anim][open] {
            transform: none;
        }

        .modal::backdrop {
            transition:
                overlay var(--duration-fast) allow-discrete,
                display var(--duration-fast) allow-discrete;
        }
    }

    .testimonial {
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-card);
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        flex-direction: column;
        display: flex;
        overflow: hidden;
    }

    .testimonial-body {
        flex-direction: column;
        flex: 1;
        padding: 2rem;
        display: flex;
    }

    .testimonial-title {
        font-size: var(--text-lg);
        color: var(--color-text);
        margin-bottom: 1rem;
        font-weight: 700;
        line-height: 1.3;
    }

    .testimonial-rating {
        color: var(--color-warning);
        gap: 0.15rem;
        margin-bottom: 0.75rem;
        font-size: 0.85rem;
        display: flex;
    }

    .testimonial-quote-mark {
        font-size: 5.5rem;
        line-height: 0.5;
        font-family: var(--font-serif);
        color: var(--color-primary-ink);
        opacity: 0.28;
        -webkit-user-select: none;
        user-select: none;
        margin-top: 0.75rem;
        margin-bottom: -0.75rem;
        display: block;
    }

    .testimonial-quote {
        color: var(--color-text-soft);
        font-size: var(--text-base);
        line-height: var(--leading-relaxed);
        text-wrap: pretty;
        flex: 1;
        margin: 0;
        font-style: italic;
    }

    .testimonial-quote-quoted:before {
        content: '“ ';
    }

    .testimonial-quote-quoted:after {
        content: ' ”';
    }

    .testimonial-quote-quoted:before,
    .testimonial-quote-quoted:after {
        color: var(--color-text-muted);
    }

    .testimonial-footer {
        border-top: 1px solid var(--color-border);
        align-items: center;
        gap: 0.875rem;
        margin-top: 1.25rem;
        padding-top: 1.25rem;
        display: flex;
    }

    .testimonial-footer-info {
        flex: 1;
    }

    .testimonial-avatar {
        border-radius: var(--radius-full);
        object-fit: cover;
        flex-shrink: 0;
        width: 3rem;
        height: 3rem;
    }

    .testimonial-avatar-lg {
        width: 4rem;
        height: 4rem;
    }

    .testimonial-rating-neutral {
        color: var(--color-text);
    }

    .testimonial-name {
        font-weight: 600;
        font-size: var(--text-base);
        color: var(--color-text);
        letter-spacing: -0.01em;
        line-height: 1.3;
    }

    .testimonial-role {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        margin-top: 0.125rem;
    }

    .testimonial-logo {
        opacity: 0.6;
        filter: grayscale();
        width: auto;
        max-height: 1.75rem;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            filter var(--duration-fast) var(--ease-out);

        &:hover {
            opacity: 1;
            filter: grayscale(0);
        }
    }

    .testimonial-shadow {
        box-shadow: var(--shadow-md);
        border-color: #0000;
    }

    .testimonial-soft {
        background: var(--color-bg-soft);
        border-color: #0000;
    }

    .testimonial-soft .testimonial-footer {
        border-top: none;
        padding-top: 0;
    }

    .testimonial-horizontal > .testimonial-body {
        flex-direction: row;
        align-items: flex-start;
        gap: 1.25rem;
    }

    .testimonial-horizontal .testimonial-body-left {
        flex-direction: column;
        flex-shrink: 0;
        align-items: center;
        gap: 0.5rem;
        padding-top: 0.25rem;
        display: flex;
    }

    .testimonial-horizontal .testimonial-body-content {
        flex-direction: column;
        flex: 1;
        display: flex;
    }

    .testimonial-horizontal .testimonial-footer {
        margin-top: 0.875rem;
        padding-top: 0.875rem;
    }

    .testimonial-centered > .testimonial-body {
        text-align: center;
        align-items: center;
    }

    .testimonial-centered .testimonial-rating {
        justify-content: center;
    }

    .testimonial-centered .testimonial-footer {
        flex-direction: column;
        gap: 0.5rem;
    }

    .testimonial-centered .testimonial-footer-info {
        text-align: center;
    }

    .testimonial-hover {
        cursor: pointer;

        &:hover {
            box-shadow: var(--shadow-lg);
            border-color: #0000;
            transform: translateY(-4px);
        }
    }

    .testimonial-hover-shadow {
        cursor: pointer;

        &:hover {
            box-shadow: var(--shadow-lg);
        }
    }

    .testimonial-hover-border {
        cursor: pointer;

        &:hover {
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px var(--color-primary-50);
        }
    }

    .testimonial-filled {
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
        background: var(--color-primary);
        border-color: #0000;
    }

    .testimonial-filled-secondary {
        --color-white: var(--color-on-secondary);
        --on-surface: var(--color-on-secondary);
        background: var(--color-secondary);
        border-color: #0000;
    }

    .testimonial-filled-tertiary {
        --color-white: var(--color-on-tertiary);
        --on-surface: var(--color-on-tertiary);
        background: var(--color-tertiary);
        border-color: #0000;
    }

    .testimonial-filled-quaternary {
        --color-white: var(--color-on-quaternary);
        --on-surface: var(--color-on-quaternary);
        background: var(--color-quaternary);
        border-color: #0000;
    }

    .testimonial-filled-accent {
        --color-white: var(--color-on-accent);
        --on-surface: var(--color-on-accent);
        background: var(--color-accent);
        border-color: #0000;
    }

    .testimonial-filled-dark {
        --color-white: #fff;
        --on-surface: #fff;
        background: var(--color-dark);
        border-color: #0000;
    }

    [class*='testimonial-filled'] .testimonial-quote {
        color: oklch(from var(--on-surface, #fff) l c h / 0.85);
    }

    [class*='testimonial-filled'] .testimonial-name {
        color: var(--on-surface, #fff);
    }

    [class*='testimonial-filled'] .testimonial-role {
        color: oklch(from var(--on-surface, #fff) l c h / 0.65);
    }

    [class*='testimonial-filled'] .testimonial-quote-mark {
        color: var(--on-surface, #fff);
        opacity: 0.2;
    }

    [class*='testimonial-filled'] .testimonial-footer {
        border-top-color: oklch(from var(--on-surface, #fff) l c h / 0.15);
    }

    [class*='testimonial-filled'] .testimonial-rating {
        color: var(--on-surface, #fff);
    }

    .testimonial-border-top {
        box-shadow: inset 0 3px 0 0 var(--color-primary);
    }

    .testimonial-border-top-secondary {
        box-shadow: inset 0 3px 0 0 var(--color-secondary);
    }

    .testimonial-border-top-tertiary {
        box-shadow: inset 0 3px 0 0 var(--color-tertiary);
    }

    .testimonial-border-top-quaternary {
        box-shadow: inset 0 3px 0 0 var(--color-quaternary);
    }

    .testimonial-border-top-accent {
        box-shadow: inset 0 3px 0 0 var(--color-accent);
    }

    .testimonial-border-top-dark {
        box-shadow: inset 0 3px 0 0 var(--color-dark);
    }

    .testimonial-border-left {
        box-shadow: inset 4px 0 0 0 var(--color-primary);
    }

    .testimonial-border-left-secondary {
        box-shadow: inset 4px 0 0 0 var(--color-secondary);
    }

    .testimonial-border-left-tertiary {
        box-shadow: inset 4px 0 0 0 var(--color-tertiary);
    }

    .testimonial-border-left-quaternary {
        box-shadow: inset 4px 0 0 0 var(--color-quaternary);
    }

    .testimonial-border-left-accent {
        box-shadow: inset 4px 0 0 0 var(--color-accent);
    }

    .testimonial-border-left-dark {
        box-shadow: inset 4px 0 0 0 var(--color-dark);
    }

    [class*='testimonial-border-top'] .testimonial-quote-mark,
    [class*='testimonial-border-left'] .testimonial-quote-mark {
        color: var(--color-primary-ink);
        opacity: 0.8;
    }

    .testimonial-border-top-secondary .testimonial-quote-mark,
    .testimonial-border-left-secondary .testimonial-quote-mark {
        color: var(--color-secondary-ink);
    }

    .testimonial-border-top-tertiary .testimonial-quote-mark,
    .testimonial-border-left-tertiary .testimonial-quote-mark {
        color: var(--color-tertiary-ink);
    }

    .testimonial-border-top-quaternary .testimonial-quote-mark,
    .testimonial-border-left-quaternary .testimonial-quote-mark {
        color: var(--color-quaternary-ink);
    }

    .testimonial-border-top-accent .testimonial-quote-mark,
    .testimonial-border-left-accent .testimonial-quote-mark {
        color: var(--color-accent-ink);
    }

    .testimonial-border-top-dark .testimonial-quote-mark,
    .testimonial-border-left-dark .testimonial-quote-mark {
        color: var(--color-dark);
    }

    .testimonial-bubble-wrap {
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }

    .testimonial-bubble {
        width: 100%;
        margin-bottom: 1.25rem;
        position: relative;
        overflow: visible;
    }

    .testimonial-bubble:before {
        content: '';
        border-left: 11px solid #0000;
        border-right: 11px solid #0000;
        border-top: 12px solid var(--color-border);
        width: 0;
        height: 0;
        position: absolute;
        bottom: -12px;
        left: 2rem;
    }

    .testimonial-bubble:after {
        content: '';
        border-left: 10px solid #0000;
        border-right: 10px solid #0000;
        border-top: 10px solid var(--color-bg);
        width: 0;
        height: 0;
        position: absolute;
        bottom: -10px;
        left: 2rem;
    }

    .testimonial-bubble.testimonial-soft:before,
    .testimonial-bubble.testimonial-soft:after {
        border-top-color: var(--color-bg-soft);
    }

    .testimonial-bubble.testimonial-muted:before,
    .testimonial-bubble.testimonial-muted:after {
        border-top-color: var(--color-bg-muted);
    }

    .testimonial-bubble-author {
        align-items: center;
        gap: 0.75rem;
        padding-left: 0.75rem;
        display: flex;
    }

    .testimonial-bubble.testimonial-shadow {
        box-shadow: none;
        filter: drop-shadow(0 16px 40px #00000012);
        transition:
            filter var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        border-color: #0000;
    }

    .testimonial-bubble.testimonial-shadow:before {
        display: none;
    }

    .testimonial-bubble.testimonial-shadow:after {
        content: '';
        background: var(--color-bg);
        border-bottom-right-radius: calc(4px * var(--radius-scale));
        border: 0;
        width: 18px;
        height: 18px;
        position: absolute;
        bottom: -7px;
        left: 2.25rem;
        transform: rotate(45deg);
    }

    .testimonial-bubble.testimonial-shadow.testimonial-soft:after {
        background: var(--color-bg-soft);
    }

    .testimonial-bubble.testimonial-shadow.testimonial-muted:after {
        background: var(--color-bg-muted);
    }

    .testimonial-bubble.testimonial-shadow.testimonial-hover:hover {
        box-shadow: none;
        filter: drop-shadow(0 24px 56px #00000017);
        transform: translateY(-4px);
    }

    .testimonial-social-header {
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.875rem;
        display: flex;
    }

    .testimonial-social-handle {
        font-size: var(--text-xs);
        color: var(--color-text-muted);
        margin-top: 0.1rem;
    }

    .testimonial-social-platform {
        color: var(--color-text-muted);
        flex-shrink: 0;
        margin-left: auto;
        font-size: 1.25rem;
    }

    .testimonial-social-footer {
        border-top: 1px solid var(--color-border);
        justify-content: space-between;
        align-items: center;
        margin-top: 0.875rem;
        padding-top: 0.875rem;
        display: flex;
    }

    .testimonial-social-date {
        font-size: var(--text-xs);
        color: var(--color-text-muted);
    }

    .testimonial-score-card {
        text-align: center;
        background: var(--color-bg-soft);
        border-radius: var(--radius-xl);
        border: 1px solid var(--color-border);
        padding: 2.5rem 2rem;
    }

    .testimonial-score-value {
        color: var(--color-text);
        letter-spacing: -0.05em;
        font-variant-numeric: tabular-nums;
        font-size: 5rem;
        font-weight: 700;
        line-height: 1;
    }

    .testimonial-score-stars {
        color: var(--color-warning);
        letter-spacing: 0.1em;
        margin: 0.5rem 0;
        font-size: 1.75rem;
    }

    .testimonial-score-label {
        font-size: var(--text-base);
        color: var(--color-text-muted);
        margin-bottom: 1.25rem;
    }

    .testimonial-score-platforms {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
        display: flex;
    }

    .testimonial-avatar-xl {
        width: 5rem;
        height: 5rem;
    }

    .testimonial-pill {
        border-radius: var(--radius-pill);
        background: var(--color-bg-soft);
        border: 1px solid var(--color-border);
        color: var(--color-text);
        font-size: var(--text-sm);
        font-variant-numeric: tabular-nums;
        flex-shrink: 0;
        align-items: center;
        gap: 0.35rem;
        padding: 0.3rem 0.7rem;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
    }

    .testimonial-pill i {
        color: var(--color-warning);
        font-size: 0.95em;
    }

    .testimonial-vlabel {
        writing-mode: vertical-rl;
        text-transform: uppercase;
        letter-spacing: var(--tracking-wider);
        font-size: var(--text-xs);
        color: var(--color-text);
        white-space: nowrap;
        flex-shrink: 0;
        font-weight: 700;
        transform: rotate(180deg);
    }

    .testimonial-feature-media {
        border-radius: var(--radius-2xl);
        min-height: 22rem;
        overflow: hidden;
    }

    .testimonial-feature-media img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .testimonial-feature-mark {
        font-size: 6rem;
        line-height: 0.6;
        font-family: var(--font-serif);
        color: var(--color-primary-ink);
        opacity: 0.3;
        -webkit-user-select: none;
        user-select: none;
        display: block;
    }

    .testimonial-carousel .swiper {
        padding-top: 0.5rem;
        padding-bottom: 1.75rem;
    }

    .testimonial-marquee {
        flex-direction: column;
        gap: 1.25rem;
        display: flex;
        overflow: hidden;
        mask-image: linear-gradient(to right, #0000 0, #000 8% 92%, #0000 100%);
    }

    .testimonial-marquee .marquee-wrap {
        overflow: visible;
    }

    .testimonial-marquee .marquee {
        align-items: stretch;
        gap: 1.25rem;
    }

    .testimonial-marquee .testimonial {
        flex-shrink: 0;
        width: 22rem;
    }

    .testimonial-wall {
        --wall-cols: 3;
        --wall-height: 40rem;
        --wall-gap: 1rem;
        --wall-offset: 5rem;
        --wall-fade: 14%;
        --wall-card: min(21rem, 84%);

        & .testimonial-body {
            padding: 1.5rem;
        }

        & .testimonial-quote {
            color: var(--color-text);
            font-size: 1.0625rem;
            font-style: normal;
            line-height: 1.55;

            & p {
                margin: 0;
            }
        }
    }

    @media (width < 1024px) {
        .testimonial-wall {
            gap: var(--wall-gap);
            margin-inline: calc(var(--container-x) * -1);
            padding-inline: var(--container-x);
            overscroll-behavior-x: contain;
            scroll-snap-type: x mandatory;
            scroll-padding-inline: var(--container-x);
            scrollbar-width: none;
            display: flex;
            overflow-x: auto;

            &::-webkit-scrollbar {
                display: none;
            }

            & .testimonial-wall-col,
            & .testimonial-wall-col > .marquee {
                display: contents;
            }

            & .marquee > [aria-hidden='true'] {
                display: none;
            }

            & .marquee > * {
                flex: 0 0 var(--wall-card);
                scroll-snap-align: start;
            }
        }
    }

    @media (width >= 1024px) {
        .testimonial-wall {
            grid-template-columns: repeat(var(--wall-cols), minmax(0, 1fr));
            gap: var(--wall-gap);
            height: var(--wall-height);
            mask-image: linear-gradient(
                transparent,
                black var(--wall-fade),
                black calc(100% - var(--wall-fade)),
                transparent
            );
            display: grid;
            overflow: hidden;

            & .testimonial-wall-col > .marquee {
                gap: 0;
            }

            & .marquee > * {
                margin-bottom: var(--wall-gap);
            }

            & .testimonial-wall-col:nth-child(2n) > .marquee {
                margin-top: calc(var(--wall-offset) * -1);
            }

            &:is(:hover, :focus-within) .marquee {
                animation-play-state: paused;
            }
        }
    }

    @media (width >= 1024px) and (prefers-reduced-motion: reduce) {
        .testimonial-wall {
            align-items: start;
            height: auto;
            mask-image: none;

            & .testimonial-wall-col > .marquee {
                margin-top: 0;
                animation: none;
            }

            & .marquee > [aria-hidden='true'] {
                display: none;
            }
        }
    }

    .testimonial-result {
        border-radius: var(--radius-pill);
        white-space: nowrap;
        color: var(--color-on-primary);
        background: var(--color-primary);
        font-variant-numeric: tabular-nums;
        align-self: flex-start;
        align-items: center;
        gap: 0.375rem;
        margin-top: 1rem;
        padding: 0.25rem 0.75rem 0.25rem 0.375rem;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.3;
        display: inline-flex;

        & .ph {
            aspect-ratio: 1;
            border-radius: var(--radius-full);
            background: oklch(from var(--color-on-primary) l c h / 0.22);
            place-items: center;
            width: 1.25rem;
            font-size: 0.75rem;
            display: grid;
        }
    }

    .testimonial-result--soft {
        color: var(--color-primary-ink);
        background: var(--color-primary-50);

        & .ph {
            background: var(--color-bg);
        }
    }

    .testimonial-picker {
        --picker-size: clamp(3.5rem, 3.2rem + 1vw, 4rem);
        --picker-gap: 1rem;
        --picker-ring: var(--color-primary);
        grid-template-columns: minmax(0, 1fr);
        row-gap: 3.5rem;
        display: grid;
    }

    .testimonial-picker-tabs {
        display: none;
    }

    .testimonial-picker-panel {
        row-gap: clamp(2rem, 1.5rem + 2vw, 3.5rem);
        margin: 0;
        display: grid;
    }

    .testimonial-picker-quote {
        max-inline-size: 58rem;
        font-family: var(--font-heading);
        letter-spacing: -0.025em;
        color: var(--color-text);
        text-indent: -0.36em;
        text-wrap: pretty;
        margin: 0;
        font-size: clamp(1.75rem, 1.1rem + 2.6vw, 3rem);
        font-weight: 400;
        line-height: 1.14;

        & p {
            line-height: inherit;
            margin: 0;
        }

        & strong {
            font-weight: 700;
        }
    }

    .testimonial-picker-by {
        min-block-size: var(--picker-size);
        align-content: center;
        justify-items: start;
        display: grid;

        & .btn-link {
            margin-block-start: 0.875rem;
            padding-inline: 0;
        }
    }

    .testimonial-picker-name {
        font-family: var(--font-heading);
        letter-spacing: -0.02em;
        color: var(--color-text);
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.25;
    }

    .testimonial-picker-role {
        color: var(--color-text-soft);
        font-size: 1.0625rem;
        line-height: 1.4;
    }

    .testimonial-picker-tab {
        inline-size: var(--picker-size);
        aspect-ratio: 1;
        border-radius: var(--radius-full);
        cursor: pointer;
        background: none;
        border: 0;
        flex: none;
        padding: 0;
        position: relative;

        & img {
            border-radius: inherit;
            object-fit: cover;
            filter: grayscale();
            opacity: 0.7;
            block-size: 100%;
            inline-size: 100%;
            transition:
                filter var(--duration-base) var(--ease-out),
                opacity var(--duration-base) var(--ease-out);
        }

        &:after {
            content: '';
            border: 2px solid var(--picker-ring);
            border-radius: inherit;
            opacity: 0;
            transition: opacity var(--duration-base) var(--ease-out);
            pointer-events: none;
            position: absolute;
            inset: calc(-0.25rem - 2px);
        }

        &:is(:hover, :focus-visible, .is-active) img {
            filter: none;
            opacity: 1;
        }

        &.is-active:after {
            opacity: 1;
        }

        &:focus-visible {
            outline: 2px solid var(--color-text);
            outline-offset: 0.5rem;
        }
    }

    @media (scripting: enabled) {
        .testimonial-picker {
            grid-template-rows: auto auto auto;
            row-gap: 0;
        }

        .testimonial-picker-tabs {
            z-index: 1;
            gap: var(--picker-gap);
            grid-area: 1 / 1;
            justify-self: start;
            margin-block-end: 2.25rem;
            display: flex;
        }

        .testimonial-picker-panel {
            grid-area: 2 / 1 / span 2 / -1;
            grid-template-rows: subgrid;
            opacity: 0;
            visibility: hidden;
            transition:
                opacity 0.5s var(--ease-out),
                visibility 0s 0.5s;

            &.is-active {
                opacity: 1;
                visibility: visible;
                transition-delay: 0.15s, 0s;
            }
        }
    }

    @media (scripting: enabled) and (width >= 768px) {
        .testimonial-picker {
            column-gap: calc(var(--picker-gap) + 0.75rem);
            grid-template-rows: auto auto;
            grid-template-columns: auto minmax(0, 1fr);
        }

        .testimonial-picker-tabs {
            grid-area: 2 / 1;
            align-self: end;
            margin-block-end: 0;
        }

        .testimonial-picker-panel {
            grid-area: 1 / 1 / span 2 / -1;
            grid-template-columns: subgrid;
        }

        .testimonial-picker-quote {
            grid-column: 1 / -1;
        }

        .testimonial-picker-by {
            grid-column: 2;
            grid-template-columns: auto auto;
            justify-content: start;
            column-gap: clamp(2rem, 1rem + 3vw, 4rem);

            & > * {
                grid-column: 1;
            }

            & .btn-link {
                grid-area: 1 / 2 / span 2;
                align-self: center;
                margin-block-start: 0;
            }
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .testimonial-picker-panel,
        .testimonial-picker-tab img,
        .testimonial-picker-tab:after {
            transition: none;
        }
    }

    :is(.dark-section, .section-dark) .testimonial-picker {
        --picker-ring: var(--on-surface, #fff);

        & .testimonial-picker-quote,
        & .testimonial-picker-name {
            color: var(--on-surface, #fff);
        }

        & .testimonial-picker-role {
            color: oklch(from var(--on-surface, #fff) l c h / 0.7);
        }

        & .testimonial-picker-tab:focus-visible {
            outline-color: var(--on-surface, #fff);
        }
    }

    .team-card {
        border-radius: var(--radius-card);
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out);
        background: none;
        flex-direction: column;
        display: flex;
        position: relative;
    }

    .team-card:is(
        .team-card--boxed,
        .team-card--cutout,
        .team-card--dark,
        .team-card--overlay,
        .team-card--ramp,
        .team-card--reveal,
        .team-card--split,
        .team-card--tile
    ) {
        overflow: hidden;
    }

    .team-card-media {
        border-radius: inherit;
        aspect-ratio: var(--team-ratio, 4 / 5);
        background: var(--color-bg-muted);
        position: relative;
        overflow: hidden;
    }

    .team-card-media img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition:
            transform var(--duration-xslow) var(--ease-out),
            filter var(--duration-slow) var(--ease-out);
    }

    .team-card:hover .team-card-media img {
        transform: scale(1.04);
    }

    .team-card-body {
        padding-top: 1.125rem;
    }

    .team-name {
        font-family: var(--font-heading);
        font-size: var(--text-xl);
        letter-spacing: var(--tracking-tight);
        text-wrap: balance;
        color: var(--color-text);
        margin: 0;
        font-weight: 700;
        line-height: 1.25;
    }

    .team-role {
        font-size: var(--text-base);
        color: var(--color-text-muted);
        margin-top: 0.35rem;
        font-weight: 500;
    }

    .team-bio {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.85rem;
        line-height: 1.7;
    }

    .team-quote {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.875rem;
        font-style: italic;
        line-height: 1.65;
    }

    .team-social {
        flex-wrap: wrap;
        gap: 0.4rem;
        margin-top: 1rem;
        display: flex;
    }

    .team-card--reveal .team-social {
        opacity: 0;
        transition:
            opacity var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        transform: translateY(6px);
    }

    .team-card--reveal:hover .team-social,
    .team-card--reveal:focus-within .team-social {
        opacity: 1;
        transform: none;
    }

    .team-card--boxed,
    .team-card--dark {
        border: 1px solid var(--color-border);
    }

    .team-card--boxed .team-card-media,
    .team-card--dark .team-card-media {
        border-radius: 0;
    }

    .team-card--boxed .team-card-body,
    .team-card--dark .team-card-body {
        padding: 1.5rem;
    }

    .team-card--boxed {
        background: var(--color-bg);
    }

    .team-card--boxed:hover {
        border-color: var(--color-border-soft);
        box-shadow: var(--shadow-lg);
        transform: translateY(-4px);
    }

    .team-card--dark {
        background: #ffffff0a;
        border-color: #ffffff1a;
    }

    .team-card--dark:hover {
        background: #ffffff12;
        border-color: #ffffff2e;
    }

    .team-card--overlay .team-card-media,
    .team-card--tile .team-card-media {
        border-radius: var(--radius-card);
    }

    .team-card--overlay,
    .team-card--tile {
        align-self: start;
    }

    .team-card--overlay .team-card-body,
    .team-card--tile .team-card-body {
        inset-inline: 0;
        z-index: 1;
        color: #fff;
        position: absolute;
        bottom: 0;
    }

    .team-card--overlay .team-card-body {
        background: linear-gradient(0deg, #000000d1 0%, #00000094 35%, #0000003d 68%, #0000 100%);
        padding: 1.5rem;
    }

    .team-card--tile .team-card-body {
        background: linear-gradient(0deg, #000000c7 0%, #00000080 34%, #0000002e 66%, #0000 88%);
        padding: 1.25rem;
    }

    .team-card--overlay .team-bio {
        -webkit-line-clamp: 3;
        max-height: 0;
        font-size: var(--text-sm);
        opacity: 0;
        transition:
            max-height var(--duration-base) var(--ease-out),
            margin-top var(--duration-base) var(--ease-out),
            opacity var(--duration-base) var(--ease-out);
        -webkit-box-orient: vertical;
        margin-top: 0;
        line-height: 1.6;
        display: -webkit-box;
        overflow: hidden;
    }

    .team-card--overlay:hover .team-bio,
    .team-card--overlay:focus-within .team-bio {
        opacity: 1;
        max-height: 6rem;
        margin-top: 0.75rem;
    }

    .team-card--tile {
        --team-ratio: 1 / 1;
    }

    .team-card--tile .team-card-media img {
        filter: grayscale();
    }

    .team-card--tile:hover .team-card-media img {
        filter: none;
    }

    .team-card--tile .team-name {
        font-size: var(--text-lg);
    }

    .team-card--split {
        flex-direction: row;
        align-items: stretch;
        gap: 1.5rem;
    }

    .team-card--split .team-card-media {
        aspect-ratio: 1;
        flex: 0 0 clamp(8rem, 34%, 14rem);
    }

    .team-card--split .team-card-body {
        flex: 1;
        align-self: center;
        padding-top: 0;
    }

    @media (width <= 480px) {
        .team-card--split {
            flex-direction: column;
            gap: 0;
        }

        .team-card--split .team-card-media {
            aspect-ratio: 4 / 3;
            flex: none;
            width: 100%;
        }

        .team-card--split .team-card-body {
            padding-top: 1.125rem;
        }
    }

    .team-card--cutout {
        border-radius: var(--radius-xl);
    }

    .team-card--cutout .team-card-media {
        isolation: isolate;
        background-color: var(--cutout-ground, var(--color-bg-soft));
        background-image: radial-gradient(
            circle at 50% var(--cutout-y, 40%),
            var(--color-primary),
            transparent var(--cutout-fade, 62%)
        );

        @supports (color: color-mix(in lab, red, red)) {
            background-image: radial-gradient(
                circle at 50% var(--cutout-y, 40%),
                color-mix(in oklch, var(--color-primary) var(--cutout-glow, 34%), transparent),
                transparent var(--cutout-fade, 62%)
            );
        }

        transition: background-color var(--duration-base) var(--ease-out);
    }

    .team-card--cutout .team-card-media img {
        height: var(--cutout-h, 90%);
        object-position: center top;
        background: none;
        position: absolute;
        inset: auto 0 0;
    }

    .team-card--cutout:hover .team-card-media img {
        transform: none;
    }

    .team-card--cutout:is(:hover, :focus-within) .team-card-media {
        background-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(
                in oklch,
                var(--color-primary) var(--cutout-wash, 14%),
                var(--cutout-ground, var(--color-bg-soft))
            );
        }
    }

    .team-card--ramp .team-card-media:before {
        content: '';
        z-index: -1;
        pointer-events: none;
        background-image: radial-gradient(
            var(--cutout-dots, var(--color-primary)) 1.25px,
            transparent 1.75px
        );
        width: 60%;
        height: 55%;
        position: absolute;
        inset: 0 0 auto auto;

        @supports (color: color-mix(in lab, red, red)) {
            background-image: radial-gradient(
                var(--cutout-dots, color-mix(in oklch, var(--color-primary) 26%, transparent))
                    1.25px,
                transparent 1.75px
            );
        }

        background-size: 14px 14px;
        mask: linear-gradient(to bottom left, #000, #0000 70%);
    }

    .team-card--cutout.team-card--boxed {
        --cutout-ground: transparent;
    }

    .team-card--cutout.team-card--boxed .team-card-body {
        padding: 1rem 1rem 1.125rem;

        @media (width >= 640px) {
            padding: 1.125rem 1.375rem 1.375rem;
        }
    }

    .team-card-tag {
        z-index: 2;
        border-radius: var(--radius-pill);
        color: var(--color-text);
        background: var(--color-surface);
        align-items: center;
        gap: 0.5rem;
        padding: 0.375rem 0.875rem 0.375rem 0.625rem;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.2;
        display: inline-flex;
        position: absolute;
        top: 1rem;
        left: 1rem;
        box-shadow: 0 0.5rem 1.25rem -0.75rem #0000004d;

        & .ph {
            color: var(--color-primary-ink);
            font-size: 1rem;
        }
    }

    .team-card-quote {
        z-index: 2;
        border-radius: var(--radius-lg);
        color: var(--color-on-dark);
        background: var(--color-dark);
        border: 0;
        margin: 0;
        padding: 1.125rem 1.25rem;
        font-style: normal;
        position: absolute;
        inset: auto 0.875rem 0.875rem;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in oklch, var(--color-dark) 88%, transparent);
        }

        transition: translate var(--duration-slow) var(--ease-out);
        translate: 0 calc(100% + 1rem);

        & p {
            letter-spacing: -0.01em;
            text-wrap: pretty;
            color: inherit;
            margin: 0;
            font-size: 1.0625rem;
            font-weight: 500;
            line-height: 1.45;
        }
    }

    .team-card:is(:hover, :focus-within) .team-card-quote {
        translate: 0;
    }

    @media (hover: none) {
        .team-card-quote {
            translate: 0;
        }
    }

    .team-chip {
        border-radius: var(--radius-pill);
        white-space: nowrap;
        color: var(--color-text);
        background: var(--color-bg-soft);
        margin-top: 0.75rem;
        padding: 0.25rem 0.75rem;
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.3;
        display: inline-flex;
    }

    .team-card--boxed .team-chip {
        background: var(--color-bg-muted);
    }

    :is(.dark-section, .section-dark, .bg-dark) .team-card--cutout {
        --cutout-ground: oklch(from var(--on-surface, white) l c h / 0.06);
        --cutout-dots: oklch(from var(--on-surface, white) l c h / 0.2);
    }

    :is(.dark-section, .section-dark, .bg-dark) .team-card--cutout.team-card--boxed {
        --cutout-ground: transparent;
    }

    :is(.dark-section, .section-dark, .bg-dark) .team-chip {
        color: var(--on-surface, white);
        background: oklch(from var(--on-surface, white) l c h / 0.1);
    }

    .team-row {
        border-bottom: 1px solid var(--color-border);
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 0.5rem 1.25rem;
        padding-block: 1.25rem;
        display: grid;
    }

    .team-row:first-child {
        border-top: 1px solid var(--color-border);
    }

    .team-row-avatar {
        object-fit: cover;
        filter: grayscale();
        width: 3.25rem;
        height: 3.25rem;
        transition: filter var(--duration-base) var(--ease-out);
        border-radius: 50%;
    }

    .team-row:hover .team-row-avatar {
        filter: none;
    }

    .team-row-main {
        min-width: 0;
    }

    .team-row-name {
        font-family: var(--font-heading);
        font-size: var(--text-lg);
        color: var(--color-text);
        margin: 0;
        font-weight: 600;
    }

    .team-row-role {
        font-size: var(--text-base);
        color: var(--color-text-muted);
    }

    .team-row-aside {
        justify-self: end;
        align-items: center;
        gap: 0.4rem;
        display: flex;
    }

    @media (width <= 640px) {
        .team-row {
            grid-template-columns: auto 1fr;
        }

        .team-row-aside {
            grid-column: 2;
            justify-self: start;
        }
    }

    :is(.dark-section, .section-dark) .team-name,
    .bg-dark .team-card--cutout .team-name,
    .team-card--dark .team-name,
    :is(.dark-section, .section-dark) .team-row-name {
        color: var(--on-surface, #fff);
    }

    .team-card--overlay .team-name,
    .team-card--tile .team-name {
        color: #fff;
    }

    :is(.dark-section, .section-dark) .team-role,
    .bg-dark .team-card--cutout .team-role,
    .team-card--dark .team-role,
    :is(.dark-section, .section-dark) .team-row-role {
        color: oklch(from var(--on-surface, #fff) l c h / 0.6);
    }

    .team-card--tile .team-role {
        color: #fff9;
    }

    .team-card--overlay .team-role {
        color: #ffffffb8;
    }

    :is(.dark-section, .section-dark) .team-bio,
    :is(.dark-section, .section-dark) .team-quote,
    .team-card--dark .team-bio,
    .team-card--dark .team-quote {
        color: oklch(from var(--on-surface, #fff) l c h / 0.75);
    }

    .team-card--overlay .team-bio,
    .team-card--overlay .team-quote {
        color: #ffffffbf;
    }

    :is(.dark-section, .section-dark) .team-row {
        border-color: oklch(from var(--on-surface, #fff) l c h / 0.12);
    }

    @media (prefers-reduced-motion: reduce) {
        .team-card,
        .team-card-media,
        .team-card-media img,
        .team-card-quote,
        .team-card--reveal .team-social {
            transition: none;
        }

        .team-card:hover .team-card-media img {
            transform: none;
        }
    }

    .form-group {
        flex-direction: column;
        display: flex;
    }

    .form-label {
        font-size: var(--text-base);
        color: var(--color-text);
        margin-bottom: 0.375rem;
        font-weight: 500;
        display: block;
    }

    .form-label .required {
        color: var(--color-danger);
        margin-left: 0.2rem;
    }

    .form-hint {
        font-size: var(--text-base);
        color: var(--color-text-muted);
        margin-top: 0.375rem;
    }

    .form-error-msg {
        font-size: var(--text-base);
        color: var(--color-danger);
        align-items: center;
        gap: 0.25rem;
        margin-top: 0.375rem;
        display: flex;
    }

    .form-success-msg {
        font-size: var(--text-base);
        color: var(--color-success);
        align-items: center;
        gap: 0.25rem;
        margin-top: 0.375rem;
        display: flex;
    }

    .form-input,
    .form-select,
    .form-textarea {
        --form-ring: var(--color-primary);
        --form-halo: 0 0 0 4px var(--form-ring);

        @supports (color: color-mix(in lab, red, red)) {
            --form-halo: 0 0 0 4px color-mix(in oklab, var(--form-ring) 16%, transparent);
        }
    }

    .form-input {
        width: 100%;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        line-height: var(--leading-normal);
        color: var(--color-text);
        background-color: var(--color-bg);
        border: 1.5px solid var(--color-border);
        border-radius: var(--radius-input);
        appearance: none;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        outline: none;
        padding: 0.75rem 1rem;
        display: block;
    }

    .form-input::placeholder,
    .form-textarea::placeholder {
        color: var(--color-text-muted);
        opacity: 1;
        transition: opacity var(--duration-fast) var(--ease-out);
    }

    .form-input:focus::placeholder,
    .form-textarea:focus::placeholder {
        opacity: 0.6;
    }

    .form-input:hover:not(:focus):not(:disabled),
    .form-textarea:hover:not(:focus):not(:disabled) {
        border-color: var(--color-quaternary-300);
    }

    .form-input:focus,
    .form-select:focus,
    .form-textarea:focus {
        border-color: var(--form-ring);
        box-shadow: var(--form-halo);
    }

    .form-input:disabled {
        background-color: var(--color-bg-soft);
        color: var(--color-text-muted);
        cursor: not-allowed;
        opacity: 0.7;
    }

    .form-input[readonly] {
        background-color: var(--color-bg-soft);
        cursor: default;
    }

    .form-input[type='file'] {
        color: var(--color-text-soft);
        cursor: pointer;
        padding: 0.4375rem 0.5rem;
    }

    .form-input[type='file']::file-selector-button {
        font: inherit;
        font-size: var(--text-sm);
        color: var(--color-primary-700);
        background-color: var(--color-primary-50);
        border-radius: calc(var(--radius-input) - 3px);
        cursor: pointer;
        transition:
            background-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        border: 0;
        margin-right: 0.875rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
    }

    .form-input[type='file']:hover::file-selector-button {
        color: var(--color-on-primary);
        background-color: var(--color-primary);
    }

    .form-input-pill[type='file']::file-selector-button {
        border-radius: var(--radius-pill);
    }

    .form-select {
        --form-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
        width: 100%;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        line-height: var(--leading-normal);
        color: var(--color-text);
        background-color: var(--color-bg);
        background-image: var(--form-caret);
        border: 1.5px solid var(--color-border);
        border-radius: var(--radius-input);
        appearance: none;
        cursor: pointer;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out);
        background-position: right 0.875rem center;
        background-repeat: no-repeat;
        background-size: 1rem;
        outline: none;
        padding: 0.75rem 2.5rem 0.75rem 1rem;
        display: block;
    }

    .form-select:is(:hover, :focus):not(:disabled) {
        --form-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
    }

    .form-select:disabled {
        background-color: var(--color-bg-soft);
        color: var(--color-text-muted);
        cursor: not-allowed;
        opacity: 0.7;
    }

    .form-select:hover:not(:focus):not(:disabled) {
        border-color: var(--color-quaternary-300);
    }

    .form-select:is([multiple], [size]:not([size='1'])) {
        cursor: default;
        background-image: none;
        padding: 0.375rem;
    }

    .form-select:is([multiple], [size]:not([size='1'])) option {
        border-radius: calc(var(--radius-input) - 4px);
        padding: 0.375rem 0.625rem;
    }

    .form-textarea {
        width: 100%;
        min-height: 7rem;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        line-height: var(--leading-normal);
        color: var(--color-text);
        background-color: var(--color-bg);
        border: 1.5px solid var(--color-border);
        border-radius: var(--radius-input);
        resize: vertical;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        outline: none;
        padding: 0.75rem 1rem;
        display: block;
    }

    .form-textarea:disabled {
        background-color: var(--color-bg-soft);
        color: var(--color-text-muted);
        cursor: not-allowed;
        opacity: 0.7;
    }

    .form-input-sm,
    .form-select-sm {
        font-size: var(--text-sm);
        border-radius: var(--radius-xs);
        padding: 0.5rem 0.75rem;
    }

    .form-select-sm {
        background-position: right 0.5rem center;
        background-size: 0.8rem;
        padding-right: 2rem;
    }

    .form-input-lg,
    .form-select-lg {
        font-size: var(--text-base);
        border-radius: var(--radius-md);
        padding: 1rem 1.25rem;
    }

    .form-select-lg {
        background-position: right 0.875rem center;
        background-size: 1.125rem;
        padding-right: 3rem;
    }

    .form-textarea-sm {
        font-size: var(--text-sm);
        min-height: 5rem;
        padding: 0.375rem 0.625rem;
    }

    .form-textarea-lg {
        font-size: var(--text-base);
        min-height: 10rem;
        padding: 0.875rem 1.125rem;
    }

    .form-input-filled {
        background-color: var(--color-bg-soft);
        border-color: #0000;
    }

    .form-input-filled:hover:not(:focus):not(:disabled) {
        background-color: var(--color-bg-muted);
        border-color: #0000;
    }

    .form-input-filled:focus {
        background-color: var(--color-bg);
        border-color: var(--form-ring);
        box-shadow: var(--form-halo);
    }

    .form-input-shadow {
        box-shadow: var(--shadow-sm);
        border-color: #0000;
    }

    .form-input-shadow:hover:not(:focus):not(:disabled) {
        box-shadow: var(--shadow-md);
        border-color: #0000;
    }

    .form-input-shadow:focus {
        border-color: var(--color-primary);
        box-shadow: var(--shadow-sm), var(--form-halo);
    }

    .form-input-filled-border {
        background-color: var(--color-bg-soft);
    }

    .form-input-filled-border:hover:not(:focus):not(:disabled) {
        background-color: var(--color-bg-muted);
    }

    .form-input-filled-border:focus {
        background-color: var(--color-bg);
        border-color: var(--form-ring);
        box-shadow: var(--form-halo);
    }

    .form-input-underline {
        background-color: #0000;
        border-top-color: #0000;
        border-left-color: #0000;
        border-right-color: #0000;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .form-input-underline:hover:not(:focus):not(:disabled) {
        border-top-color: #0000;
        border-left-color: #0000;
        border-right-color: #0000;
    }

    .form-input-underline:focus {
        border-top-color: #0000;
        border-left-color: #0000;
        border-right-color: #0000;
        border-bottom-color: var(--color-primary);
        box-shadow: none;
    }

    .form-input-pill {
        border-radius: var(--radius-pill);
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .form-input-border-2 {
        border-width: 2px;
    }

    .form-input-border-2:focus {
        box-shadow: var(--form-halo);
    }

    .form-input-underline-2 {
        background-color: #0000;
        border-top-color: #0000;
        border-bottom-width: 2px;
        border-left-color: #0000;
        border-right-color: #0000;
        border-radius: 0;
        padding-left: 0;
    }

    .form-input-underline-2:hover:not(:focus):not(:disabled) {
        border-top-color: #0000;
        border-left-color: #0000;
        border-right-color: #0000;
    }

    .form-input-underline-2:focus {
        border-top-color: #0000;
        border-left-color: #0000;
        border-right-color: #0000;
        border-bottom-color: var(--color-primary);
        box-shadow: none;
    }

    .input-icon-wrapper {
        position: relative;
    }

    .input-icon-left,
    .input-icon-right {
        color: var(--color-text-muted);
        pointer-events: none;
        transition: color var(--duration-fast) var(--ease-out);
        font-size: 1rem;
        line-height: 1;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .input-icon-wrapper:focus-within > :is(.input-icon-left, .input-icon-right) {
        color: var(--color-primary-ink);
    }

    .input-icon-left {
        left: 1rem;
    }

    .input-icon-right {
        right: 1rem;
    }

    .form-input-icon-left {
        padding-left: 2.75rem;
    }

    .form-input-icon-right {
        padding-right: 2.75rem;
    }

    .form-password-toggle {
        border-radius: var(--radius-full);
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-text-muted);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        place-items: center;
        font-size: 1.125rem;
        display: grid;
        position: absolute;
        top: 50%;
        right: 0.5rem;
        transform: translateY(-50%);

        &:hover {
            color: var(--color-text);
            background: var(--color-bg-muted);
        }

        &:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 1px;
        }
    }

    .form-input-primary {
        --form-ring: var(--color-primary);
    }

    .form-input-secondary {
        --form-ring: var(--color-secondary);
    }

    .form-input-tertiary {
        --form-ring: var(--color-tertiary);
    }

    .form-input-quaternary {
        --form-ring: var(--color-quaternary);
    }

    .form-input-accent {
        --form-ring: var(--color-accent);
    }

    .form-input-dark {
        --form-ring: var(--color-dark);
    }

    .form-input-error,
    .form-select-error,
    .form-textarea-error {
        --form-ring: var(--color-danger);
        border-color: var(--color-danger);
    }

    .form-input-success,
    .form-select-success,
    .form-textarea-success {
        --form-ring: var(--color-success);
        border-color: var(--color-success);
    }

    .form-input-warning,
    .form-select-warning,
    .form-textarea-warning {
        --form-ring: var(--color-warning);
        border-color: var(--color-warning);
    }

    :is(.form-input-error, .form-textarea-error, .form-select-error):hover:not(:focus):not(
            :disabled
        ) {
        border-color: var(--color-danger);
    }

    :is(.form-input-success, .form-textarea-success, .form-select-success):hover:not(:focus):not(
            :disabled
        ) {
        border-color: var(--color-success);
    }

    :is(.form-input-warning, .form-textarea-warning, .form-select-warning):hover:not(:focus):not(
            :disabled
        ) {
        border-color: var(--color-warning);
    }

    .form-error-msg,
    .form-success-msg {
        animation: form-msg-in var(--duration-fast) var(--ease-out);
    }

    @keyframes form-msg-in {
        from {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    .input-group {
        align-items: stretch;
        display: flex;
    }

    .input-group .form-input {
        flex: 1;
        min-width: 0;
    }

    .input-group > :focus-within,
    .input-group > :focus {
        z-index: 1;
        position: relative;
    }

    .input-group .form-input:not(:first-child):where(:not(.sr-only:first-child + *)) {
        border-left-color: #0000;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group .form-input:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group .form-input:not(:first-child):where(:not(.sr-only:first-child + *)):focus {
        border-left-color: var(--color-primary);
    }

    .input-group .input-icon-wrapper {
        flex: 1;
        min-width: 0;
    }

    .input-group .input-icon-wrapper:not(:last-child) .form-input {
        border-right-color: #0000;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group
        .input-icon-wrapper:not(:first-child):where(:not(.sr-only:first-child + *))
        .form-input {
        border-left-color: #0000;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group .input-icon-wrapper:not(:last-child) .form-input:focus {
        border-right-color: var(--color-primary);
    }

    .input-group .btn {
        flex-shrink: 0;
    }

    .input-group:where(:has(> .form-input, > .input-icon-wrapper)) > .btn {
        border-radius: var(--radius-input);
    }

    .input-group:where(:has(> .form-input-pill, > .input-icon-wrapper > .form-input-pill)) > .btn {
        border-radius: var(--radius-pill);
    }

    .input-group .btn:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group .btn:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-addon {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        background-color: var(--color-bg-soft);
        border: 1.5px solid var(--color-border);
        white-space: nowrap;
        flex-shrink: 0;
        align-items: center;
        padding: 0 0.875rem;
        display: flex;
    }

    .input-addon:first-child {
        border-radius: var(--radius-input) 0 0 var(--radius-input);
        border-right: none;
    }

    .input-addon:last-child {
        border-radius: 0 var(--radius-input) var(--radius-input) 0;
        border-left: none;
    }

    .input-btn {
        font-size: var(--text-sm);
        color: var(--color-on-primary);
        background-color: var(--color-primary);
        border: 1.5px solid var(--color-primary);
        border-radius: 0 var(--radius-input) var(--radius-input) 0;
        cursor: pointer;
        white-space: nowrap;
        transition:
            background-color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        align-items: center;
        gap: 0.375rem;
        padding: 0 1.125rem;
        font-weight: 600;
        display: inline-flex;
    }

    .input-btn:hover {
        background-color: var(--color-primary-hover);
        border-color: var(--color-primary-hover);
    }

    .input-btn-outline {
        color: var(--color-primary-ink);
        background-color: var(--color-bg);
        border-color: var(--color-border);
    }

    .input-btn-outline:hover {
        background-color: var(--color-bg-soft);
        border-color: var(--color-primary);
        color: var(--color-primary-700);
    }

    .form-check {
        cursor: pointer;
        align-items: center;
        gap: 0.625rem;
        display: flex;
    }

    .form-check:has(.form-check-input:disabled) {
        cursor: not-allowed;
    }

    .form-check:has(.form-check-input:disabled) .form-check-label {
        color: var(--color-text-muted);
        cursor: not-allowed;
    }

    .form-check-input {
        border: 1.5px solid var(--color-text-muted);
        flex-shrink: 0;
        width: 1.125rem;
        height: 1.125rem;

        @supports (color: color-mix(in lab, red, red)) {
            border: 1.5px solid
                color-mix(in oklab, var(--color-text-muted) 55%, var(--color-border));
        }

        border-radius: calc(0.3125rem * var(--radius-scale));
        background-color: var(--color-bg);
        cursor: pointer;
        appearance: none;
        transition:
            background-color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out),
            transform 0.15s var(--ease-out);
        position: relative;
    }

    .form-check-input[type='radio'] {
        border-radius: 50%;
    }

    .form-check-input:hover:not(:disabled),
    .form-check:hover .form-check-input:not(:disabled) {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 4px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
    }

    .form-check-input:active:not(:disabled) {
        transform: scale(0.9);
    }

    .form-check-input:checked,
    .form-check-input[type='checkbox']:indeterminate {
        background-color: var(--color-primary);
        border-color: var(--color-primary);
    }

    .form-check-input[type='checkbox']:checked:after,
    .form-check-input[type='checkbox']:indeterminate:after {
        content: '';
        animation: form-check-pop 0.3s var(--ease-spring);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 0.75rem;
        position: absolute;
        inset: 0;
    }

    .form-check-input[type='checkbox']:checked:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 6l3 3 5-5'/%3E%3C/svg%3E");
    }

    .form-check-input[type='checkbox']:indeterminate:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' d='M3 6h6'/%3E%3C/svg%3E");
    }

    .form-check-input[type='radio']:checked:after {
        content: '';
        width: 0.4375rem;
        height: 0.4375rem;
        animation: form-check-pop 0.3s var(--ease-spring);
        background-color: #fff;
        border-radius: 50%;
        margin: -0.21875rem 0 0 -0.21875rem;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    @keyframes form-check-pop {
        from {
            opacity: 0;
            transform: scale(0.4);
        }
    }

    .form-check-input:focus-visible {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 4px var(--color-primary);
        outline: none;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 22%, transparent);
        }
    }

    .form-check-input[aria-invalid='true'] {
        border-color: var(--color-danger);
    }

    .form-check-input:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .form-check-label {
        font-size: var(--text-base);
        color: var(--color-text);
        cursor: pointer;
        line-height: var(--leading-snug);
    }

    .form-radio-card {
        border: 1.5px solid var(--color-border);
        border-radius: var(--radius-md);
        background-color: var(--color-bg);
        cursor: pointer;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        align-items: flex-start;
        gap: 0.75rem;
        padding: 1rem 1.125rem;
        display: flex;
    }

    .form-radio-card:hover {
        border-color: var(--color-primary-300);
        background-color: var(--color-bg-soft);
    }

    .form-radio-card:has(.form-check-input:checked) {
        border-color: var(--color-primary-ink);
        background-color: var(--color-primary-50);
        box-shadow: 0 0 0 4px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
    }

    .form-radio-card:has(.form-check-input:focus-visible) {
        box-shadow: 0 0 0 4px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 22%, transparent);
        }
    }

    .form-radio-card:has(.form-check-input:disabled) {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .form-radio-card-body {
        flex: 1;
        min-width: 0;
    }

    .form-radio-card-title {
        font-size: var(--text-base);
        color: var(--color-text);
        letter-spacing: -0.01em;
        font-weight: 600;
    }

    .form-radio-card-desc {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        margin-top: 0.125rem;
    }

    .form-toggle {
        --tg-w: 2.5rem;
        --tg-h: 1.375rem;
        --tg-pad: 0.1875rem;
        --tg-thumb: calc(var(--tg-h) - var(--tg-pad) * 2);
        --tg-stretch: 0rem;
        --tg-on: var(--color-primary);
        cursor: pointer;
        align-items: center;
        gap: 0.625rem;
        display: inline-flex;
    }

    .form-toggle:active:not(:has(> input:disabled)) {
        --tg-stretch: 0.25rem;
    }

    .form-toggle > input[type='checkbox'] {
        opacity: 0;
        pointer-events: none;
        width: 0;
        height: 0;
        position: absolute;
    }

    .form-toggle-track {
        width: var(--tg-w);
        height: var(--tg-h);
        background-color: var(--color-text-muted);
        position: relative;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-text-muted) 38%, var(--color-border));
        }

        border-radius: var(--radius-pill);
        transition:
            background-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        box-shadow: inset 0 1px 2px #0f172a14;
    }

    .form-toggle:hover > input:not(:checked):not(:disabled) ~ .form-toggle-track {
        background-color: var(--color-text-muted);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-text-muted) 55%, var(--color-border));
        }
    }

    .form-toggle > input:checked ~ .form-toggle-track {
        background-color: var(--tg-on);
    }

    .form-toggle > input:focus-visible ~ .form-toggle-track {
        box-shadow: 0 0 0 4px var(--tg-on);
        outline: none;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--tg-on) 22%, transparent);
        }
    }

    .form-toggle > input:disabled ~ .form-toggle-track {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .form-toggle:has(> input:disabled) {
        cursor: not-allowed;
    }

    .form-toggle-thumb {
        top: var(--tg-pad);
        left: var(--tg-pad);
        width: calc(var(--tg-thumb) + var(--tg-stretch));
        height: var(--tg-thumb);
        border-radius: var(--radius-pill);
        transition:
            transform 0.3s var(--ease-out),
            width 0.3s var(--ease-out);
        background-color: #fff;
        position: absolute;
        box-shadow:
            0 1px 2px #0f172a2e,
            0 2px 6px #0f172a1a;
    }

    .form-toggle > input:checked ~ .form-toggle-track .form-toggle-thumb {
        transform: translateX(
            calc(var(--tg-w) - var(--tg-thumb) - var(--tg-pad) * 2 - var(--tg-stretch))
        );
    }

    .form-toggle-label {
        font-size: var(--text-base);
        color: var(--color-text);
        -webkit-user-select: none;
        user-select: none;
    }

    .form-toggle-sm {
        --tg-w: 2rem;
        --tg-h: 1.125rem;
    }

    .form-toggle-lg {
        --tg-w: 3rem;
        --tg-h: 1.625rem;
    }

    .form-toggle-secondary {
        --tg-on: var(--color-secondary);
    }

    .form-toggle-tertiary {
        --tg-on: var(--color-tertiary);
    }

    .form-toggle-quaternary {
        --tg-on: var(--color-quaternary);
    }

    .form-toggle-accent {
        --tg-on: var(--color-accent);
    }

    .form-toggle-dark {
        --tg-on: var(--color-dark);
    }

    .file-drop-zone {
        border: 1.5px dashed var(--color-text-muted);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding: 2.5rem 2rem;
        display: flex;

        @supports (color: color-mix(in lab, red, red)) {
            border: 1.5px dashed
                color-mix(in oklab, var(--color-text-muted) 45%, var(--color-border));
        }

        border-radius: var(--radius-lg);
        background-color: var(--color-bg-soft);
        text-align: center;
        cursor: pointer;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
    }

    .file-drop-zone:hover,
    .file-drop-zone.dragover {
        border-color: var(--color-primary);
        background-color: var(--color-primary-50);
    }

    .file-drop-zone.dragover {
        box-shadow: 0 0 0 4px var(--color-primary);
        border-style: solid;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 12%, transparent);
        }
    }

    .file-drop-zone:focus-within {
        border-color: var(--color-primary);
    }

    .file-drop-zone-icon {
        color: var(--color-text-muted);
        transition:
            color var(--duration-fast) var(--ease-out),
            transform var(--duration-hover) var(--ease-lift);
        font-size: 2rem;
        line-height: 1;
    }

    .file-drop-zone:hover .file-drop-zone-icon,
    .file-drop-zone.dragover .file-drop-zone-icon {
        color: var(--color-primary-ink);
        transform: translateY(-4px);
    }

    .file-drop-zone-title {
        font-size: var(--text-base);
        color: var(--color-text);
        letter-spacing: -0.01em;
        font-weight: 600;
    }

    .file-drop-zone-hint {
        font-size: var(--text-base);
        color: var(--color-text-muted);
    }

    .tags-input-wrapper {
        border: 1.5px solid var(--color-border);
        border-radius: var(--radius-input);
        background-color: var(--color-bg);
        cursor: text;
        min-height: 3.1875rem;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        flex-wrap: wrap;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 0.75rem;
        display: flex;
    }

    .tags-input-wrapper:hover:not(:focus-within) {
        border-color: var(--color-quaternary-300);
    }

    .tags-input-wrapper:focus-within {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 4px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 16%, transparent);
        }
    }

    .tags-input-field {
        min-width: 8rem;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        color: var(--color-text);
        background: none;
        border: none;
        outline: none;
        flex: 1;
        padding: 0.125rem 0.25rem;
    }

    .tags-input-field::placeholder {
        color: var(--color-text-muted);
    }

    .tag-pill {
        background-color: var(--color-primary-50);
        color: var(--color-primary-700);
        border: 1px solid var(--color-primary-100);
        border-radius: var(--radius-pill);
        font-size: var(--text-sm);
        white-space: nowrap;
        animation: form-check-pop 0.3s var(--ease-spring);
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.375rem 0.25rem 0.625rem;
        font-weight: 500;
        line-height: 1.2;
        display: inline-flex;
    }

    .tag-pill-remove {
        width: 1.125rem;
        height: 1.125rem;
        color: var(--color-primary-400);
        cursor: pointer;
        transition:
            background-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        background: none;
        border: none;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        padding: 0;
        font-size: 0.6875rem;
        display: inline-flex;
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .tag-pill-remove {
            color: var(--color-primary-ink-400);
        }
    }

    .tag-pill-remove:hover,
    .tag-pill-remove:focus-visible {
        background-color: var(--color-primary-200);
        color: var(--color-primary-800);
        outline: none;
    }

    .form-range {
        cursor: pointer;
        width: 100%;
        height: 0.375rem;
        accent-color: var(--color-primary);
        border-radius: var(--radius-pill);
    }

    .form-range-secondary {
        accent-color: var(--color-secondary);
    }

    .form-range-tertiary {
        accent-color: var(--color-tertiary);
    }

    .form-range-accent {
        accent-color: var(--color-accent);
    }

    .range-dual {
        --from: 0%;
        --to: 100%;
        height: 1.5rem;
        position: relative;
    }

    .range-dual:before {
        content: '';
        inset-inline: 0;
        border-radius: var(--radius-pill);
        background: linear-gradient(
            to right,
            var(--color-border) var(--from),
            var(--color-primary) var(--from) var(--to),
            var(--color-border) var(--to)
        );
        height: 0.3125rem;
        position: absolute;
        top: 50%;
        translate: 0 -50%;
    }

    .range-dual-input {
        appearance: none;
        pointer-events: none;
        background: none;
        outline: none;
        width: 100%;
        height: 100%;
        margin: 0;
        position: absolute;
        inset: 0;
    }

    .range-dual-input::-webkit-slider-runnable-track {
        background: none;
        height: 100%;
    }

    .range-dual-input::-moz-range-track {
        background: none;
    }

    .range-dual-input::-webkit-slider-thumb {
        appearance: none;
        pointer-events: auto;
        background: var(--color-bg);
        border: 2px solid var(--color-primary);
        cursor: grab;
        width: 1.25rem;
        height: 1.25rem;
        transition:
            box-shadow var(--duration-fast) var(--ease-out),
            transform 0.15s var(--ease-out);
        border-radius: 50%;
        margin-top: 0.125rem;
        box-shadow: 0 2px 6px #0f172a29;
    }

    .range-dual-input::-moz-range-thumb {
        pointer-events: auto;
        background: var(--color-bg);
        border: 2px solid var(--color-primary);
        cursor: grab;
        border-radius: 50%;
        width: 1rem;
        height: 1rem;
        box-shadow: 0 2px 6px #0f172a29;
    }

    .range-dual-input:active::-webkit-slider-thumb {
        cursor: grabbing;
        transform: scale(1.1);
    }

    .range-dual-input:focus-visible::-webkit-slider-thumb {
        box-shadow: 0 0 0 5px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 5px color-mix(in oklab, var(--color-primary) 18%, transparent);
        }
    }

    .range-dual-input:focus-visible::-moz-range-thumb {
        box-shadow: 0 0 0 5px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 5px color-mix(in oklab, var(--color-primary) 18%, transparent);
        }
    }

    .qty {
        background: var(--color-bg);
        border: 1.5px solid var(--color-border);
        border-radius: var(--radius-pill);
        height: 3.25rem;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        align-items: center;
        padding: 0.25rem;
        display: inline-flex;
    }

    .qty:focus-within {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 4px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 14%, transparent);
        }
    }

    .qty-btn {
        width: 2.5rem;
        height: 100%;
        color: var(--color-text-soft);
        border-radius: var(--radius-pill);
        cursor: pointer;
        transition:
            background-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        place-items: center;
        font-size: 1rem;
        display: grid;
    }

    .qty-btn:hover:not(:disabled) {
        background: var(--color-bg-muted);
        color: var(--color-text);
    }

    .qty-btn:disabled {
        opacity: 0.35;
        cursor: not-allowed;
    }

    .qty-input {
        width: 2.5rem;
        font: inherit;
        font-variant-numeric: tabular-nums;
        text-align: center;
        color: var(--color-text);
        appearance: textfield;
        background: none;
        border: 0;
        outline: none;
        padding: 0;
        font-weight: 600;
    }

    .qty-input::-webkit-inner-spin-button,
    .qty-input::-webkit-outer-spin-button {
        appearance: none;
        margin: 0;
    }

    .qty--sm {
        height: 2.5rem;
    }

    .qty--sm .qty-btn {
        width: 2rem;
        font-size: 0.875rem;
    }

    .qty--sm .qty-input {
        width: 2rem;
        font-size: var(--text-sm);
    }

    .swatch {
        cursor: pointer;
        display: inline-grid;
        position: relative;
    }

    .swatch > input {
        opacity: 0;
        cursor: inherit;
        margin: 0;
        position: absolute;
        inset: 0;
    }

    .swatch-color {
        background: var(--swatch, var(--color-border));
        width: 2rem;
        height: 2rem;
        box-shadow:
            inset 0 0 0 1px #0f172a1f,
            0 0 0 3px var(--color-bg),
            0 0 0 4.5px transparent;
        transition:
            box-shadow var(--duration-fast) var(--ease-out),
            transform 0.2s var(--ease-spring);
        border-radius: 50%;
    }

    .swatch:hover .swatch-color {
        box-shadow:
            inset 0 0 0 1px #0f172a1f,
            0 0 0 3px var(--color-bg),
            0 0 0 4.5px var(--color-border);
    }

    .swatch > input:checked + .swatch-color {
        box-shadow:
            inset 0 0 0 1px #0f172a1f,
            0 0 0 3px var(--color-bg),
            0 0 0 4.5px var(--color-text);
    }

    .swatch > input:focus-visible + .swatch-color {
        box-shadow:
            inset 0 0 0 1px #0f172a1f,
            0 0 0 3px var(--color-bg),
            0 0 0 5px var(--color-primary);
    }

    .swatch:active .swatch-color {
        transform: scale(0.92);
    }

    .swatch--sm .swatch-color {
        width: 1.5rem;
        height: 1.5rem;
    }

    .option-pill {
        cursor: pointer;
        display: inline-flex;
        position: relative;
    }

    .option-pill > input {
        opacity: 0;
        cursor: inherit;
        margin: 0;
        position: absolute;
        inset: 0;
    }

    .option-pill > span {
        white-space: nowrap;
        color: var(--color-text-soft);
        border: 1.5px solid var(--color-border);
        border-radius: var(--radius-pill);
        transition:
            border-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.5rem;
        padding: 0.625rem 1.125rem;
        font-weight: 500;
        display: inline-flex;
    }

    .option-pill > span small {
        font-size: var(--text-xs);
        color: var(--color-text-muted);
        font-weight: 500;
    }

    .option-pill:hover > span {
        border-color: var(--color-quaternary-300);
        color: var(--color-text);
    }

    .option-pill > input:checked + span {
        border-color: var(--color-dark);
        color: var(--color-on-dark);
        background: var(--color-dark);
    }

    .option-pill > input:checked + span small {
        color: #ffffffa6;
    }

    .option-pill > input:focus-visible + span {
        box-shadow: 0 0 0 4px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-primary) 18%, transparent);
        }
    }

    .option-pill > input:disabled + span {
        color: var(--color-text-muted);
        cursor: not-allowed;
        text-decoration: line-through;
    }

    .star-input {
        border: 0;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 0.125rem;
        margin: 0;
        padding: 0;
        display: inline-flex;
    }

    .star-input > input {
        opacity: 0;
        pointer-events: none;
        width: 1px;
        height: 1px;
        position: absolute;
    }

    .star-input > label {
        color: var(--color-border);
        cursor: pointer;
        transition:
            color 0.15s var(--ease-out),
            transform 0.2s var(--ease-spring);
        font-size: 1.625rem;
        line-height: 1;
    }

    .star-input > label:hover,
    .star-input > label:hover ~ label,
    .star-input > input:checked ~ label {
        color: var(--color-warning);
    }

    .star-input:hover > input:checked ~ label:not(:hover, :hover ~ label) {
        color: var(--color-border);
    }

    .star-input > label:hover {
        transform: scale(1.15);
    }

    .star-input > input:focus-visible + label {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
        border-radius: calc(4px * var(--radius-scale));
    }

    @media (prefers-reduced-motion: reduce) {
        .form-check-input,
        .form-check-input:after,
        .form-toggle-thumb,
        .tag-pill,
        .form-error-msg,
        .form-success-msg,
        .file-drop-zone-icon {
            transition-duration: 0.01ms;
            animation: none;
        }
    }

    .img-frame {
        line-height: 0;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .img-frame img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition:
            transform var(--duration-xslow) var(--ease-out),
            filter var(--duration-xslow) var(--ease-out);
        display: block;
    }

    .img-frame-shadow {
        box-shadow: var(--shadow-md);
    }

    .img-frame-rounded {
        border-radius: var(--radius-lg);
    }

    .img-frame-circle {
        aspect-ratio: 1;
        border-radius: 50%;
    }

    .img-frame-hex {
        aspect-ratio: 1;
        clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
    }

    .img-frame-ratio-169 {
        aspect-ratio: 16 / 9;
    }

    .img-frame-ratio-43 {
        aspect-ratio: 4 / 3;
    }

    .img-frame-ratio-11 {
        aspect-ratio: 1;
    }

    .img-frame-zoom:hover img {
        transform: scale(1.06);
    }

    .img-frame-lighten {
        &:after {
            content: '';
            transition: background var(--duration-xslow) var(--ease-out);
            pointer-events: none;
            z-index: 1;
            background: #fff0;
            position: absolute;
            inset: 0;
        }

        &:hover:after {
            background: #ffffff47;
        }
    }

    .img-frame-darken {
        &:after {
            content: '';
            transition: background var(--duration-xslow) var(--ease-out);
            pointer-events: none;
            z-index: 1;
            background: none;
            position: absolute;
            inset: 0;
        }

        &:hover:after {
            background: #00000061;
        }
    }

    .img-frame-grayscale img {
        filter: grayscale();
    }

    .img-frame-grayscale:hover img {
        filter: grayscale(0);
        transform: scale(1.04);
    }

    .img-frame-overlay {
        z-index: 2;
        pointer-events: none;
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        inset: 0;
    }

    .img-frame-overlay,
    .img-frame-float,
    .img-frame-float-grad {
        --color-white: #fff;
        --on-surface: #fff;
    }

    .img-frame-overlay-fade .img-frame-overlay {
        opacity: 0;
        transition: opacity var(--duration-base) var(--ease-out);
    }

    .img-frame-overlay-fade:hover .img-frame-overlay,
    .img-frame-overlay-fade:focus-within .img-frame-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .img-frame-overlay-fade .img-frame-caption,
    .img-frame-overlay-fade .img-frame-caption-start,
    .img-frame-overlay-fade .img-frame-icons {
        transition: transform var(--duration-slow) var(--ease-out);
        transform: translateY(0.75rem);
    }

    .img-frame-overlay-fade:hover
        :is(.img-frame-caption, .img-frame-caption-start, .img-frame-icons),
    .img-frame-overlay-fade:focus-within
        :is(.img-frame-caption, .img-frame-caption-start, .img-frame-icons) {
        transform: none;
    }

    .img-frame-primary .img-frame-overlay {
        background: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-primary) 85%, transparent);
        }
    }

    .img-frame-secondary .img-frame-overlay {
        background: var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-secondary) 85%, transparent);
        }
    }

    .img-frame-tertiary .img-frame-overlay {
        background: var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-tertiary) 85%, transparent);
        }
    }

    .img-frame-quaternary .img-frame-overlay {
        background: var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-quaternary) 85%, transparent);
        }
    }

    .img-frame-accent .img-frame-overlay {
        background: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-accent) 85%, transparent);
        }
    }

    .img-frame-dark .img-frame-overlay {
        background: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-dark) 88%, transparent);
        }
    }

    .img-frame-overlay-light .img-frame-overlay {
        background: #ffffffe6;
    }

    .img-frame-overlay-dark .img-frame-overlay {
        background: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-dark) 82%, transparent);
        }
    }

    .img-frame-overlay-bottom .img-frame-overlay {
        justify-content: flex-start;
        align-items: flex-end;
    }

    .img-frame-overlay-top .img-frame-overlay {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .img-frame-overlay-muted .img-frame-overlay {
        background: #00000073;
    }

    .img-frame-overlay-grad-dark .img-frame-overlay {
        background: linear-gradient(
            to top,
            #000000e0 0%,
            #000000a8 18%,
            #00000061 38%,
            #00000024 56%,
            #0000 70%
        );
        justify-content: flex-start;
        align-items: flex-end;
    }

    .img-frame-overlay-grad-white .img-frame-overlay {
        background: linear-gradient(to top, #fffffff2 0%, #fff0 65%);
        justify-content: flex-start;
        align-items: flex-end;
    }

    .img-frame-overlay-grad-white .img-frame-title {
        color: var(--color-text);
    }

    .img-frame-overlay-grad-primary .img-frame-overlay {
        --color-white: var(--color-on-primary);
        background: linear-gradient(to top, var(--color-primary) 0%, var(--color-primary) 100%);

        @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient(
                to top,
                color-mix(in srgb, var(--color-primary) 90%, transparent) 0%,
                color-mix(in srgb, var(--color-primary) 25%, transparent) 100%
            );
        }

        justify-content: flex-start;
        align-items: flex-end;
    }

    .img-frame-overlay-grad-primary :is(.img-frame-caption, .img-frame-caption-start) {
        color: var(--color-on-primary);
    }

    .img-frame-overlay-light .img-frame-title {
        color: var(--color-text);
    }

    .img-frame-slide-light .img-frame-overlay {
        -webkit-backdrop-filter: blur(14px) saturate(1.4);
        backdrop-filter: blur(14px) saturate(1.4);
        transition: transform var(--duration-slow) var(--ease-out);
        background: #ffffffdb;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1rem 1.25rem;
        inset: auto 0 0;
        transform: translateY(100%);
    }

    .img-frame-slide-light:is(:hover, :focus-within) .img-frame-overlay {
        pointer-events: auto;
        transform: translateY(0);
    }

    .img-frame-slide-light .img-frame-title {
        color: var(--color-text);
    }

    .img-frame-slide-dark .img-frame-overlay {
        background: var(--color-dark);
        padding: 1rem 1.25rem;
        inset: auto 0 0;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-dark) 78%, transparent);
        }

        -webkit-backdrop-filter: blur(14px) saturate(1.4);
        backdrop-filter: blur(14px) saturate(1.4);
        transition: transform var(--duration-slow) var(--ease-out);
        justify-content: flex-start;
        align-items: flex-start;
        transform: translateY(100%);
    }

    .img-frame-slide-dark:is(:hover, :focus-within) .img-frame-overlay {
        pointer-events: auto;
        transform: translateY(0);
    }

    .img-frame-slide-grad-light .img-frame-overlay {
        transition: transform var(--duration-slow) var(--ease-out);
        background: linear-gradient(to top, #fffffff5 0%, #ffffffb8 22%, #ffffff4d 44%, #fff0 62%);
        justify-content: flex-start;
        align-items: flex-end;
        padding: 1.25rem;
        inset: 0;
        transform: translateY(100%);
    }

    .img-frame-slide-grad-light:is(:hover, :focus-within) .img-frame-overlay {
        pointer-events: auto;
        transform: translateY(0);
    }

    .img-frame-slide-grad-light .img-frame-title {
        color: var(--color-text);
    }

    .img-frame-slide-grad-dark .img-frame-overlay {
        transition: transform var(--duration-slow) var(--ease-out);
        background: linear-gradient(
            to top,
            #000000e0 0%,
            #000000a8 18%,
            #00000061 38%,
            #00000024 56%,
            #0000 70%
        );
        justify-content: flex-start;
        align-items: flex-end;
        padding: 1.25rem;
        inset: 0;
        transform: translateY(100%);
    }

    .img-frame-slide-grad-dark:is(:hover, :focus-within) .img-frame-overlay {
        pointer-events: auto;
        transform: translateY(0);
    }

    .img-frame-caption {
        text-align: center;
        color: #fff;
        pointer-events: auto;
        padding: 1.25rem;
    }

    .img-frame-caption-start {
        text-align: left;
        color: #fff;
        pointer-events: auto;
        padding: 0;
    }

    .img-frame-caption .badge,
    .img-frame-caption-start .badge,
    .img-frame-float .badge,
    .img-frame-float-grad .badge {
        align-self: flex-start;
        margin-bottom: 0.5rem;
    }

    .img-frame-title {
        font-family: var(--font-heading);
        font-size: var(--text-xl);
        font-weight: 700;
        line-height: var(--leading-snug);
        letter-spacing: -0.02em;
        text-wrap: balance;
        color: inherit;
        margin: 0;
    }

    .img-frame-desc {
        font-size: var(--text-base);
        opacity: 0.85;
        line-height: var(--leading-relaxed);
        color: inherit;
        margin-top: 0.4rem;
    }

    .img-frame-icons {
        justify-content: center;
        align-items: center;
        gap: 0.75rem;
        display: flex;
    }

    .img-frame-icon {
        width: 3rem;
        height: 3rem;
        color: var(--color-dark);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            transform var(--duration-base) var(--ease-spring);
        pointer-events: auto;
        background: #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        font-size: 1.25rem;
        text-decoration: none;
        display: inline-flex;
        box-shadow: 0 6px 20px #0000002e;

        &:hover {
            background: var(--color-primary);
            color: var(--color-on-primary);
            transform: scale(1.08);
        }

        &:focus-visible {
            outline-offset: 3px;
            outline: 2px solid #fff;
        }
    }

    .img-frame-icon-primary {
        background: var(--color-primary);
        color: var(--color-on-primary);

        &:hover {
            background: var(--color-primary);
            color: var(--color-on-primary);
            filter: brightness(1.1);
        }
    }

    .img-frame-icon-secondary {
        background: var(--color-secondary);
        color: var(--color-on-secondary);

        &:hover {
            background: var(--color-secondary);
            color: var(--color-on-secondary);
            filter: brightness(1.1);
        }
    }

    .img-frame-icon-tertiary {
        background: var(--color-tertiary);
        color: var(--color-on-tertiary);

        &:hover {
            background: var(--color-tertiary);
            color: var(--color-on-tertiary);
            filter: brightness(1.1);
        }
    }

    .img-frame-icon-quaternary {
        background: var(--color-quaternary);
        color: var(--color-on-quaternary);

        &:hover {
            background: var(--color-quaternary);
            color: var(--color-on-quaternary);
            filter: brightness(1.1);
        }
    }

    .img-frame-icon-accent {
        background: var(--color-accent);
        color: var(--color-on-accent);

        &:hover {
            background: var(--color-accent);
            color: var(--color-on-accent);
            filter: brightness(1.1);
        }
    }

    .img-frame-caption-below {
        padding: 0.875rem 0 0;
        line-height: 1;
        display: block;
    }

    .img-frame-caption-below .img-frame-title {
        color: var(--color-text);
    }

    .img-frame-float {
        z-index: 2;
        background: var(--color-dark);
        padding: 1.25rem 1.5rem;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-dark) 62%, transparent);
        }

        -webkit-backdrop-filter: blur(16px) saturate(1.5);
        backdrop-filter: blur(16px) saturate(1.5);
        color: #fff;
        border-top: 1px solid #ffffff1a;
        line-height: 1.2;
    }

    .img-frame-float .img-frame-title {
        color: #fff;
    }

    .img-frame-float-grad {
        z-index: 2;
        color: #fff;
        background: linear-gradient(
            to top,
            #000c 0%,
            #0009 25%,
            #0000004d 52%,
            #0000001a 78%,
            #0000 100%
        );
        flex-direction: column;
        justify-content: flex-end;
        padding: 1.5rem;
        line-height: 1.2;
        display: flex;
        position: absolute;
        inset: 35% 0 0;
    }

    .img-frame-float-grad .img-frame-title {
        color: #fff;
    }

    .img-frame-reveal {
        transition:
            transform 1.2s var(--ease-lift),
            box-shadow 1.2s var(--ease-out);
    }

    .img-frame-reveal:hover {
        box-shadow: var(--shadow-2xl);
        transform: translateY(-0.5rem);
    }

    .img-frame-reveal .img-frame-float-grad {
        transition: background 1.2s var(--ease-out);
        background: linear-gradient(to top, #000000b8 0%, #00000026 100%);
        top: 0;
    }

    .img-frame-reveal:hover .img-frame-float-grad {
        background: none;
    }

    .img-frame-reveal .img-frame-overlay {
        transition-duration: 1.2s;
    }

    .img-frame-reveal .img-frame-float-reveal {
        transition:
            max-height 1.4s var(--ease-out),
            margin-top 1.4s var(--ease-out),
            opacity 1.1s var(--ease-out);
    }

    .img-frame.img-frame-reveal:hover .img-frame-float-reveal {
        max-height: 7rem;
    }

    .img-frame-blur img {
        transition:
            filter var(--duration-base) var(--ease-out),
            transform var(--duration-slow) var(--ease-out);
    }

    .img-frame-blur .img-frame-overlay {
        opacity: 0;
        transition: opacity var(--duration-base) var(--ease-out);
        background: #ffffff14;
    }

    .img-frame-blur:hover img {
        filter: blur(5px) brightness(0.9);
        transform: scale(1.04);
    }

    .img-frame-blur:hover .img-frame-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .img-frame-3d {
        transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
        transition:
            transform 80ms linear,
            box-shadow var(--duration-base) var(--ease-out);
        will-change: transform;

        &:hover {
            box-shadow: var(--shadow-xl);
        }
    }

    .img-frame-push {
        & img {
            transition: transform var(--duration-base) var(--ease-out);
        }

        & .img-frame-overlay {
            transition: transform var(--duration-base) var(--ease-out);
            background: var(--color-primary);
            transform: translateX(100%);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-primary) 88%, transparent);
            }

            pointer-events: none;
        }

        &:hover img {
            transform: translateX(-10%) scale(1.25);
        }

        &:hover .img-frame-overlay {
            pointer-events: auto;
            transform: translateX(0);
        }
    }

    .img-frame-zoom-slow img {
        transition-duration: 5s;
    }

    .img-frame-zoom-slow:hover img {
        transform: scale(1.2);
    }

    .img-frame-show-img .img-frame-overlay {
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--duration-slow) var(--ease-out);
    }

    .img-frame-show-img:hover .img-frame-overlay {
        opacity: 0;
        pointer-events: none;
    }

    .img-frame-hide-hover .img-frame-float,
    .img-frame-hide-hover .img-frame-float-grad {
        transition: opacity var(--duration-base) var(--ease-out);
    }

    .img-frame-hide-hover:hover .img-frame-float,
    .img-frame-hide-hover:hover .img-frame-float-grad {
        opacity: 0;
    }

    .img-frame-slide-cover-dark .img-frame-overlay {
        background: var(--color-dark);
        inset: 0;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-dark) 78%, transparent);
        }

        transition: transform var(--duration-slow) var(--ease-out);
        transform: translateY(100%);
    }

    .img-frame-slide-cover-dark:is(:hover, :focus-within) .img-frame-overlay {
        pointer-events: auto;
        transform: translateY(0);
    }

    .img-frame-icons-center {
        z-index: 3;
        pointer-events: none;
        justify-content: center;
        align-items: center;
        gap: 0.75rem;
        display: flex;
        position: absolute;
        inset: 0;
    }

    .img-frame-icons-center a,
    .img-frame-icons-center button {
        pointer-events: auto;
    }

    .img-frame-corner-btn {
        z-index: 4;
        background: var(--color-primary);
        width: 3rem;
        height: 3rem;
        color: var(--color-on-primary);
        border-bottom-left-radius: var(--radius-md);
        transition: background var(--duration-fast) var(--ease-out);
        justify-content: center;
        align-items: center;
        font-size: 1.25rem;
        text-decoration: none;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;

        &:hover {
            background: var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-primary) 80%, black);
            }

            color: var(--color-on-primary);
        }

        &:focus-visible {
            outline-offset: -4px;
            outline: 2px solid #fff;
        }
    }

    .img-frame-corner-circle {
        z-index: 4;
        background: var(--color-light);
        width: 2.75rem;
        height: 2.75rem;
        color: var(--color-dark);
        box-shadow: var(--shadow-md);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        font-size: 1.15rem;
        text-decoration: none;
        display: flex;
        position: absolute;
        top: 1rem;
        right: 1rem;

        &:hover {
            background: var(--color-primary);
            color: var(--color-on-primary);
            box-shadow: var(--shadow-lg);
            transform: scale(1.1);
        }

        & i {
            transition: transform var(--duration-fast) var(--ease-out);
        }

        &:hover i {
            transform: translate(2px, -2px);
        }
    }

    .img-frame-float-reveal {
        opacity: 0;
        min-height: 0;
        max-height: 0;
        transition:
            max-height 1s var(--ease-out),
            margin-top 1s var(--ease-out),
            opacity 0.5s var(--ease-out);
        align-self: flex-start;
        margin-top: 0;
        overflow: hidden;
    }

    .img-frame:hover .img-frame-float-reveal {
        opacity: 1;
        max-height: 3rem;
        margin-top: 0.625rem;
    }

    .img-frame-dir-aware .img-frame-overlay {
        opacity: 1;
        transition: transform 0.45s var(--ease-out);
    }

    .img-frame-dir-aware:not([data-dir]) .img-frame-overlay,
    .img-frame-dir-aware[data-dir='top'] .img-frame-overlay {
        transform: translateY(-100%);
    }

    .img-frame-dir-aware[data-dir='bottom'] .img-frame-overlay {
        transform: translateY(100%);
    }

    .img-frame-dir-aware[data-dir='left'] .img-frame-overlay {
        transform: translateX(-100%);
    }

    .img-frame-dir-aware[data-dir='right'] .img-frame-overlay {
        transform: translateX(100%);
    }

    .img-frame-dir-aware.is-hovered .img-frame-overlay {
        pointer-events: auto;
        transform: translate(0);
    }

    .img-frame-card {
        cursor: pointer;
        position: relative;
    }

    .img-frame-card-body {
        padding: 0.875rem 0 0;
    }

    .img-frame-card:has(.img-frame-card-panel) {
        aspect-ratio: 4 / 5;
        flex-direction: column;
        display: flex;
    }

    .img-frame-card:has(.img-frame-card-panel) .img-frame {
        flex: auto;
        min-height: 0;
    }

    .img-frame-card-panel {
        background: var(--color-bg);
        flex-direction: column;
        padding: 1.25rem;
        display: flex;
    }

    .img-frame-card-panel .img-frame-float-reveal {
        align-self: stretch;
    }

    .img-frame-card:hover .img-frame-card-panel .img-frame-float-reveal {
        max-height: 3.5rem;
    }

    .img-frame-card:hover .img-frame-zoom img {
        transform: scale(1.06);
    }

    .img-frame-card-reveal {
        opacity: 0;
        min-height: 0;
        max-height: 0;
        transition:
            max-height 1s var(--ease-out),
            margin-top 1s var(--ease-out),
            opacity 0.5s var(--ease-out);
        margin-top: 0;
        overflow: hidden;
    }

    .img-frame-card:hover .img-frame-card-reveal {
        opacity: 1;
        max-height: 3rem;
        margin-top: 0.625rem;
    }

    .img-frame-card:hover .img-frame-float-reveal {
        opacity: 1;
        pointer-events: auto;
        max-height: 3rem;
        margin-top: 0.625rem;
    }

    .img-frame-mask-tri {
        clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
        aspect-ratio: 1;
    }

    .img-frame-text-mask {
        font-family: var(--font-heading);
        color: #0000;
        -webkit-user-select: none;
        user-select: none;
        background-position: center;
        background-size: cover;
        background-clip: text;
        font-size: clamp(7rem, 16vw, 12rem);
        font-weight: 900;
        line-height: 1;
        display: inline-block;
    }

    .img-frame-stack {
        --stack-shadow: 0 60px 135px #00000024, 0 15px 65px #00000024;
        isolation: isolate;
        margin: var(--stack-room, 3rem);
        display: inline-block;
        position: relative;
    }

    .img-frame-stack > .img-frame {
        z-index: 2;
        box-shadow: var(--stack-shadow);
        position: relative;
    }

    .img-frame-stack .img-frame-stack-back {
        z-index: 1;
        box-shadow: var(--stack-shadow);
        transform: translate(var(--stack-x, -2.5rem), var(--stack-y, -2.5rem))
            rotate(var(--stack-rotate, 0deg));
        position: absolute;
        inset: 0;
    }

    .img-frame-stack .img-frame-stack-back-2 {
        z-index: 0;
    }

    @media (width <= 640px) {
        .img-frame-stack {
            margin: var(--stack-room-sm, 2rem);
        }
    }

    .social-links {
        align-items: center;
        gap: 0.25rem;
        display: flex;
    }

    .social-links-center {
        justify-content: center;
    }

    .social-link {
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-text-soft);
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        font-size: 1.1rem;
        text-decoration: none;
        display: inline-flex;

        &:hover,
        &:focus-visible {
            color: var(--color-primary-ink);
            background: var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                background: color-mix(in srgb, var(--color-primary) 10%, transparent);
            }

            transform: translateY(-2px);
        }
    }

    .social-links-light .social-link {
        color: oklch(from var(--color-white) l c h / 0.85);

        &:hover,
        &:focus-visible {
            color: var(--color-white);
            background: oklch(from var(--color-white) l c h / 0.18);
        }
    }

    .img-frame-panel-float {
        z-index: 3;
        border-radius: var(--radius-lg);
        box-shadow: var(--shadow-lg);
        text-align: center;
        color: var(--color-white);
        padding: 1.5rem;
        line-height: 1.3;
        position: absolute;
        bottom: 1.25rem;
        left: 1.25rem;
        right: 1.25rem;
    }

    .browser-frame {
        border-radius: var(--radius-lg);
        background: var(--color-bg);
        overflow: hidden;
        box-shadow: 0 2.5rem 5rem -2rem #00000073;
    }

    .browser-frame-bar {
        background: var(--color-bg-muted);
        border-bottom: 1px solid var(--color-border);
        grid-template-columns: minmax(2.6rem, 1fr) minmax(0, 18rem) minmax(2.6rem, 1fr);
        align-items: center;
        gap: 1rem;
        padding: 0.7rem 1rem;
        display: grid;
    }

    .browser-frame-bar:before {
        content: '';
        background: #ff5f57;
        border-radius: 50%;
        width: 0.6rem;
        height: 0.6rem;
        box-shadow:
            1rem 0 #febc2e,
            2rem 0 #28c840;
    }

    .browser-frame-url {
        border-radius: var(--radius-pill);
        background: var(--color-bg);
        font-size: var(--text-xs);
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--color-text-muted);
        padding: 0.2rem 0.9rem;
        overflow: hidden;
    }

    .browser-frame > img {
        aspect-ratio: 16 / 10;
        object-fit: cover;
        width: 100%;
        display: block;
    }

    .device-frame {
        --device-radius: clamp(1rem, 3.2vw, 2.25rem);
        --device-bezel: clamp(0.25rem, 0.7vw, 0.45rem);
        padding: var(--device-bezel);
        border-radius: var(--device-radius);
        background: #0c0c0e;
        box-shadow:
            0 2.5rem 5rem -2rem #0000008c,
            inset 0 0 0 1px #ffffff1f;
    }

    .device-frame img {
        aspect-ratio: 9 / 19;
        object-fit: cover;
        border-radius: calc(var(--device-radius) - var(--device-bezel));
        width: 100%;
        display: block;
    }

    .img-frame-kenburns img {
        animation: img-kenburns var(--kb-duration, 18s) ease-in-out infinite alternate;
    }

    :is(.img-frame-swap, .img-frame-swap-wipe) img + img {
        transition:
            opacity var(--duration-slow) var(--ease-out),
            transform var(--duration-xslow) var(--ease-out),
            clip-path var(--duration-xslow) cubic-bezier(0.7, 0, 0.2, 1);
        position: absolute;
        inset: 0;
    }

    .img-frame-swap img + img {
        opacity: 0;
        transform: scale(1.06);
    }

    .img-frame-swap-wipe img + img {
        clip-path: inset(0 100% 0 0);
    }

    .img-frame-swap:is(:hover, :focus-visible, :focus-within) img + img {
        opacity: 1;
        transform: scale(1);
    }

    .img-frame-swap-wipe:is(:hover, :focus-visible, :focus-within) img + img {
        clip-path: inset(0);
    }

    .img-frame-swap-wipe:is(:hover, :focus-visible, :focus-within) img:first-child {
        transform: scale(1.06);
    }

    .hero-zoom {
        animation: hero-zoom 14s var(--ease-out) both;
    }

    @media (prefers-reduced-motion: reduce) {
        .hero-zoom,
        .img-frame-kenburns img {
            animation: none;
        }

        .img-frame img,
        .img-frame-overlay,
        .img-frame-icon,
        .img-frame-reveal,
        .img-frame-float-reveal,
        .img-frame-card-reveal,
        .img-frame-overlay-fade
            :is(.img-frame-caption, .img-frame-caption-start, .img-frame-icons) {
            transition-duration: 0.01ms;
        }
    }

    .frame-ticks {
        --frame-tick-size: 0.6875rem;
        --frame-tick-weight: 1px;
        --frame-tick-color: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --frame-tick-color: color-mix(in srgb, var(--color-text) 42%, transparent);
        }

        --frame-tick-offset: 0px;
        --frame-line: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --frame-line: color-mix(in srgb, var(--color-text) 10%, transparent);
        }

        --frame-line-width: 1px;
        border: var(--frame-line-width) solid var(--frame-line);
        background: var(--frame-bg, transparent);
        border-radius: 0;
        position: relative;

        &:before {
            --_tl: var(--frame-tick-color);
            --_tr: var(--frame-tick-color);
            --_bl: var(--frame-tick-color);
            --_br: var(--frame-tick-color);
            --_mid: calc((var(--frame-tick-size) - var(--frame-tick-weight)) / 2);
            --_h: var(--frame-tick-size) var(--frame-tick-weight);
            --_v: var(--frame-tick-weight) var(--frame-tick-size);
            content: '';
            inset: calc(
                (var(--frame-tick-size) + var(--frame-line-width)) / -2 - var(--frame-tick-offset)
            );
            z-index: 1;
            pointer-events: none;
            background:
                linear-gradient(var(--_tl), var(--_tl)) left 0 top var(--_mid) / var(--_h),
                linear-gradient(var(--_tl), var(--_tl)) left var(--_mid) top 0 / var(--_v),
                linear-gradient(var(--_tr), var(--_tr)) right 0 top var(--_mid) / var(--_h),
                linear-gradient(var(--_tr), var(--_tr)) right var(--_mid) top 0 / var(--_v),
                linear-gradient(var(--_bl), var(--_bl)) left 0 bottom var(--_mid) / var(--_h),
                linear-gradient(var(--_bl), var(--_bl)) left var(--_mid) bottom 0 / var(--_v),
                linear-gradient(var(--_br), var(--_br)) right 0 bottom var(--_mid) / var(--_h),
                linear-gradient(var(--_br), var(--_br)) right var(--_mid) bottom 0 / var(--_v);
            background-repeat: no-repeat;
            position: absolute;
        }

        & > :is(img, video, picture, svg):only-child {
            width: 100%;
            display: block;
        }
    }

    .frame-ticks--top:before {
        --_bl: transparent;
        --_br: transparent;
    }

    .frame-ticks--bottom:before {
        --_tl: transparent;
        --_tr: transparent;
    }

    .frame-ticks--diagonal:before {
        --_tr: transparent;
        --_bl: transparent;
    }

    .frame-ticks--bare {
        border-color: #0000;
    }

    .frame-ticks--dashed {
        border-style: dashed;
    }

    .frame-ticks--inset {
        padding: var(--frame-pad, 0.75rem);
    }

    .frame-ticks--light,
    :is(.dark-section, .section-dark, .bg-dark, .dark-island) .frame-ticks {
        --frame-tick-color: #ffffff8c;
        --frame-line: #ffffff29;
    }

    .frame-ticks--dashed {
        --frame-line: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --frame-line: color-mix(in srgb, var(--color-text) 18%, transparent);
        }
    }

    :is(
        .frame-ticks--light,
        :is(.dark-section, .section-dark, .bg-dark, .dark-island) .frame-ticks
    ).frame-ticks--dashed {
        --frame-line: #ffffff42;
    }

    .frame-rule {
        --frame-rule-color: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            --frame-rule-color: color-mix(in srgb, var(--color-text) 24%, transparent);
        }

        --frame-rule-dash: 5px;
        --frame-rule-gap: 5px;
        --_dir: 90deg;
        background: repeating-linear-gradient(
            var(--_dir),
            var(--frame-rule-color) 0 var(--frame-rule-dash),
            transparent var(--frame-rule-dash) calc(var(--frame-rule-dash) + var(--frame-rule-gap))
        );
        border: 0;
        width: 100%;
        height: 1px;
        margin: 0;
        display: block;
    }

    .frame-rule--vertical {
        --_dir: 180deg;
        flex: none;
        align-self: stretch;
        width: 1px;
        height: auto;
    }

    :is(.frame-ticks--light, .dark-section, .section-dark, .bg-dark, .dark-island) .frame-rule {
        --frame-rule-color: #ffffff4d;
    }

    .hotspots {
        isolation: isolate;
        position: relative;
    }

    .hotspot {
        top: var(--y, 50%);
        left: var(--x, 50%);
        z-index: 1;
        position: absolute;
        translate: -50% -50%;
    }

    .hotspot:has([aria-expanded='true']) {
        z-index: 2;
    }

    .hotspot-pin {
        width: 2.25rem;
        height: 2.25rem;
        font-size: var(--text-sm);
        font-variant-numeric: tabular-nums;
        color: var(--color-text);
        background: var(--color-bg);
        border-radius: var(--radius-full);
        cursor: pointer;
        transition:
            scale var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        place-items: center;
        font-weight: 700;
        display: grid;
        position: relative;
        box-shadow: 0 6px 18px -6px #0f172a73;
    }

    .hotspot-pin:before {
        content: '';
        z-index: -1;
        border-radius: inherit;
        animation: hotspot-pulse 2.4s var(--ease-out) infinite;
        background: #ffffff8c;
        position: absolute;
        inset: 0;
    }

    .hotspot-pin:hover {
        scale: 1.08;
    }

    .hotspot-pin[aria-expanded='true'],
    .hotspot-pin.is-active {
        color: var(--color-on-primary);
        background: var(--color-primary);
    }

    .hotspot-pin[aria-expanded='true']:before {
        opacity: 0;
        animation: none;
    }

    .hotspot-pin:focus-visible {
        outline-offset: 3px;
        outline: 2px solid #fff;
    }

    .hotspot .tip-pop {
        width: 16rem;
    }

    @keyframes hotspot-pulse {
        0% {
            opacity: 0.9;
            scale: 1;
        }

        70% {
            opacity: 0;
            scale: 2;
        }

        100% {
            opacity: 0;
            scale: 2;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .hotspot-pin:before {
            opacity: 0;
            animation: none;
        }
    }

    .gallery-masonry {
        column-count: 1;
        column-gap: 1.5rem;
    }

    @media (width >= 640px) {
        .gallery-masonry {
            column-count: 2;
        }
    }

    @media (width >= 1024px) {
        .gallery-masonry {
            column-count: 3;
        }
    }

    .gallery-masonry > * {
        break-inside: avoid;
        margin-bottom: 1.5rem;
    }

    .gallery-mosaic {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 10rem;
        gap: 0.75rem;
        display: grid;
    }

    @media (width >= 768px) {
        .gallery-mosaic {
            grid-template-columns: repeat(4, 1fr);
            grid-auto-rows: 11rem;
        }
    }

    .gallery-mosaic-wide {
        grid-column: span 2;
    }

    .gallery-mosaic-tall {
        grid-row: span 2;
    }

    .gallery-mosaic-big {
        grid-area: span 2 / span 2;
    }

    .gallery-mosaic > * {
        height: 100%;
    }

    .gallery-fullwidth {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
        display: grid;
    }

    @media (width >= 768px) {
        .gallery-fullwidth {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    .gallery-fullwidth > * {
        height: 100%;
    }

    .gallery-fullwidth .img-frame {
        aspect-ratio: 1;
    }

    .gallery-seamless {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 9rem;
        grid-auto-flow: dense;
        gap: 0;
        display: grid;
    }

    @media (width >= 768px) {
        .gallery-seamless {
            grid-template-columns: repeat(4, 1fr);
            grid-auto-rows: 12rem;
        }
    }

    .gallery-seamless > * {
        height: 100%;
    }

    .gallery-justified {
        --row-h: 9rem;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.75rem;
        display: flex;
    }

    @media (width >= 768px) {
        .gallery-justified {
            --row-h: 12rem;
        }
    }

    @media (width >= 1280px) {
        .gallery-justified {
            --row-h: 15rem;
        }
    }

    .gallery-justified > * {
        --ratio: 1;
        aspect-ratio: var(--ratio);
        flex: var(--ratio) 1 calc(var(--ratio) * var(--row-h));
        min-width: 0;
        max-height: calc(var(--row-h) * 2.5);
    }

    .gallery-alternate {
        grid-template-columns: 1fr;
        align-items: start;
        gap: clamp(2.5rem, 6vw, 4.5rem);
        display: grid;
    }

    @media (width >= 768px) {
        .gallery-alternate {
            grid-template-columns: 1fr 1fr;
            gap: clamp(3rem, 7vw, 6rem) clamp(2rem, 5vw, 5rem);
        }

        .gallery-alternate > :nth-child(2n) {
            margin-block-start: var(--alt-y, var(--alt-drop, 7rem));
        }
    }

    .gallery-alternate > * {
        width: var(--alt-w, 100%);
        justify-self: var(--alt-x, start);
        margin-block-start: var(--alt-y, 0);
    }

    @media (width <= 767px) {
        .gallery-alternate > * {
            width: 100%;
            margin-block-start: 0;
        }
    }

    .gallery-filters {
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 2rem;
        display: flex;
    }

    .gallery-filter {
        border-radius: var(--radius-pill);
        font-size: var(--text-base);
        color: var(--color-text-soft);
        border: 1px solid var(--color-border, #0000001f);
        white-space: nowrap;
        cursor: pointer;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            transform var(--duration-fast) var(--ease-out);
        background: none;
        align-items: center;
        gap: 0.4rem;
        padding: 0.6rem 1.25rem;
        font-weight: 500;
        line-height: 1.25;
        display: inline-flex;
    }

    .gallery-filter:hover {
        color: var(--color-text);
        background: var(--color-bg-soft);
        border-color: var(--color-text);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-text) 22%, transparent);
        }
    }

    .gallery-filter:active {
        transform: scale(0.97);
    }

    .gallery-filter sup {
        vertical-align: 0.35em;
        font-variant-numeric: tabular-nums;
        font-size: 0.7em;
        font-weight: 600;
        line-height: 1;
        top: auto;
    }

    .gallery-filter:focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
    }

    .gallery-filter.is-active {
        color: var(--color-on-primary);
        background: var(--color-primary);
        border-color: var(--color-primary);
    }

    @media (width <= 639px) {
        .gallery-filters {
            overscroll-behavior-x: contain;
            scroll-snap-type: x proximity;
            scrollbar-width: none;
            margin-inline: -0.25rem;
            flex-wrap: nowrap;
            margin-top: -0.25rem;
            padding: 0.25rem 0.25rem 0.5rem;
            overflow-x: auto;
        }

        .gallery-filters::-webkit-scrollbar {
            display: none;
        }

        .gallery-filter {
            scroll-snap-align: start;
            flex: none;
        }
    }

    @keyframes galleryFadeIn {
        from {
            opacity: 0;
            transform: translateY(14px) scale(0.94);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    .gallery-grid--animating .gallery-item:not(.is-hidden) {
        animation: galleryFadeIn 0.6s var(--ease-out) backwards;
        animation-delay: calc(var(--stagger, 0) * 50ms);
    }

    .gallery-item.visible[data-anim]:not(.is-hidden) {
        opacity: 1;
    }

    @media (prefers-reduced-motion: reduce) {
        .gallery-grid--animating .gallery-item:not(.is-hidden) {
            animation: none;
        }
    }

    .before-after {
        --ba-pos: 50%;
        aspect-ratio: 4 / 3;
        -webkit-user-select: none;
        user-select: none;
        touch-action: pan-y;
        isolation: isolate;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .before-after img {
        object-fit: cover;
        pointer-events: none;
        -webkit-user-drag: none;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
    }

    .before-after .ba-after {
        clip-path: inset(0 0 0 var(--ba-pos));
    }

    .before-after:after {
        content: '';
        top: 0;
        bottom: 0;
        left: var(--ba-pos);
        pointer-events: none;
        z-index: 2;
        background: #ffffffeb;
        width: 2px;
        margin-left: -1px;
        position: absolute;
        box-shadow:
            0 0 0 1px #00000014,
            0 0 18px #00000040;
    }

    .ba-handle {
        top: 50%;
        left: var(--ba-pos);
        z-index: 3;
        border-radius: var(--radius-full);
        width: 3rem;
        height: 3rem;
        color: var(--color-dark);
        cursor: grab;
        touch-action: none;
        transition:
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        background: #fffffff5;
        border: 0;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        display: flex;
        position: absolute;
        transform: translate(-50%, -50%);
        box-shadow:
            0 0 0 1px #0000000f,
            0 0 0 6px #ffffff38,
            0 8px 24px #00000047;
    }

    .before-after:hover .ba-handle {
        color: var(--color-primary-ink);
        transform: translate(-50%, -50%) scale(1.08);
        box-shadow:
            0 0 0 1px #0000000f,
            0 0 0 9px #ffffff47,
            0 12px 30px #00000052;
    }

    .before-after:active,
    .before-after:active .ba-handle {
        cursor: grabbing;
    }

    .before-after:active .ba-handle,
    .ba-handle:active {
        transform: translate(-50%, -50%) scale(0.94);
    }

    .ba-handle:focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 4px;
        color: var(--color-primary-ink);
    }

    .before-after[data-ba-hover],
    .before-after[data-ba-hover] .ba-handle {
        cursor: ew-resize;
    }

    .ba-label {
        z-index: 2;
        border-radius: var(--radius-pill);
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #fff;
        -webkit-backdrop-filter: blur(10px) saturate(1.4);
        backdrop-filter: blur(10px) saturate(1.4);
        pointer-events: none;
        background: #0c0e146b;
        border: 1px solid #ffffff29;
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1;
        position: absolute;
        bottom: 1rem;
    }

    .ba-label--before {
        left: 1rem;
    }

    .ba-label--after {
        right: 1rem;
    }

    .before-after.is-animating .ba-after,
    .before-after.is-animating:after,
    .before-after.is-animating .ba-handle {
        transition:
            clip-path var(--duration-base) var(--ease-out),
            left var(--duration-base) var(--ease-out),
            top var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-out);
    }

    .before-after--vertical {
        touch-action: pan-x;
    }

    .before-after--vertical .ba-after {
        clip-path: inset(var(--ba-pos) 0 0 0);
    }

    .before-after--vertical:after {
        top: var(--ba-pos);
        width: auto;
        height: 2px;
        margin-top: -1px;
        margin-left: 0;
        bottom: auto;
        left: 0;
        right: 0;
    }

    .before-after--vertical .ba-handle {
        top: var(--ba-pos);
        left: 50%;
    }

    .before-after--vertical[data-ba-hover],
    .before-after--vertical[data-ba-hover] .ba-handle {
        cursor: ns-resize;
    }

    .before-after--vertical .ba-label--before {
        top: 1rem;
        bottom: auto;
    }

    .before-after--vertical .ba-label--after {
        left: 1rem;
        right: auto;
    }

    @media (prefers-reduced-motion: reduce) {
        .before-after.is-animating .ba-after,
        .before-after.is-animating:after,
        .before-after.is-animating .ba-handle,
        .ba-handle {
            transition: none;
        }
    }

    .sliding-boxes {
        --sb-height: 30rem;
        --sb-active-grow: 4;
        --sb-gap: 0.5rem;
        --sb-radius: var(--radius-lg);
        --sb-duration: 0.72s;
        --sb-ease: cubic-bezier(0.32, 0.72, 0, 1);
        --sb-count: 4;
        --sb-open-w: calc(
            (100cqw - (var(--sb-count) - 1) * var(--sb-gap)) * var(--sb-active-grow) /
                (var(--sb-active-grow) + var(--sb-count) - 1)
        );
        --sb-open-h: calc(
            (var(--sb-height) - (var(--sb-count) - 1) * var(--sb-gap)) * var(--sb-active-grow) /
                (var(--sb-active-grow) + var(--sb-count) - 1)
        );
        gap: var(--sb-gap);
        height: var(--sb-height);
        border-radius: var(--sb-radius);
        isolation: isolate;
        display: flex;
        overflow: hidden;
        container-type: inline-size;
    }

    .sliding-boxes:has(> .sliding-box:nth-child(5)) {
        --sb-count: 5;
    }

    .sliding-boxes:has(> .sliding-box:nth-child(6)) {
        --sb-count: 6;
    }

    .sliding-boxes:has(> .sliding-box:nth-child(7)) {
        --sb-count: 7;
    }

    .sliding-box {
        border-radius: var(--sb-radius);
        cursor: pointer;
        background: var(--color-bg-muted);
        min-width: 0;
        transition: flex-grow var(--sb-duration) var(--sb-ease);
        flex: 1;
        position: relative;
        overflow: hidden;
    }

    .sliding-box:focus-visible {
        outline: none;
    }

    :root:not([data-focus-source='pointer']) .sliding-box:focus-visible:after {
        content: '';
        z-index: 3;
        border: 2px solid var(--color-primary);
        border-radius: inherit;
        pointer-events: none;
        position: absolute;
        inset: 0;
        box-shadow: inset 0 0 0 2px #fff;
    }

    .sliding-box.is-active {
        flex-grow: var(--sb-active-grow);
    }

    .sliding-box-media {
        width: max(100%, var(--sb-open-w));
        object-fit: cover;
        -webkit-user-drag: none;
        filter: brightness(0.82) saturate(0.9);
        max-width: none;
        height: 100%;
        transition: filter var(--sb-duration) var(--sb-ease);
        position: absolute;
        top: 0;
        left: 50%;
        translate: -50%;
    }

    .sliding-box.is-active .sliding-box-media {
        filter: none;
    }

    .sliding-box-overlay {
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(
            to top,
            #000000c7 0%,
            #0000008f 22%,
            #0000004d 45%,
            #0000001f 72%,
            #0000000f 100%
        );
        position: absolute;
        inset: 0;
    }

    .sliding-box-label {
        z-index: 2;
        writing-mode: vertical-rl;
        transform-origin: center;
        color: #fff;
        font-family: var(--font-heading);
        font-weight: 600;
        font-size: var(--text-lg);
        letter-spacing: -0.01em;
        white-space: nowrap;
        opacity: 1;
        transition: opacity var(--duration-base) var(--ease-out) 0.2s;
        position: absolute;
        bottom: 1.5rem;
        left: 1.25rem;
        transform: rotate(180deg);
    }

    .sliding-box.is-active .sliding-box-label {
        opacity: 0;
        transition-delay: 0s;
        transition-duration: var(--duration-fast);
    }

    .sliding-box-content {
        width: var(--sb-open-w);
        z-index: 2;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition:
            opacity var(--duration-fast) var(--ease-out),
            visibility 0s linear var(--duration-fast);
        padding: 2.25rem;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .sliding-box.is-active .sliding-box-content {
        opacity: 1;
        visibility: visible;
        transition:
            opacity var(--duration-slow) var(--ease-out) 0.26s,
            visibility 0s;
    }

    .sliding-box.is-active .sliding-box-content > * {
        animation: sliding-box-rise var(--duration-slow) var(--ease-out) 0.26s both;
    }

    .sliding-box.is-active .sliding-box-content > :nth-child(2) {
        animation-delay: 0.33s;
    }

    .sliding-box.is-active .sliding-box-content > :nth-child(n + 3) {
        animation-delay: 0.4s;
    }

    .sliding-box-title {
        color: #fff;
        font-size: var(--text-2xl);
        letter-spacing: -0.025em;
        text-wrap: balance;
        margin: 0 0 0.6rem;
        line-height: 1.15;
    }

    .sliding-box-text {
        color: #ffffffd1;
        text-wrap: pretty;
        max-width: 34ch;
        margin: 0 0 1.5rem;
        line-height: 1.6;
    }

    @media (width >= 1024px) {
        .sliding-box-title {
            font-size: var(--text-3xl);
        }
    }

    .sliding-boxes--gallery {
        --sb-active-grow: 2.4;
    }

    .sliding-boxes--gallery .sliding-box-overlay {
        transition: background var(--duration-hover) var(--ease-out);
        background: none;
    }

    .sliding-boxes--gallery .sliding-box:not(.is-active) .sliding-box-overlay {
        background: #0000004d;
    }

    .sliding-boxes--gallery .sliding-box:not(.is-active) .sliding-box-media {
        filter: saturate(0.7);
    }

    .sliding-boxes--gallery .sliding-box-media {
        object-position: center 22%;
    }

    .sliding-box--solid {
        background: var(--color-bg-soft);
        border: 1px solid var(--color-border);
    }

    .sliding-box--solid .sliding-box-overlay {
        display: none;
    }

    :root:not([data-focus-source='pointer']) .sliding-box--solid:focus-visible:after {
        box-shadow: none;
    }

    .sliding-box--solid .sliding-box-label,
    .sliding-box--solid .sliding-box-title {
        color: var(--color-text);
    }

    .sliding-box--solid .sliding-box-text {
        color: var(--color-text-soft);
    }

    .sliding-box--solid .sliding-box-icon {
        z-index: 2;
        color: var(--color-primary-ink);
        transform-origin: 0 0;
        transition: transform var(--sb-duration) var(--sb-ease);
        font-size: 2rem;
        line-height: 1;
        position: absolute;
        top: 1.5rem;
        left: 1.5rem;
    }

    .sliding-box--solid.is-active .sliding-box-icon {
        transform: scale(1.15);
    }

    .sliding-box--primary {
        background: var(--color-primary-50);
    }

    .sliding-box--primary .sliding-box-icon {
        color: var(--color-primary-ink);
    }

    .sliding-box--secondary {
        background: var(--color-secondary-50);
    }

    .sliding-box--secondary .sliding-box-icon {
        color: var(--color-secondary-ink);
    }

    .sliding-box--tertiary {
        background: var(--color-tertiary-50);
    }

    .sliding-box--tertiary .sliding-box-icon {
        color: var(--color-tertiary-ink);
    }

    .sliding-box--dark {
        background: var(--color-dark);
        border-color: var(--color-dark);
    }

    .sliding-box--dark .sliding-box-label,
    .sliding-box--dark .sliding-box-title {
        color: #fff;
    }

    .sliding-box--dark .sliding-box-text {
        color: #ffffffc7;
    }

    .sliding-box--dark .sliding-box-icon {
        color: #fff;
    }

    :root:not([data-focus-source='pointer']) .sliding-box--dark:focus-visible:after {
        border-color: #fff;
    }

    .sliding-boxes--vertical {
        height: var(--sb-height);
        flex-direction: column;
    }

    .sliding-boxes--vertical .sliding-box-media {
        width: 100%;
        height: max(100%, var(--sb-open-h));
        top: 50%;
        left: 0;
        translate: 0 -50%;
    }

    .sliding-boxes--vertical .sliding-box-content {
        width: auto;
        right: 0;
    }

    .sliding-boxes--vertical .sliding-box-label {
        writing-mode: horizontal-tb;
        top: 1.5rem;
        bottom: auto;
        left: 1.5rem;
        transform: none;
    }

    @media (width <= 767px) {
        .sliding-boxes,
        .sliding-boxes--vertical {
            flex-direction: column;
            height: auto;
        }

        .sliding-box {
            flex-direction: column;
            flex: none;
            justify-content: flex-end;
            min-height: 20rem;
            display: flex;
        }

        .sliding-box.is-active,
        .sliding-boxes--gallery .sliding-box {
            flex: none;
        }

        .sliding-boxes--gallery {
            grid-template-columns: 1fr 1fr;
            display: grid;
        }

        .sliding-boxes--gallery .sliding-box {
            min-height: 14rem;
        }

        .sliding-boxes--gallery .sliding-box:first-child {
            grid-column: 1 / -1;
            min-height: 20rem;
        }

        .sliding-box-media,
        .sliding-boxes--vertical .sliding-box-media,
        .sliding-boxes--gallery .sliding-box:not(.is-active) .sliding-box-media {
            filter: none;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            translate: none;
        }

        .sliding-boxes--gallery .sliding-box:not(.is-active) .sliding-box-overlay {
            background: none;
        }

        .sliding-box-label {
            display: none;
        }

        .sliding-box-content,
        .sliding-box.is-active .sliding-box-content {
            opacity: 1;
            visibility: visible;
            width: auto;
            padding: 1.5rem;
            transition: none;
            position: relative;
        }

        .sliding-box.is-active .sliding-box-content > * {
            animation: none;
        }

        .sliding-box-title {
            font-size: var(--text-xl);
        }

        .sliding-box-text {
            margin-bottom: 1.25rem;
        }

        .sliding-box--solid {
            min-height: 0;
        }

        .sliding-box--solid .sliding-box-content,
        .sliding-box--solid.is-active .sliding-box-content {
            padding-top: 4.75rem;
        }

        .sliding-box--solid .sliding-box-icon,
        .sliding-box--solid.is-active .sliding-box-icon {
            transform: none;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .sliding-box,
        .sliding-box-media,
        .sliding-box-label,
        .sliding-box-content,
        .sliding-box-icon {
            transition: none;
        }

        .sliding-box.is-active .sliding-box-content > * {
            animation: none;
        }
    }

    .photo-swap {
        --photo-swap-ink: var(--color-dark-surface);
        --photo-swap-fg: #fff;
        --photo-swap-idle: #ffffff9e;
        --photo-swap-text-color: #ffffffc7;
        --photo-swap-rule: #ffffff29;
        --photo-swap-accent: oklch(from var(--color-primary) max(l, 0.74) c h);
        --photo-swap-ring: #fff;
        --photo-swap-lines: 2;
        --photo-swap-open: 0.45s;
        isolation: isolate;
        background: var(--photo-swap-ink);
        color: var(--photo-swap-fg);
        position: relative;
        overflow: clip;
    }

    .photo-swap-media {
        z-index: -1;
        position: absolute;
        inset: 0;

        & img {
            object-fit: cover;
            opacity: 0;
            width: 100%;
            height: 100%;
            transition:
                opacity 0.7s var(--ease-out),
                transform 1.4s var(--ease-out);
            position: absolute;
            inset: 0;
            transform: scale(1.04);

            &.is-active {
                opacity: 1;
                transform: scale(1);
            }
        }

        &:after {
            content: '';
            background: linear-gradient(
                90deg,
                var(--photo-swap-ink) 0%,
                var(--photo-swap-ink) 45%,
                var(--photo-swap-ink) 100%
            );
            position: absolute;
            inset: 0;

            @supports (color: color-mix(in lab, red, red)) {
                background: linear-gradient(
                    90deg,
                    color-mix(in oklch, var(--photo-swap-ink) 94%, transparent) 0%,
                    color-mix(in oklch, var(--photo-swap-ink) 80%, transparent) 45%,
                    color-mix(in oklch, var(--photo-swap-ink) 58%, transparent) 100%
                );
            }
        }

        @media (width < 64rem) {
            display: none;
        }
    }

    .photo-swap-list {
        border-top: 1px solid var(--photo-swap-rule);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .photo-swap-item {
        border-bottom: 1px solid var(--photo-swap-rule);
        grid-template-columns: minmax(0, 1fr);
        display: grid;
    }

    .photo-swap-link {
        color: var(--photo-swap-idle);
        transition: color var(--duration-base) var(--ease-out);
        align-items: center;
        gap: 1.25rem;
        padding-block: 1.125rem;
        text-decoration: none;
        display: flex;

        &:focus-visible {
            outline: 2px solid var(--photo-swap-ring);
            outline-offset: 2px;
            border-radius: var(--radius-sm);
        }
    }

    .photo-swap-num {
        font-variant-numeric: tabular-nums;
        flex: none;
        width: 1.75rem;
        font-size: 0.8125rem;
        font-weight: 600;
    }

    .photo-swap-title {
        font-family: var(--font-heading);
        letter-spacing: -0.04em;
        font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.5rem);
        font-weight: 600;
        line-height: 1.1;
    }

    .photo-swap-arrow {
        opacity: 0;
        transition:
            opacity var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        margin-inline-start: auto;
        font-size: 1.375rem;
        transform: translate(-6px, 6px);
    }

    .photo-swap-text {
        -webkit-line-clamp: var(--photo-swap-lines);
        max-width: 48ch;
        height: 0;
        color: var(--photo-swap-text-color);
        transition: height var(--photo-swap-open) ease-in-out;
        -webkit-box-orient: vertical;
        margin: 0;
        font-size: 1rem;
        line-height: 1.55;
        display: -webkit-box;
        overflow: hidden;
    }

    .photo-swap-item:has(.photo-swap-num) .photo-swap-text {
        padding-inline-start: 3rem;
    }

    .photo-swap-item.is-active {
        & .photo-swap-link {
            color: var(--photo-swap-fg);
        }

        & .photo-swap-arrow {
            opacity: 1;
            color: var(--photo-swap-accent);
            transform: none;
        }

        & .photo-swap-text {
            height: calc(var(--photo-swap-lines) * 1lh + 1.25rem);
        }
    }

    .photo-swap-thumb {
        display: none;
    }

    .photo-swap--framed {
        --photo-swap-ink: transparent;
        --photo-swap-fg: var(--color-text);
        --photo-swap-idle: var(--color-text-muted);
        --photo-swap-text-color: var(--color-text-soft);
        --photo-swap-rule: var(--color-border);
        --photo-swap-accent: var(--color-primary-ink);
        --photo-swap-ring: var(--color-primary);
        isolation: auto;
        overflow: visible;

        & .photo-swap-media {
            z-index: auto;
            aspect-ratio: 4 / 5;
            border-radius: var(--radius-lg);
            background: var(--color-bg-muted);
            position: relative;
            overflow: hidden;

            &:after {
                content: none;
            }
        }
    }

    @media (width < 64rem) {
        .photo-swap-item {
            align-items: center;
            padding-block: 1rem;

            &:has(.photo-swap-thumb) {
                grid-template-columns: 4.5rem minmax(0, 1fr);
                column-gap: 1rem;

                & .photo-swap-num {
                    display: none;
                }
            }
        }

        .photo-swap-thumb {
            aspect-ratio: 1;
            object-fit: cover;
            border-radius: var(--radius-sm);
            grid-row: span 2;
            width: 100%;
            display: block;
        }

        .photo-swap-link {
            color: var(--photo-swap-fg);
            padding-block: 0;
        }

        .photo-swap-arrow {
            display: none;
        }

        .photo-swap-text,
        .photo-swap-item.is-active .photo-swap-text {
            height: auto;
            padding-top: 0.25rem;
            font-size: 0.9375rem;
            display: block;
        }

        .photo-swap-item:has(.photo-swap-thumb) .photo-swap-text {
            padding-inline-start: 0;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .photo-swap-media img,
        .photo-swap-link,
        .photo-swap-arrow,
        .photo-swap-text {
            transition: none;
        }
    }

    .sticky-top {
        top: var(--sticky-offset, 1.5rem);
        align-self: start;
        position: sticky;
    }

    .sticky-top--lg {
        position: static;
    }

    @media (width >= 1024px) {
        .sticky-top--lg {
            top: var(--sticky-offset, 1.5rem);
            align-self: start;
            position: sticky;
        }
    }

    .sticky-bar {
        top: var(--sticky-offset, 1rem);
        z-index: var(--z-dropdown);
        position: sticky;
    }

    .sticky-bar--bottom {
        top: auto;
        bottom: var(--sticky-offset, 1rem);
    }

    [data-sticky-stuck] {
        transition:
            box-shadow var(--duration-base, 0.3s) var(--ease-out, ease),
            background-color var(--duration-base, 0.3s) var(--ease-out, ease);
    }

    [data-sticky-stuck].is-stuck {
        box-shadow: var(--shadow-lg);
    }

    @media (prefers-reduced-motion: reduce) {
        [data-sticky-stuck] {
            transition: none;
        }
    }

    .page-nav {
        z-index: var(--z-dropdown);
        background: var(--color-bg);
        border-top: 1px solid #0000;
        border-bottom: 1px solid var(--color-border);
        transition:
            box-shadow var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
        position: sticky;
        top: 0;
    }

    :root:not(.modal-open, .glightbox-open):has(.page-nav:not(.page-nav--under-header))
        .site-header {
        position: relative;
    }

    :root:not(.modal-open, .glightbox-open):has(.page-nav:not(.page-nav--under-header))
        .site-header.site-header {
        top: auto;
    }

    :root:not(.modal-open, .glightbox-open):has(.page-nav:not(.page-nav--under-header))
        .site-header.scrolled {
        box-shadow: none;
    }

    .page-nav--under-header {
        top: var(--header-h);
    }

    .page-nav.is-stuck {
        box-shadow: 0 10px 24px -14px #0f172a2e;
    }

    .page-nav--under-header.is-stuck {
        border-top-color: var(--color-border);
    }

    html.page-nav-stuck .site-header.scrolled {
        box-shadow: none;
    }

    .page-nav-measuring .site-header,
    .page-nav-measuring .site-header * {
        transition: none !important;
    }

    .page-nav-inner {
        scrollbar-width: none;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: stretch;
        gap: 1.5rem;
        display: flex;
        overflow-x: auto;
    }

    .page-nav-inner::-webkit-scrollbar {
        display: none;
    }

    .page-nav-link {
        text-align: center;
        white-space: nowrap;
        color: var(--color-text-soft);
        transition:
            color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        border-bottom: 2px solid #0000;
        flex: 1 1 0;
        justify-content: center;
        align-items: center;
        padding: 1.25rem 0.25rem;
        font-weight: 500;
        display: inline-flex;
    }

    .page-nav-link:hover {
        color: var(--color-text);
    }

    .page-nav-link.is-active {
        color: var(--color-primary-ink);
        border-bottom-color: var(--color-primary);
    }

    .page-nav-section {
        scroll-margin-top: 4.5rem;
    }

    :root:has(.page-nav--under-header) .page-nav-section {
        scroll-margin-top: calc(var(--header-h) + 4.5rem);
    }

    .page-nav-aside {
        border-left: 1px solid var(--color-border);
        flex-direction: column;
        display: flex;
    }

    .page-nav-aside a {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        transition: color var(--duration-base) var(--ease-out);
        padding: 0.5rem 0 0.5rem 1.1rem;
        text-decoration: none;
        position: relative;
    }

    .page-nav-aside a:before {
        content: '';
        background: var(--color-primary);
        width: 2px;
        transition: transform var(--duration-base) var(--ease-out);
        position: absolute;
        top: 0;
        bottom: 0;
        left: -1px;
        transform: scaleY(0);
    }

    .page-nav-aside a:hover {
        color: var(--color-text);
    }

    .page-nav-aside a.is-active {
        color: var(--color-text);
        font-weight: 600;
    }

    .page-nav-aside a.is-active:before {
        transform: scaleY(1);
    }

    .page-nav-aside a:has(.page-nav-aside-count) {
        align-items: baseline;
        gap: 0.75rem;
        display: flex;
    }

    .page-nav-aside-count {
        font-variant-numeric: tabular-nums;
        color: var(--color-text-muted);
        margin-left: auto;
        font-size: 0.875rem;
        font-weight: 600;
    }

    .page-nav-aside a.is-active .page-nav-aside-count {
        color: var(--color-primary-ink);
    }

    :is(.dark-section, .section-dark, .bg-dark) .page-nav-aside {
        border-left-color: oklch(from var(--on-surface, #fff) l c h / 0.16);

        & a {
            color: oklch(from var(--on-surface, #fff) l c h / 0.66);
        }

        & a:is(:hover, .is-active) {
            color: var(--on-surface, #fff);
        }

        & .page-nav-aside-count {
            color: oklch(from var(--on-surface, #fff) l c h / 0.5);
        }
    }

    .page-nav-aside--route {
        --aside-node: 0.625rem;
        --aside-accent: var(--color-primary);
        --aside-passed: var(--aside-accent);
        --aside-fill: var(--aside-accent);
        --aside-track: var(--color-border);
        --aside-node-bg: var(--color-bg);
        --aside-pad: 0.5rem;
        --aside-indent: calc(var(--aside-node) + 1rem);
        padding-left: var(--aside-indent);
        font-size: var(--text-base);
        border-left: 0;
        line-height: 1.4;
        position: relative;

        &:before,
        &:after {
            content: '';
            top: calc(var(--aside-pad) + 0.5lh);
            bottom: calc(var(--aside-pad) + 0.5lh);
            left: calc(var(--aside-node) / 2);
            pointer-events: none;
            width: 1px;
            position: absolute;
            translate: -50%;
        }

        &:before {
            background: var(--aside-track);
        }

        &:after {
            background: var(--aside-fill);
            transform-origin: top;
            width: 2px;
            scale: 1 var(--scroll-progress, 0);
        }

        & a {
            padding: var(--aside-pad) 0;
            font-size: inherit;
            line-height: inherit;
            align-items: baseline;
            gap: 0.75rem;
            display: flex;
        }

        & a:before {
            top: calc(var(--aside-pad) + 0.5lh);
            bottom: auto;
            left: calc(-1 * var(--aside-indent));
            z-index: 1;
            width: var(--aside-node);
            height: var(--aside-node);
            border-radius: var(--radius-full);
            background: var(--aside-node-bg);
            box-shadow: inset 0 0 0 1.5px var(--aside-node-ring, var(--color-text-muted));
            transition:
                background var(--duration-base) var(--ease-out),
                box-shadow var(--duration-base) var(--ease-out);
            transform: none;
        }

        & a:has(~ a.is-active):before {
            background: var(--aside-passed);
            box-shadow: inset 0 0 0 1.5px var(--aside-passed);
        }

        & a.is-active:before {
            background: var(--aside-accent);
            box-shadow:
                inset 0 0 0 1.5px var(--aside-accent),
                0 0 0 4px var(--aside-accent);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow:
                    inset 0 0 0 1.5px var(--aside-accent),
                    0 0 0 4px color-mix(in oklch, var(--aside-accent) 18%, transparent);
            }
        }
    }

    :is(.dark-section, .section-dark, .bg-dark) .page-nav-aside--route {
        --aside-track: oklch(from var(--on-surface, #fff) l c h / 0.16);
        --aside-node-bg: var(--color-dark);
    }

    @media (width < 1024px) {
        .page-nav-aside--swipe {
            margin-inline: calc(-1 * var(--container-x));
            padding: 0 var(--container-x);
            scrollbar-width: none;
            border-left: 0;
            flex-direction: row;
            gap: 0.5rem;
            overflow-x: auto;

            &::-webkit-scrollbar {
                display: none;
            }

            &:before,
            &:after {
                content: none;
            }

            & a {
                border-radius: var(--radius-pill);
                box-shadow: inset 0 0 0 1px var(--color-border);
                white-space: nowrap;
                transition:
                    color var(--duration-fast) var(--ease-out),
                    background var(--duration-fast) var(--ease-out);
                flex: none;
                align-items: center;
                gap: 0.5rem;
                padding: 0.625rem 1.125rem;
                line-height: 1.25;
                display: inline-flex;
            }

            & a:before {
                content: none;
            }

            & a.is-active {
                color: var(--color-on-primary);
                background: var(--color-primary);
                box-shadow: none;
            }

            & a.is-active .page-nav-aside-count {
                color: inherit;
                opacity: 0.75;
            }
        }

        :is(.dark-section, .section-dark, .bg-dark) .page-nav-aside--swipe a:not(.is-active) {
            box-shadow: inset 0 0 0 1px oklch(from var(--on-surface, #fff) l c h / 0.2);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .page-nav,
        .page-nav-link,
        .page-nav-aside a,
        .page-nav-aside a:before {
            transition: none;
        }
    }

    .stack-cards {
        gap: var(--stack-gap, 2.5rem);
        flex-direction: column;
        display: flex;
    }

    .stack-card {
        top: var(--stack-offset, 1.5rem);
        position: sticky;
    }

    .stack-cards--deck {
        --stack-gap: 0.75rem;
        --stack-tab: 2.5rem;
        --stack-top: calc(var(--header-h) + 1rem);
        --stack-card-h: 30rem;
        --stack-card-pad: clamp(1.25rem, 0.4rem + 3.4vw, 2.5rem);
        --stack-card-radius: calc(1.5rem * var(--radius-scale));
        --stack-card-bg: var(--color-surface);
        --stack-card-ink: var(--color-text);
        --stack-card-line: currentColor;

        @supports (color: color-mix(in lab, red, red)) {
            --stack-card-line: color-mix(in srgb, currentColor 12%, transparent);
        }

        --stack-card-tint: var(--color-primary);
        margin: 0;
        padding: 0;
        list-style: none;

        & > .stack-card {
            --stack-offset: calc(var(--stack-top) + var(--stack-i, 0) * var(--stack-tab));
            padding: 0 var(--stack-card-pad) var(--stack-card-pad);
            border-radius: var(--stack-card-radius);
            color: var(--stack-card-ink);
            background: var(--stack-card-bg);
            box-shadow:
                inset 0 0 0 1px var(--stack-card-line),
                0 -1rem 2rem -1.5rem #00000029;
            grid-template-rows: auto 1fr;
            display: grid;
            position: relative;
            top: auto;
        }

        & > .stack-card:nth-child(2) {
            --stack-i: 1;
        }

        & > .stack-card:nth-child(3) {
            --stack-i: 2;
        }

        & > .stack-card:nth-child(4) {
            --stack-i: 3;
        }

        & > .stack-card:nth-child(5) {
            --stack-i: 4;
        }

        & > .stack-card:nth-child(6) {
            --stack-i: 5;
        }

        & > .stack-card:nth-child(7) {
            --stack-i: 6;
        }

        & > .stack-card:nth-child(8) {
            --stack-i: 7;
        }

        & > .stack-card:nth-last-child(2) {
            --stack-left: 1;
        }

        & > .stack-card:nth-last-child(3) {
            --stack-left: 2;
        }

        & > .stack-card:nth-last-child(4) {
            --stack-left: 3;
        }

        & > .stack-card:nth-last-child(5) {
            --stack-left: 4;
        }

        & > .stack-card:nth-last-child(6) {
            --stack-left: 5;
        }

        & > .stack-card:nth-last-child(7) {
            --stack-left: 6;
        }

        & > .stack-card:nth-last-child(8) {
            --stack-left: 7;
        }

        & > .stack-card--soft {
            --stack-card-bg: var(--stack-card-tint);

            @supports (color: color-mix(in lab, red, red)) {
                --stack-card-bg: color-mix(
                    in oklch,
                    var(--stack-card-tint) 11%,
                    var(--color-surface)
                );
            }
        }

        & > .stack-card--primary {
            --stack-card-bg: var(--color-primary);
            --stack-card-ink: var(--color-on-primary);
        }

        & > .stack-card--dark {
            --stack-card-bg: var(--color-dark);
            --stack-card-ink: var(--color-on-dark);
        }

        & > :is(.stack-card--primary, .stack-card--dark) :is(h1, h2, h3, h4, h5, h6) {
            color: inherit;
        }
    }

    @media (width >= 1024px) {
        .stack-cards--deck {
            --stack-gap: 1.25rem;
            --stack-tab: 2.75rem;
        }
    }

    @media (width >= 1024px) and (height < 780px) {
        .stack-cards--deck {
            --stack-tab: 2.25rem;
        }
    }

    @media (width >= 1024px) and (height >= 700px) and (prefers-reduced-motion: no-preference) {
        .stack-cards--deck > .stack-card {
            top: var(--stack-offset);
            min-height: var(--stack-card-h);
            margin-bottom: calc(var(--stack-left, 0) * var(--stack-tab));
            position: sticky;

            & + .stack-card {
                margin-top: calc((var(--stack-left, 0) + 1) * var(--stack-tab) * -1);
            }
        }
    }

    :is(.dark-section, .section-dark, .bg-dark, .dark-island) .stack-cards--deck {
        --stack-card-bg: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --stack-card-bg: color-mix(in srgb, var(--color-dark) 90%, #fff);
        }

        --stack-card-ink: #fff;

        & > .stack-card :is(h1, h2, h3, h4, h5, h6) {
            color: inherit;
        }

        & > .stack-card--soft {
            --stack-card-bg: var(--stack-card-tint);

            @supports (color: color-mix(in lab, red, red)) {
                --stack-card-bg: color-mix(in oklch, var(--stack-card-tint) 22%, var(--color-dark));
            }
        }

        & > .stack-card--dark {
            --stack-card-bg: var(--color-dark);

            @supports (color: color-mix(in lab, red, red)) {
                --stack-card-bg: color-mix(in srgb, var(--color-dark) 80%, #fff);
            }

            --stack-card-ink: #fff;
        }
    }

    .stack-card-tab {
        height: var(--stack-tab, 2.5rem);
        white-space: nowrap;
        color: inherit;
        background: repeating-linear-gradient(90deg, currentColor 0 5px, #0000 5px 10px) bottom /
            100% 1px no-repeat;
        align-items: center;
        gap: 0.75rem;
        margin: 0;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1;
        display: flex;

        @supports (color: color-mix(in lab, red, red)) {
            background: repeating-linear-gradient(
                    90deg,
                    color-mix(in srgb, currentColor 24%, transparent) 0 5px,
                    transparent 5px 10px
                )
                bottom / 100% 1px no-repeat;
        }
    }

    .stack-card-index {
        letter-spacing: 0.04em;
        font-variant-numeric: tabular-nums;
        opacity: 0.6;
        font-weight: 600;
    }

    .stack-card-body {
        min-width: 0;
        padding-top: var(--stack-card-pad, 1.5rem);
    }

    [data-stack-panel] {
        transform-origin: top;
        will-change: transform, filter;
        position: static;
    }

    @media (width >= 1024px) {
        [data-stack-panel] {
            top: var(--stack-offset, 6rem);
            position: sticky;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        [data-stack-panel] {
            filter: none;
            position: static;
            transform: none;
        }
    }

    body.page-stack .site-header {
        box-shadow: none;
        position: static;
    }

    [data-hscroll] {
        --hscroll-gutter: 1.25rem;
        --hscroll-gap: 1rem;
        --hscroll-radius: var(--radius-xl);
        --hscroll-inset-top: var(--header-h, 0px);
        position: relative;
    }

    [data-hscroll-viewport] {
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--hscroll-gutter);
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding-block: var(--hscroll-gutter);
        position: relative;
        overflow: auto hidden;

        &::-webkit-scrollbar {
            display: none;
        }
    }

    [data-hscroll-track] {
        align-items: stretch;
        gap: var(--hscroll-gap);
        padding-inline: var(--hscroll-gutter);
        width: max-content;
        height: var(--hscroll-panel-h, min(78svh, 34rem));
        display: flex;
    }

    [data-hscroll-panel] {
        scroll-snap-align: center;
        border-radius: var(--hscroll-radius);
        isolation: isolate;
        flex: none;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .hscroll--pinned {
        min-height: 100svh;
    }

    .hscroll--pinned [data-hscroll-viewport] {
        scroll-snap-type: none;
        height: 100svh;
        padding-block: 0;
        padding-top: var(--hscroll-inset-top);
        align-items: center;
        display: flex;
        position: sticky;
        top: 0;
        overflow: hidden;
    }

    .hscroll--pinned.hscroll--fits [data-hscroll-viewport] {
        justify-content: center;
    }

    .hscroll--pinned [data-hscroll-track] {
        height: var(
            --hscroll-panel-h,
            calc(100svh - var(--hscroll-inset-top) - var(--hscroll-gutter) * 2)
        );
        will-change: transform;
    }

    .hscroll--pinned [data-hscroll-panel] {
        scroll-snap-align: none;
    }

    .hscroll-panel-fill {
        --color-white: var(--hscroll-panel-on, #fff);
        background-color: var(--hscroll-panel-bg, var(--color-bg-soft));
        flex-direction: column;
        justify-content: center;
        padding: clamp(1.75rem, 4vw, 4rem);
        display: flex;
    }

    .hscroll-panel-media {
        background-color: var(--color-bg-muted);

        & > img,
        & > video {
            object-fit: cover;
            width: 112%;
            max-width: none;
            height: 100%;
            position: absolute;
            inset: 0 0 0 -6%;
        }
    }

    [data-hscroll-panel] {
        transition: opacity var(--duration-base) var(--ease-out);
    }

    .hscroll--pinned .hscroll-dim [data-hscroll-panel] {
        opacity: var(--hscroll-dim-opacity, 0.55);

        &.is-active {
            opacity: 1;
        }
    }

    .hscroll-caption {
        transition:
            opacity var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
    }

    .hscroll--pinned .hscroll-caption {
        opacity: 0;
        transform: translateY(0.75rem);
    }

    .hscroll--pinned .is-revealed .hscroll-caption {
        opacity: 1;
        transform: none;
    }

    .hscroll-rail {
        border-radius: var(--radius-pill);
        background-color: var(--color-border-soft);
        height: 2px;
        position: relative;
        overflow: hidden;
    }

    [data-hscroll-progress] {
        border-radius: inherit;
        background-color: var(--color-primary);
        transform-origin: 0;
        width: 100%;
        height: 100%;
        display: block;
        transform: scaleX(0);
    }

    .hscroll-hud {
        left: 50%;
        bottom: calc(var(--hscroll-gutter) + 1.25rem);
        z-index: 2;
        max-width: calc(100% - var(--hscroll-gutter) * 4);
        border-radius: var(--radius-pill);
        border: 1px solid var(--color-border-soft);
        background-color: var(--color-bg);
        align-items: center;
        gap: 0.875rem;
        padding: 0.5rem 1.25rem 0.5rem 0.5rem;
        display: flex;
        position: absolute;
        transform: translateX(-50%);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in srgb, var(--color-bg) 78%, transparent);
        }

        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        box-shadow: var(--shadow-md);
    }

    @media (width <= 639px) {
        .hscroll-hud {
            gap: 0.5rem;
            padding-right: 1rem;
        }

        .hscroll-hud .hscroll-rail {
            display: none;
        }
    }

    .hscroll-nav-btn {
        border: 1px solid var(--color-border);
        background-color: var(--color-bg);
        width: 2.5rem;
        height: 2.5rem;
        color: var(--color-text);
        transition:
            background-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            transform var(--duration-fast) var(--ease-out),
            opacity var(--duration-fast) var(--ease-out);
        border-radius: 999px;
        flex: none;
        place-items: center;
        display: inline-grid;

        &:hover:not(:disabled) {
            background-color: var(--color-text);
            color: var(--color-bg);
            transform: translateY(-2px);
        }

        &:disabled {
            opacity: 0.35;
            cursor: default;
        }
    }

    [data-hscroll]:not(.hscroll--pinned) .hscroll-hud {
        display: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .hscroll--pinned,
        .hscroll--pinned [data-hscroll-viewport] {
            height: auto;
            min-height: 0;
            position: static;
        }

        .hscroll--pinned [data-hscroll-viewport] {
            scroll-snap-type: x mandatory;
            padding-block: var(--hscroll-gutter);
            overflow-x: auto;
        }

        .hscroll--pinned [data-hscroll-track] {
            height: auto;
            transform: none !important;
        }

        [data-hscroll-parallax] {
            transform: none !important;
        }
    }

    .map {
        border-radius: var(--radius-xl);
        z-index: 0;
        isolation: isolate;
        width: 100%;
        height: 420px;
        position: relative;
        overflow: hidden;
    }

    .map.leaflet-container {
        font-family: var(--font-sans);
        background: #b3d1da !important;
    }

    .map[data-tiles='dark'].leaflet-container {
        background: #1f2a30 !important;
    }

    .map:not([data-tiles]) .leaflet-tile-pane,
    .map[data-tiles='light'] .leaflet-tile-pane {
        filter: saturate(0.6) contrast(0.96) brightness(1.03);
    }

    .map .leaflet-container {
        border-radius: inherit;
        width: 100%;
        height: 100%;
        font-family: var(--font-sans);
        font-size: var(--text-sm);
        color: var(--color-text);
        background: var(--color-bg-muted);
    }

    .map[data-tiles='dark'] .leaflet-tile-pane {
        filter: invert() hue-rotate(180deg) brightness(0.92) contrast(0.88) saturate(0.7);
    }

    .map[data-map-hint]:after {
        content: attr(data-map-hint);
        z-index: 1100;
        color: #fff;
        font-size: var(--text-lg);
        text-align: center;
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--duration-base) var(--ease-out);
        background: #0f172a8c;
        place-items: center;
        padding: 1.5rem;
        font-weight: 600;
        display: grid;
        position: absolute;
        inset: 0;
    }

    .map.is-hinting:after {
        opacity: 1;
    }

    .map--sm {
        height: 300px;
    }

    .map--lg {
        height: 560px;
    }

    .map--full {
        border-radius: 0;
        height: 100%;
        min-height: 70vh;
    }

    .map-banner {
        position: relative;
    }

    .map-card {
        z-index: 1;
        top: 50%;
        right: max(var(--container-x), calc((100vw - var(--container-width)) / 2));
        width: min(400px, calc(100vw - var(--container-x) * 2));
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
        color: var(--color-on-primary);
        background:
            var(--gradient-primary-light, none),
            linear-gradient(
                155deg,
                var(--color-primary-500-shade) 0%,
                var(--color-primary-700) 100%
            );
        border-radius: var(--radius-xl);
        box-shadow: var(--shadow-2xl);
        position: absolute;
        overflow: hidden;
        transform: translateY(-50%);
    }

    .map-card-body {
        padding: 2.25rem 2.25rem 2rem;
    }

    .map-card-eyebrow {
        font-size: var(--text-xs);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.9rem;
        font-weight: 600;
        display: inline-flex;
    }

    .map-card-title {
        font-size: var(--text-3xl);
        line-height: var(--leading-tight);
        color: var(--on-surface, #fff);
        margin: 0 0 1.5rem;
    }

    .map-card-name {
        font-weight: 600;
        font-size: var(--text-lg);
        color: var(--on-surface, #fff);
        margin: 0 0 0.3rem;
    }

    .map-card-address {
        color: oklch(from var(--on-surface, #fff) l c h / 0.72);
        line-height: var(--leading-normal);
        margin: 0;
    }

    .map-card-contact {
        border-top: 1px solid oklch(from var(--on-surface, #fff) l c h / 0.15);
        flex-direction: column;
        gap: 0.85rem;
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        display: flex;
    }

    .map-card-contact-item {
        font-size: var(--text-sm);
        color: var(--on-surface, #fff);
        align-items: center;
        gap: 0.75rem;
        display: flex;
    }

    .map-card-contact-item i {
        border-radius: var(--radius-full);
        background: oklch(from var(--on-surface, #fff) l c h / 0.12);
        flex-shrink: 0;
        place-items: center;
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
        display: grid;
    }

    .map-card-contact-item a {
        color: var(--on-surface, #fff);
        transition: opacity var(--duration-fast) var(--ease-out);
        text-decoration: none;
    }

    .map-card-contact-item a:hover {
        opacity: 0.8;
    }

    .map-card-action {
        background: oklch(from var(--on-surface, #fff) l c h / 0.1);
        border-top: 1px solid oklch(from var(--on-surface, #fff) l c h / 0.18);
        font-size: var(--text-sm);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        color: var(--on-surface, #fff);
        transition: background var(--duration-fast) var(--ease-out);
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding: 1.1rem;
        font-weight: 600;
        display: flex;
    }

    .map-card-action:hover {
        background: oklch(from var(--on-surface, #fff) l c h / 0.2);
        color: var(--on-surface, #fff);
    }

    @media (width <= 767px) {
        .map-card {
            width: auto;
            margin: -2.5rem 1rem 0;
            position: relative;
            top: auto;
            right: auto;
            transform: none;
        }
    }

    .contact-kicker {
        font-size: var(--text-xs);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        color: var(--color-primary-ink);
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.85rem;
        font-weight: 600;
        display: inline-flex;
    }

    .contact-title {
        font-size: var(--text-2xl);
        line-height: var(--leading-tight);
        margin: 0 0 0.6rem;
    }

    .contact-lead {
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
        margin: 0 0 2rem;
    }

    .contact-form {
        flex-direction: column;
        gap: 1.25rem;
        display: flex;
    }

    .contact-form-row {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        display: grid;
    }

    @media (width >= 480px) {
        .contact-form-row {
            grid-template-columns: 1fr 1fr;
        }
    }

    .contact-form .btn {
        margin-top: 0.25rem;
    }

    .contact-map {
        height: 100%;
        min-height: 420px;
    }

    .leaflet-popup-content-wrapper {
        color: var(--color-text);
        border: 1px solid #0f172a0f;
        overflow: hidden;
        background: var(--color-bg) !important;
        border-radius: var(--radius-lg) !important;
        padding: 0 !important;
        box-shadow:
            0 2px 6px #0f172a0f,
            0 18px 40px -10px #0f172a4d !important;
    }

    .leaflet-popup-content {
        min-width: 180px;
        font-family: var(--font-sans);
        font-size: var(--text-sm);
        line-height: var(--leading-snug);
        color: var(--color-text-soft);
        text-align: center;
        padding: 1.125rem 1.5rem 1.25rem;
        margin: 0 !important;
    }

    .leaflet-popup-content p {
        margin: 0 0 0.15rem !important;
    }

    .leaflet-popup-content p:last-child {
        margin-bottom: 0 !important;
    }

    .leaflet-popup-content strong,
    .leaflet-popup-content b {
        color: var(--color-text);
        font-weight: 600;
        font-size: var(--text-base);
        letter-spacing: -0.01em;
    }

    .leaflet-popup-content a.btn {
        border-radius: var(--btn-radius-override, var(--radius-full));
        font-size: var(--text-sm);
        margin-top: 0.875rem;
    }

    .leaflet-popup-content a.btn i {
        transition: translate var(--duration-fast) var(--ease-out);
    }

    .leaflet-popup-content a.btn:hover i {
        translate: 2px;
    }

    .leaflet-popup-content a.btn,
    .leaflet-popup-content a.btn:hover {
        color: #fff !important;
    }

    .leaflet-popup-content a.btn-primary,
    .leaflet-popup-content a.btn-primary:hover {
        color: var(--color-on-primary) !important;
    }

    .leaflet-popup-content a.btn-light {
        color: var(--color-dark) !important;
    }

    .leaflet-popup-content a.btn-outline-primary,
    .leaflet-popup-content a.btn-link {
        color: var(--color-primary-ink) !important;
    }

    .leaflet-popup-tip-container {
        width: 24px;
        height: 12px;
    }

    .leaflet-popup-tip {
        border: 1px solid #0f172a0f;
        background: var(--color-bg) !important;
        box-shadow: none !important;
    }

    .leaflet-popup-close-button {
        border-radius: var(--radius-full);
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out);
        place-items: center;
        color: var(--color-text-muted) !important;
        width: 1.75rem !important;
        height: 1.75rem !important;
        padding: 0 !important;
        font-size: 1.1rem !important;
        line-height: 1 !important;
        display: grid !important;
        top: 0.375rem !important;
        right: 0.375rem !important;
    }

    .leaflet-popup-close-button:hover {
        background: var(--color-bg-muted);
        color: var(--color-text) !important;
    }

    .leaflet-bar {
        overflow: hidden;
        border-radius: calc(0.875rem * var(--radius-scale)) !important;
        border: 1px solid #0f172a0f !important;
        box-shadow: 0 8px 20px -6px #0f172a33 !important;
    }

    .leaflet-top.leaflet-left .leaflet-control {
        margin-top: 1rem;
        margin-left: 1rem;
    }

    .leaflet-control-zoom a,
    .leaflet-bar a {
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        place-items: center;
        font-weight: 500;
        color: var(--color-text) !important;
        border-bottom: 1px solid var(--color-border-soft) !important;
        background: #fffffff5 !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 1.125rem !important;
        line-height: 1 !important;
        display: grid !important;
    }

    .leaflet-control-zoom a:last-child,
    .leaflet-bar a:last-child {
        border-bottom: none !important;
    }

    .leaflet-control-zoom a:hover,
    .leaflet-bar a:hover {
        background: var(--color-primary-50) !important;
        color: var(--color-primary-ink-light) !important;
    }

    .leaflet-bar a.leaflet-disabled {
        color: var(--color-text-muted) !important;
        background: #fffffff5 !important;
    }

    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out {
        font-family: var(--font-sans) !important;
    }

    .leaflet-container .leaflet-control-attribution {
        border-radius: var(--radius-pill);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        color: var(--color-text-soft);
        font-size: 0.6875rem;
        background: #ffffffb8 !important;
        margin: 0 0.875rem 0.625rem 0 !important;
        padding: 0.125rem 0.625rem !important;
    }

    .map-pin {
        background: none;
        border: none;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 32px !important;
        height: 32px !important;
    }

    .map-pin:after {
        content: '';
        filter: blur(1.5px);
        width: 14px;
        height: 5px;
        transition:
            transform var(--duration-base) var(--ease-out),
            opacity var(--duration-base) var(--ease-out);
        z-index: -1;
        background: #0f172a47;
        border-radius: 50%;
        margin-left: -7px;
        position: absolute;
        bottom: -3px;
        left: 50%;
    }

    .map-pin i {
        color: var(--color-primary-ink);
        filter: drop-shadow(0 4px 6px var(--color-primary)) drop-shadow(0 1px 1px #0003);
        font-size: 2.125rem;
        line-height: 1;

        @supports (color: color-mix(in lab, red, red)) {
            filter: drop-shadow(0 4px 6px color-mix(in srgb, var(--color-primary) 35%, transparent))
                drop-shadow(0 1px 1px #0003);
        }

        transform-origin: 50% 100%;
        transition: transform var(--duration-base) var(--ease-spring);
        display: block;
    }

    .map-pin:hover i {
        transform: translateY(-4px) scale(1.06);
    }

    .map-pin:hover:after {
        opacity: 0.6;
        transform: scale(0.75);
    }

    .map-locator {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-xl);
        grid-template-columns: 1fr;
        gap: 0;
        display: grid;
        overflow: hidden;
        box-shadow:
            0 1px 2px #0f172a0a,
            0 24px 48px -24px #0f172a2e;
    }

    @media (width >= 1024px) {
        .map-locator {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
        }
    }

    .map-locator-list {
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        background: var(--color-bg);
        min-height: 0;
        max-height: 100%;
        overflow-y: auto;
    }

    @media (width >= 1024px) {
        .map-locator-list {
            border-right: 1px solid var(--color-border);
            border-bottom: none;
        }
    }

    .map-locator-item {
        text-align: left;
        border-bottom: 1px solid var(--color-border-soft);
        cursor: pointer;
        background: var(--color-bg);
        width: 100%;
        color: var(--color-text);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        align-items: flex-start;
        gap: 0.875rem;
        padding: 1.0625rem 1.375rem;
        display: flex;
    }

    .map-locator-item:last-of-type {
        border-bottom: none;
    }

    .map-locator-item:hover {
        background: var(--color-bg-soft);
    }

    .map-locator-item.is-active {
        background: var(--color-primary-50);
    }

    .map-locator-item.is-active .map-locator-item-title {
        color: var(--color-text);
    }

    .map-locator-item:hover .map-locator-item-icon {
        color: var(--color-text-soft);
    }

    .map-locator-item.is-active .map-locator-item-icon {
        color: var(--color-primary-ink);
    }

    .map-locator-item-icon {
        color: var(--color-text-muted);
        transition: color var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        margin-top: 0.2rem;
        font-size: 1.125rem;
    }

    .map-locator-item-body {
        flex: 1;
        min-width: 0;
    }

    .map-locator-item-title {
        font-weight: 600;
        font-size: var(--text-base);
        letter-spacing: -0.01em;
        color: var(--color-text);
        line-height: var(--leading-snug);
        transition: color var(--duration-fast) var(--ease-out);
        margin-bottom: 0.3rem;
        display: block;
    }

    .map-locator-item-meta {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        line-height: 1.5;
        display: block;
    }

    .map-locator .map {
        border-radius: 0;
        height: 100%;
        min-height: 300px;
    }

    @media (width >= 1024px) {
        .map-locator .map {
            min-height: 420px;
        }
    }

    .media-embed {
        aspect-ratio: 16 / 9;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .media-embed > iframe,
    .media-embed > video,
    .media-embed > img {
        object-fit: cover;
        border: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
    }

    .media-embed--4-3 {
        aspect-ratio: 4 / 3;
    }

    .media-embed--1-1 {
        aspect-ratio: 1;
    }

    .media-embed--21-9 {
        aspect-ratio: 21 / 9;
    }

    .media-facade {
        cursor: pointer;
    }

    .media-facade:after {
        content: '';
        opacity: 0.85;
        transition: opacity var(--duration-base) var(--ease-out);
        pointer-events: none;
        z-index: 1;
        background:
            radial-gradient(circle, #0000001f, #0000 60%), linear-gradient(#00000005 40%, #00000047);
        position: absolute;
        inset: 0;
    }

    .media-facade:hover:after {
        opacity: 1;
    }

    .media-facade > img {
        transition: transform var(--duration-xslow) var(--ease-out);
    }

    .media-facade:hover > img {
        transform: scale(1.03);
    }

    .media-play-btn {
        z-index: 2;
        border-radius: var(--radius-full);
        width: 4rem;
        height: 4rem;
        color: var(--color-text);
        cursor: pointer;
        transition:
            transform var(--duration-base) var(--ease-spring),
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        background: #fffffff0;
        border: 0;
        justify-content: center;
        align-items: center;
        padding-left: 0.15rem;
        font-size: 1.4rem;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 10px 30px -6px #00000059;
    }

    @media (width >= 768px) {
        .media-play-btn {
            width: 4.75rem;
            height: 4.75rem;
            font-size: 1.625rem;
        }
    }

    .media-play-btn:before,
    .media-play-btn:after {
        content: '';
        border-radius: inherit;
        pointer-events: none;
        animation: media-play-ring 2.6s var(--ease-out) infinite;
        border: 1.5px solid #ffffffb3;
        position: absolute;
        inset: 0;
    }

    .media-play-btn:after {
        animation-delay: 1.3s;
    }

    .media-facade:hover .media-play-btn {
        color: var(--color-primary-ink-light);
        background: #fff;
        transform: translate(-50%, -50%) scale(1.08);
        box-shadow: 0 16px 40px -8px #00000073;
    }

    .media-play-btn:focus-visible {
        outline-offset: 4px;
        outline: 2px solid #fff;
    }

    @media (prefers-reduced-motion: reduce) {
        .media-play-btn:before,
        .media-play-btn:after {
            opacity: 0;
            animation: none;
        }

        .media-facade:hover > img {
            transform: none;
        }
    }

    .media-bg {
        position: relative;
        overflow: hidden;
    }

    .media-bg-video {
        object-fit: cover;
        z-index: -2;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
    }

    .media-bg-embed {
        z-index: -2;
        pointer-events: none;
        background-position: center;
        background-size: cover;
        position: absolute;
        inset: 0;
        overflow: hidden;
    }

    .media-bg-embed iframe {
        border: 0;
        width: 100vw;
        min-width: 177.78vh;
        height: 56.25vw;
        min-height: 100vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .chapter-list {
        --chapter-time: var(--color-primary-ink);
        flex-direction: column;
        display: flex;
    }

    .chapter {
        border-radius: var(--radius-lg);
        text-align: left;
        width: 100%;
        color: inherit;
        transition: background-color var(--duration-base) var(--ease-out);
        grid-template-columns: 3.75rem minmax(0, 1fr) auto;
        align-items: center;
        gap: 1rem;
        padding: 0.875rem 1rem;
        text-decoration: none;
        display: grid;
    }

    :is(a, button).chapter:hover {
        background: var(--color-bg-soft);
    }

    .chapter.is-active {
        background: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-primary) 8%, transparent);
        }
    }

    .chapter-time {
        font-family: var(--font-sans);
        font-size: var(--text-sm);
        font-variant-numeric: tabular-nums;
        color: var(--chapter-time, var(--color-primary-ink));
    }

    .chapter-title {
        color: var(--color-text);
        font-weight: 600;
        display: block;
    }

    .chapter-text {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        margin-top: 0.25rem;
        line-height: 1.6;
        display: block;
    }

    .chapter > i {
        color: var(--chapter-time, var(--color-primary-ink));
        opacity: 0;
        transition:
            opacity var(--duration-base) var(--ease-out),
            translate var(--duration-base) var(--ease-out);
        translate: -0.375rem;
    }

    .chapter:hover > i,
    .chapter.is-active > i {
        opacity: 1;
        translate: 0;
    }

    .chapter-list--dark {
        --chapter-time: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --chapter-time: color-mix(in srgb, var(--color-primary) 45%, #fff);
        }
    }

    .chapter-list--dark .chapter-title {
        color: #fff;
    }

    .chapter-list--dark .chapter-text {
        color: #fff9;
    }

    .chapter-list--dark :is(a, button).chapter:hover {
        background: #ffffff0d;
    }

    .chapter-list--ruled {
        border-top: 1px solid var(--color-border);
    }

    .chapter-list--ruled .chapter {
        border-bottom: 1px solid var(--color-border);
        border-radius: 0;
        align-items: start;
        padding: 1.25rem 0;
    }

    .chapter-list--dark.chapter-list--ruled,
    .chapter-list--dark.chapter-list--ruled .chapter {
        border-color: #ffffff1a;
    }

    .audio-player {
        border-radius: var(--radius-28);
        background: var(--color-dark);
        color: #fff;
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
        padding: clamp(1.25rem, 3vw, 2rem);
        display: grid;
    }

    .audio-player-play {
        background: var(--color-primary);
        width: 4rem;
        height: 4rem;
        color: var(--color-on-primary);
        box-shadow: 0 10px 28px -8px var(--color-primary);
        border-radius: 50%;
        flex-shrink: 0;
        place-items: center;
        font-size: 1.5rem;
        display: grid;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 10px 28px -8px color-mix(in srgb, var(--color-primary) 70%, transparent);
        }

        transition:
            transform var(--duration-base) var(--ease-spring),
            box-shadow var(--duration-base) var(--ease-out);
    }

    .audio-player-play:hover {
        transform: scale(1.06);
    }

    .audio-player-play:active {
        transform: scale(0.96);
    }

    .audio-player-play:focus-visible {
        outline-offset: 3px;
        outline: 2px solid #fff;
    }

    .audio-player.is-playing .audio-player-play {
        animation: audio-play-halo 2.2s var(--ease-out) infinite;
    }

    .audio-player-wave {
        cursor: pointer;
        align-items: center;
        gap: 3px;
        height: 4rem;
        display: flex;
    }

    .audio-player-wave > span {
        min-width: 2px;
        height: var(--h, 40%);
        border-radius: var(--radius-pill);
        transform-origin: center;
        transition:
            background-color 0.2s linear,
            transform var(--duration-fast) var(--ease-out);
        background: #ffffff38;
        flex: 1 1 0;
    }

    .audio-player-wave > span.is-played {
        background: linear-gradient(180deg, var(--color-primary), var(--color-primary));

        @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient(
                180deg,
                color-mix(in srgb, var(--color-primary) 70%, #fff),
                var(--color-primary)
            );
        }
    }

    .audio-player-wave:hover > span:not(.is-played) {
        background: #ffffff4d;
    }

    .audio-player-wave > span:hover {
        background: #fff9;
        transform: scaleY(1.15);
    }

    .audio-player-wave:focus-visible {
        outline: 2px solid var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            outline: 2px solid color-mix(in srgb, var(--color-primary) 60%, #fff);
        }

        outline-offset: 6px;
        border-radius: calc(0.5rem * var(--radius-scale));
    }

    @media (width <= 639px) {
        .audio-player-wave {
            gap: 2px;
            height: 3rem;
        }

        .audio-player-wave > span {
            min-width: 1px;
        }
    }

    .audio-player-btn {
        border-radius: var(--radius-pill);
        min-width: 2.5rem;
        height: 2.5rem;
        font-size: var(--text-sm);
        color: #ffffffd9;
        transition:
            border-color var(--duration-base) var(--ease-out),
            background-color var(--duration-base) var(--ease-out);
        border: 1px solid #ffffff29;
        justify-content: center;
        align-items: center;
        gap: 0.375rem;
        padding-inline: 0.75rem;
        font-weight: 600;
        display: inline-flex;
    }

    .audio-player-btn:hover {
        background: #ffffff0f;
        border-color: #ffffff73;
    }

    .audio-player-time {
        font-family: var(--font-sans);
        font-size: var(--text-sm);
        font-variant-numeric: tabular-nums;
        color: #fff9;
    }

    .audio-player-eq {
        align-items: flex-end;
        gap: 2px;
        height: 0.875rem;
        display: inline-flex;
    }

    .audio-player-eq > span {
        background: currentColor;
        border-radius: 2px;
        width: 3px;
        height: 30%;
    }

    .audio-player.is-playing .audio-player-eq > span {
        animation: 0.8s ease-in-out infinite alternate audio-eq;
    }

    .audio-player.is-playing .audio-player-eq > span:nth-child(2) {
        animation-delay: -0.3s;
    }

    .audio-player.is-playing .audio-player-eq > span:nth-child(3) {
        animation-delay: -0.55s;
    }

    @media (prefers-reduced-motion: reduce) {
        .audio-player.is-playing .audio-player-eq > span {
            height: 70%;
            animation: none;
        }

        .audio-player.is-playing .audio-player-play {
            animation: none;
        }
    }

    .post-meta {
        align-items: center;
        gap: var(--space-2) var(--space-4);
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        flex-wrap: wrap;
        display: flex;
    }

    .post-meta-item {
        align-items: center;
        gap: var(--space-1);
        display: flex;
    }

    .post-author {
        align-items: center;
        gap: 0.625rem;
        display: flex;
    }

    .post-author-avatar {
        border-radius: var(--radius-full);
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        overflow: hidden;
    }

    .post-author-avatar img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
    }

    .post-author-name {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 500;
    }

    .post-list {
        flex-direction: column;
        display: flex;
    }

    .post-list-item {
        gap: var(--space-5);
        padding: var(--space-5) 0;
        border-bottom: 1px solid var(--color-border);
        text-decoration: none;
        display: flex;

        &:first-child {
            border-top: 1px solid var(--color-border);
        }

        &:hover .post-list-title {
            color: var(--color-primary-ink);
        }
    }

    .post-list-date {
        text-align: center;
        flex-shrink: 0;
        width: 3.25rem;
        padding-top: 0.1rem;
    }

    .post-list-date-day {
        font-size: var(--text-2xl);
        color: var(--color-primary-ink);
        font-weight: 700;
        line-height: 1;
        display: block;
    }

    .post-list-date-month {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.2rem;
        display: block;
    }

    .post-list-body {
        flex: 1;
        min-width: 0;
    }

    .post-list-title {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
        transition: color var(--duration-fast) var(--ease-out);
        margin-bottom: var(--space-1);
    }

    .post-list-excerpt {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        line-height: var(--leading-relaxed);
    }

    .post-list-read-more {
        align-items: center;
        gap: var(--space-1);
        font-size: var(--text-base);
        color: var(--color-primary-ink);
        margin-top: var(--space-2);
        transition: gap var(--duration-fast) var(--ease-out);
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            gap: var(--space-2);
        }
    }

    .post-thumb-item {
        align-items: flex-start;
        gap: var(--space-3);
        padding: var(--space-3) 0;
        border-bottom: 1px solid var(--color-border);
        text-decoration: none;
        display: flex;

        &:first-child {
            padding-top: 0;
        }

        &:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        &:hover .post-thumb-title {
            color: var(--color-primary-ink);
        }
    }

    .post-thumb-img {
        border-radius: var(--radius-md);
        flex-shrink: 0;
        width: 5rem;
        height: 5rem;
        overflow: hidden;
    }

    .post-thumb-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: transform var(--duration-slow) var(--ease-out);
        display: block;
    }

    .post-thumb-item:hover .post-thumb-img img {
        transform: scale(1.08);
    }

    .post-thumb-title {
        font-size: var(--text-base);
        color: var(--color-text);
        font-weight: 600;
        line-height: var(--leading-snug);
        transition: color var(--duration-fast) var(--ease-out);
        margin-bottom: var(--space-1);
    }

    .post-thumb-meta {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        align-items: center;
        gap: var(--space-2);
        display: flex;
    }

    .post-quote {
        padding: clamp(1.75rem, 3.5vw, 2.75rem);
    }

    .post-quote-mark {
        font-size: 6.5rem;
        line-height: 0.5;
        font-family: var(--font-serif);
        color: var(--color-primary-200);
        -webkit-user-select: none;
        user-select: none;
        margin-bottom: 1rem;
        display: block;
    }

    .post-quote-text {
        font-family: var(--font-serif);
        letter-spacing: -0.01em;
        color: var(--color-text);
        margin-bottom: 0;
        font-size: clamp(1.375rem, 1.9vw, 1.875rem);
        font-style: italic;
        font-weight: 400;
        line-height: 1.25;

        & .post-quote-source {
            font-family: var(--font-sans);
            font-style: normal;
            font-weight: normal;
            font-size: var(--text-base);
            letter-spacing: normal;
            margin-top: 1.75rem;
        }
    }

    .post-quote-source {
        align-items: center;
        gap: 0.75rem;
        display: flex;
    }

    .post-quote-source-avatar {
        border-radius: var(--radius-full);
        flex-shrink: 0;
        width: 2.25rem;
        height: 2.25rem;
        overflow: hidden;
    }

    .post-quote-source-avatar img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
    }

    .post-quote-source-name {
        font-size: var(--text-base);
        color: var(--color-text);
        font-style: normal;
        font-weight: 600;
        display: block;
    }

    .post-quote-source-role {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        display: block;
    }

    [class*='card-filled'] .post-quote-mark {
        color: oklch(from var(--on-surface, #fff) l c h / 0.4);
    }

    [class*='card-filled'] .post-quote-text {
        color: var(--on-surface, #fff);
    }

    [class*='card-filled'] .post-quote-source-name {
        color: oklch(from var(--on-surface, #fff) l c h / 0.9);
    }

    [class*='card-filled'] .post-quote-source-role {
        color: oklch(from var(--on-surface, #fff) l c h / 0.7);
    }

    .post-video-wrap {
        position: relative;
        overflow: hidden;
    }

    .post-video-wrap img {
        object-fit: cover;
        width: 100%;
        transition: transform var(--duration-slow) var(--ease-out);
        display: block;
    }

    .post-video-play {
        transition: background var(--duration-base) var(--ease-out);
        background: #0003;
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        inset: 0;
    }

    .post-video-play-btn {
        border-radius: var(--radius-full);
        width: 3.5rem;
        height: 3.5rem;
        color: var(--color-text);
        transition:
            transform var(--duration-base) var(--ease-spring),
            background var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-fast) var(--ease-out);
        background: #ffffffeb;
        justify-content: center;
        align-items: center;
        padding-left: 0.15rem;
        font-size: 1.35rem;
        display: flex;
    }

    .card-hover:hover .post-video-wrap img {
        transform: scale(1.05);
    }

    .card-hover:hover .post-video-play {
        background: #00000061;
    }

    .card-hover:hover .post-video-play-btn {
        background: #fff;
        transform: scale(1.12);
        box-shadow: 0 8px 24px #00000038;
    }

    .post-link-badge {
        background: var(--color-bg-muted);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-pill);
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        transition:
            background var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.35rem;
        margin-bottom: 0.75rem;
        padding: 0.3rem 0.75rem;
        font-weight: 500;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            background: var(--color-primary-50);
            color: var(--color-primary-ink);
        }
    }

    .post-date-badge {
        z-index: 1;
        background: var(--color-surface);
        text-align: center;
        border-radius: var(--radius-md);
        padding: 0.5rem 0.875rem;
        line-height: 1;
        position: absolute;
        top: 1.25rem;
        left: 1.5rem;
    }

    .post-date-badge-day {
        font-size: var(--text-xl);
        color: var(--color-text);
        font-weight: 700;
        display: block;
    }

    .post-date-badge-month {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        margin-top: 0.2rem;
        font-weight: 500;
        display: block;
    }

    .post-count-badge {
        z-index: 1;
        position: absolute;
        top: 1rem;
        right: 1.25rem;
    }

    .post-read-more {
        align-items: center;
        gap: var(--space-1);
        font-size: var(--text-base);
        color: var(--color-primary-ink);
        transition:
            gap var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out);
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;

        &:hover {
            gap: var(--space-2);
            color: var(--color-primary-ink);
        }
    }

    .post-dark-section {
        background: var(--color-dark);
    }

    .post-dark-section .card {
        background: #ffffff0d;
        border-color: #ffffff1a;
    }

    .post-dark-section .card:hover {
        background: #ffffff17;
        border-color: #ffffff2e;
    }

    .post-dark-section .card-title {
        color: #fff;
    }

    .post-dark-section .card-text {
        color: #ffffffa6;
    }

    .post-dark-section .post-author-name {
        color: #fffc;
    }

    .post-dark-section .post-meta {
        color: #fff9;
    }

    .post-dark-section .card-footer {
        border-top-color: #ffffff1a;
    }

    .post-dark-section .card-image img {
        filter: brightness(0.88);
    }

    .site-footer {
        --footer-bg: var(--color-bg);
        --footer-title: var(--color-dark);
        --footer-body: var(--color-text-soft);
        --footer-link: var(--color-text-soft);
        --footer-link-hover: var(--color-primary-ink);
        --footer-muted: var(--color-text-muted);
        --footer-rule: var(--color-border);
        --footer-accent: var(--color-primary);
        --footer-accent-ink: var(--color-primary-ink);
        --footer-accent-on: var(--color-on-primary);
        --footer-em: var(--color-primary-ink);
        --footer-y: 4.5rem;
        background: var(--footer-bg);
        color: var(--footer-body);
        position: relative;
    }

    @media (width >= 1024px) {
        .site-footer {
            --footer-y: 6rem;
        }
    }

    .site-footer--dark {
        --footer-bg: var(--color-dark);
        --footer-title: #fff;
        --footer-body: #ffffff9e;
        --footer-link: #ffffff9e;
        --footer-link-hover: #fff;
        --footer-muted: #ffffff6b;
        --footer-rule: #ffffff1f;
        --footer-em: var(--color-primary-300);
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .site-footer--dark {
            --footer-em: oklch(from var(--color-primary-300) max(l, 0.77) c h);
            --footer-accent-ink: oklch(from var(--color-primary-base) max(l, 0.538983) c h);
        }
    }

    .site-footer--dark .brand {
        color: var(--footer-title);
    }

    .site-footer--soft {
        --footer-bg: var(--color-bg-soft);
    }

    .footer-main {
        background: var(--footer-bg, var(--color-bg));
        padding-block: var(--footer-y, 5rem);
    }

    .site-footer .footer-main,
    .site-footer .footer-bottom {
        background: none;
    }

    .footer-col-title {
        font-size: var(--text-base);
        color: var(--footer-title, var(--color-dark));
        letter-spacing: var(--tracking-tight);
        margin-bottom: 1.5rem;
        font-weight: 700;
    }

    .footer-links {
        flex-direction: column;
        gap: 0.875rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;

        & a {
            font-size: var(--text-base);
            color: var(--footer-link, var(--color-text-soft));
            transition: color var(--duration-fast) var(--ease-out);
            text-decoration: none;

            &:hover {
                color: var(--footer-link-hover, var(--color-primary-ink));
            }
        }
    }

    .footer-links--slide a {
        transition:
            color var(--duration-fast) var(--ease-out),
            transform var(--duration-hover) var(--ease-out);
        display: inline-block;

        &:hover {
            transform: translateX(0.3rem);
        }
    }

    .footer-bottom {
        border-top: 1px solid var(--footer-rule, var(--color-border));
        font-size: var(--text-base);
        color: var(--footer-muted, var(--color-text-muted));
        background: var(--footer-bg, var(--color-bg));
        padding-block: 1.5rem;
    }

    .footer-bottom-inner {
        font-size: var(--text-base);
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.75rem 1.5rem;
        display: flex;
    }

    @media (width >= 768px) {
        .footer-bottom-inner {
            text-align: left;
            justify-content: space-between;
        }
    }

    .site-footer .footer-bottom a:not(.social-link, .nav-lang-item) {
        color: inherit;
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;
    }

    .site-footer .footer-bottom a:not(.social-link, .nav-lang-item):hover {
        color: var(--footer-link-hover, var(--color-primary-ink));
    }

    .footer-eyebrow {
        font-size: var(--text-base);
        color: var(--footer-em, var(--color-primary-ink));
        margin-bottom: 1.1rem;
        font-weight: 500;
        display: block;
    }

    .footer-heading {
        letter-spacing: -0.045em;
        color: var(--footer-title, var(--color-dark));
        margin: 0;
        font-size: clamp(2.1rem, 4.6vw, 3.5rem);
        line-height: 1;
    }

    .footer-heading em {
        font-family: var(--font-serif);
        letter-spacing: -0.02em;
        color: var(--footer-em, var(--color-primary-ink));
        font-weight: 400;
    }

    .footer-nav {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.75rem 2rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .footer-nav a {
        font-size: var(--text-base);
        color: var(--footer-link, var(--color-text-soft));
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;
        position: relative;
    }

    .footer-nav a:after {
        content: '';
        transform-origin: 0;
        width: 100%;
        height: 1px;
        transition: transform var(--duration-hover) var(--ease-out);
        background: currentColor;
        position: absolute;
        bottom: -0.35rem;
        left: 0;
        transform: scaleX(0);
    }

    .footer-nav a:hover {
        color: var(--footer-link-hover, var(--color-primary-ink));
    }

    .footer-nav a:hover:after {
        transform: scaleX(1);
    }

    @media (width >= 768px) {
        .footer-nav {
            justify-content: flex-start;
        }
    }

    .footer-detail {
        font-size: var(--text-base);
        color: var(--footer-body, var(--color-text-soft));
        line-height: var(--leading-relaxed);
    }

    .footer-detail a {
        color: inherit;
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;
    }

    .footer-detail a:hover {
        color: var(--footer-link-hover, var(--color-primary-ink));
    }

    .footer-detail strong {
        color: var(--footer-title, var(--color-dark));
        font-weight: 600;
        display: block;
    }

    .footer-contact-item {
        font-size: var(--text-base);
        line-height: var(--leading-snug);
        color: var(--footer-link);
        transition: color var(--duration-fast) var(--ease-out);
        align-items: flex-start;
        gap: 0.75rem;
        padding-block: 0.35rem;
        text-decoration: none;
        display: flex;
    }

    .footer-contact-item i {
        color: var(--footer-em);
        flex-shrink: 0;
        margin-top: 0.15rem;
        font-size: 1.15rem;
    }

    .footer-contact-item:hover {
        color: var(--footer-link-hover);
    }

    .footer-subscribe {
        border-bottom: 1.5px solid var(--footer-rule, var(--color-border));
        width: 100%;
        transition: border-color var(--duration-hover) var(--ease-out);
        align-items: center;
        gap: 0.75rem;
        display: flex;
        position: relative;
    }

    .footer-subscribe:focus-within {
        border-color: var(--footer-accent, var(--color-primary));
    }

    .footer-subscribe input {
        min-width: 0;
        font-family: var(--font-sans);
        font-size: var(--text-base);
        color: var(--footer-title, var(--color-dark));
        background: none;
        border: 0;
        outline: none;
        flex: 1;
        padding: 0.75rem 0;
    }

    .footer-subscribe input::placeholder {
        color: var(--footer-muted, var(--color-text-muted));
    }

    .footer-subscribe button {
        font-family: var(--font-sans);
        font-size: var(--text-base);
        color: var(--footer-title, var(--color-dark));
        cursor: pointer;
        transition: color var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        flex-shrink: 0;
        align-items: center;
        gap: 0.4rem;
        padding: 0.4rem 0;
        font-weight: 600;
        display: inline-flex;
    }

    .footer-subscribe button i {
        transition: transform var(--duration-hover) var(--ease-spring);
    }

    .footer-subscribe button:hover {
        color: var(--footer-accent-ink, var(--footer-accent, var(--color-primary-ink)));
    }

    .footer-subscribe button:hover i {
        transform: translateX(0.25rem);
    }

    .footer-subscribe--boxed {
        background: var(--footer-field, transparent);
        border: 1.5px solid var(--footer-rule, var(--color-border));
        border-radius: var(--radius-pill);
        padding: 0.35rem 0.35rem 0.35rem 1.25rem;
    }

    .footer-subscribe--boxed input {
        padding-block: 0.6rem;
    }

    .footer-subscribe--boxed button {
        width: 2.75rem;
        height: 2.75rem;
        color: var(--footer-accent-on, var(--color-on-primary));
        background: var(--footer-accent, var(--color-primary));
        border-radius: var(--radius-full);
        transition:
            background var(--duration-fast) var(--ease-out),
            transform var(--duration-hover) var(--ease-spring);
        justify-content: center;
        padding: 0;
    }

    .footer-subscribe--boxed button:hover {
        color: var(--footer-accent-on, var(--color-on-primary));
        transform: translateX(0.2rem);
    }

    .footer-subscribe--boxed button:hover i {
        transform: none;
    }

    .footer-subscribe-msg {
        font-size: var(--text-sm);
        color: var(--footer-muted, var(--color-text-muted));
        margin-top: 0.75rem;
        display: block;
    }

    .footer-subscribe-msg--error {
        color: var(--color-danger);
    }

    .site-footer--dark .footer-subscribe-msg--error {
        color: #ff9aa8;
    }

    .footer-subscribe-msg--ok {
        color: var(--color-success);
    }

    .footer-watermark {
        position: relative;
        overflow: hidden;
    }

    .footer-watermark-text {
        font-family: var(--font-heading);
        letter-spacing: -0.05em;
        text-align: center;
        white-space: nowrap;
        color: var(--footer-title, var(--color-dark));
        opacity: 0.07;
        -webkit-user-select: none;
        user-select: none;
        pointer-events: none;
        margin-bottom: -0.3em;
        font-size: clamp(4.5rem, 30vw, 26rem);
        font-weight: 800;
        line-height: 0.8;
        display: block;
    }

    .site-footer .social-link {
        color: var(--footer-link, var(--color-text-soft));
    }

    .site-footer .social-link--outline {
        color: var(--footer-title, var(--color-dark));
        border-color: var(--footer-rule, var(--color-border));
    }

    .site-footer .social-link--outline:hover {
        color: var(--color-on-primary);
        background: var(--color-primary);
        border-color: var(--color-primary);
    }

    .site-footer .social-link--soft {
        color: var(--footer-title, var(--color-dark));
        background: var(--footer-field, var(--color-bg-soft));
    }

    .footer-default {
        isolation: isolate;
        overflow: hidden;
    }

    .footer-default:not(.site-footer--dark) {
        --footer-bg: var(--color-bg-soft);
        border-top: 1px solid var(--color-border);
    }

    .footer-default-glow {
        --glow-size: 38rem;
        --glow-color: var(--color-primary-200);
        --glow-opacity: 0.5;
        top: -16rem;
        right: -12rem;
    }

    .site-footer--dark .footer-default-glow {
        --glow-color: var(--color-primary);
        --glow-opacity: 0.3;
    }

    .footer-default-top {
        border-bottom: 1px solid var(--footer-rule);
        align-items: end;
        gap: 3rem;
        padding-bottom: clamp(3rem, 6vw, 4.5rem);
        display: grid;
    }

    @media (width >= 1024px) {
        .footer-default-top {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
            gap: 5rem;
        }
    }

    .footer-default-title {
        font-size: clamp(2.5rem, 5.6vw, 4.5rem);
    }

    .footer-default-lead {
        text-wrap: balance;
        letter-spacing: -0.02em;
        color: var(--footer-title);
        margin: 0;
        font-size: clamp(1.35rem, 2vw, 1.6rem);
        font-weight: 600;
        line-height: 1.2;
    }

    .footer-default {
        --footer-field: var(--color-bg);
    }

    .site-footer--dark.footer-default {
        --footer-field: #ffffff0d;
    }

    .footer-default-hint {
        font-size: var(--text-sm);
        padding-left: 1.25rem;
    }

    .footer-default-more {
        color: var(--footer-title);
        align-items: center;
        gap: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
    }

    .footer-default-more:hover {
        color: var(--footer-title);
    }

    .site-footer--dark .footer-default-more .arrow-circle {
        border-color: var(--footer-rule);
    }

    .footer-default-facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
    }

    .footer-default-facts-lead {
        grid-column: 1 / -1;
    }

    .footer-default-fact {
        isolation: isolate;
        height: 100%;
        color: var(--footer-body);
        background: var(--footer-field);
        border: 1px solid var(--footer-rule);
        border-radius: var(--radius-xl);
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-hover) var(--ease-out),
            translate var(--duration-hover) var(--ease-out);
        flex-direction: column;
        gap: 0.375rem;
        padding: 1.125rem 1.125rem 1.25rem;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    .footer-default-fact:before {
        content: '';
        z-index: -1;
        background: radial-gradient(120% 90% at 0% 0%, var(--footer-accent), transparent 60%);
        position: absolute;
        inset: 0;

        @supports (color: color-mix(in lab, red, red)) {
            background: radial-gradient(
                120% 90% at 0% 0%,
                color-mix(in srgb, var(--footer-accent) 12%, transparent),
                transparent 60%
            );
        }

        opacity: 0;
        transition: opacity var(--duration-hover) var(--ease-out);
    }

    .footer-default-fact:hover {
        color: var(--footer-body);
        border-color: var(--footer-accent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--footer-accent) 40%, var(--footer-rule));
        }

        box-shadow: 0 18px 40px -24px var(--footer-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 18px 40px -24px color-mix(in srgb, var(--footer-accent) 55%, transparent);
        }

        translate: 0 -3px;
    }

    .footer-default-fact:hover:before {
        opacity: 1;
    }

    .footer-default-fact strong {
        letter-spacing: -0.04em;
        font-variant-numeric: tabular-nums;
        color: var(--footer-title);
        margin-top: 1.25rem;
        font-size: clamp(1.625rem, 1.3rem + 1vw, 2.125rem);
        font-weight: 600;
        line-height: 1;
    }

    .footer-default-fact-label {
        font-size: var(--text-sm);
        font-weight: 500;
        line-height: 1.35;
    }

    .footer-default-fact-icon {
        width: 2.5rem;
        height: 2.5rem;
        color: var(--footer-accent-ink);
        background: var(--footer-accent);
        place-items: center;
        font-size: 1.25rem;
        display: grid;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--footer-accent) 11%, transparent);
        }

        border-radius: var(--radius-lg);
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            rotate var(--duration-hover) var(--ease-out);
    }

    .site-footer--dark .footer-default-fact-icon {
        color: var(--footer-em);
        background: var(--footer-accent);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--footer-accent) 24%, transparent);
        }
    }

    .footer-default-fact:hover .footer-default-fact-icon {
        color: var(--footer-accent-on);
        background: var(--footer-accent);
        rotate: -6deg;
    }

    .footer-default-fact-go {
        color: var(--footer-muted);
        transition:
            color var(--duration-fast) var(--ease-out),
            translate var(--duration-hover) var(--ease-out);
        position: absolute;
        top: 1.125rem;
        right: 1.125rem;
    }

    .footer-default-fact:hover .footer-default-fact-go {
        color: var(--footer-accent-ink);
        translate: 2px -2px;
    }

    .footer-default-fact--lead {
        color: var(--footer-accent-on);
        flex-direction: row;
        align-items: center;
        gap: 1.25rem;
        padding: 1.375rem 1.5rem;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--footer-accent-on) 78%, transparent);
        }

        background:
            radial-gradient(90% 140% at 100% 0%, #ffffff42, transparent 55%),
            linear-gradient(
                135deg,
                var(--footer-accent),
                oklch(from var(--footer-accent) calc(l - 0.12) c h)
            );
        border-color: #0000;
    }

    .footer-default-fact--lead:before {
        opacity: 1;
        width: 16rem;
        height: 16rem;
        transition: scale var(--duration-hover) var(--ease-out);
        background: none;
        border: 1px solid #ffffff2e;
        border-radius: 50%;
        inset: auto -3rem -7rem auto;
        box-shadow:
            0 0 0 2.5rem #ffffff0d,
            0 0 0 5rem #ffffff08;
    }

    .footer-default-fact--lead:hover {
        color: var(--footer-accent-on);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--footer-accent-on) 78%, transparent);
        }

        box-shadow: 0 22px 48px -22px var(--footer-accent);
        border-color: #0000;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 22px 48px -22px color-mix(in srgb, var(--footer-accent) 75%, transparent);
        }
    }

    .footer-default-fact--lead:hover:before {
        scale: 1.08;
    }

    .footer-default-fact--lead strong {
        letter-spacing: -0.05em;
        color: var(--footer-accent-on);
        margin: 0;
        font-size: clamp(2.75rem, 2rem + 2.6vw, 4rem);
    }

    .footer-default-fact--lead .footer-default-fact-label {
        font-size: var(--text-base);
        color: var(--footer-accent-on);
        flex-direction: column;
        gap: 0.2rem;
        font-weight: 600;
        display: flex;
    }

    .footer-default-fact--lead small {
        font-size: var(--text-sm);
        color: var(--footer-accent-on);
        font-weight: 400;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in srgb, var(--footer-accent-on) 72%, transparent);
        }
    }

    .footer-default-fact--lead .footer-default-fact-go {
        width: 2.75rem;
        height: 2.75rem;
        color: var(--footer-accent-on);
        transition:
            background-color var(--duration-fast) var(--ease-out),
            color var(--duration-fast) var(--ease-out),
            rotate var(--duration-hover) var(--ease-out);
        background: #ffffff29;
        border: 1px solid #ffffff47;
        border-radius: 50%;
        flex: none;
        place-items: center;
        margin-left: auto;
        font-size: 1.125rem;
        display: grid;
        position: static;
    }

    .footer-default-fact--lead:hover .footer-default-fact-go {
        color: var(--footer-accent-ink);
        background: #fff;
        translate: none;
        rotate: 45deg;
    }

    .footer-default-ext {
        color: var(--footer-muted);
        margin-left: 0.15rem;
        font-size: 0.8em;
    }

    .footer-columns {
        --footer-field: var(--color-bg);
    }

    .footer-minimal .footer-main {
        padding-block: clamp(3rem, 6vw, 4.5rem);
    }

    .footer-minimal-row {
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: 2.25rem;
        display: flex;
    }

    .footer-minimal-lead span {
        color: var(--footer-muted, var(--color-text-muted));
        margin-bottom: 0.4rem;
        display: block;
    }

    .footer-minimal-lead strong {
        font-family: var(--font-heading);
        letter-spacing: -0.035em;
        font-size: clamp(1.6rem, 2.6vw, 2rem);
    }

    @media (width >= 768px) {
        .footer-minimal-row {
            text-align: left;
            flex-direction: row;
            justify-content: space-between;
            gap: 2rem;
        }

        .footer-minimal-lead--end {
            text-align: right;
        }
    }

    .footer-floating .footer-main {
        padding-block: 2rem 1.5rem;
    }

    .footer-floating-bar {
        --footer-title: #fff;
        --footer-link: #ffffffad;
        --footer-link-hover: #fff;
        --footer-rule: #ffffff29;
        background: linear-gradient(
            108deg,
            var(--color-dark) 0%,
            var(--color-dark) 45%,
            var(--color-primary) 100%
        );
        flex-direction: column;
        align-items: center;
        gap: 1.75rem;
        padding: 2.25rem 1.5rem;
        display: flex;

        @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient(
                108deg,
                var(--color-dark) 0%,
                var(--color-dark) 45%,
                color-mix(in srgb, var(--color-primary) 34%, var(--color-dark)) 100%
            );
        }

        border-radius: var(--radius-xl);
        box-shadow: 0 24px 48px -28px #0f172a8c;
    }

    .footer-floating-bar .brand {
        color: #fff;
    }

    @media (width >= 1024px) {
        .footer-floating .footer-main {
            padding-block: 2.5rem 2rem;
        }

        .footer-floating-bar {
            border-radius: var(--radius-2xl);
            flex-direction: row;
            justify-content: space-between;
            gap: 2rem;
            padding: 1.75rem 2.5rem;
        }

        .footer-floating-bar .footer-nav {
            flex: 1;
            justify-content: center;
        }
    }

    .footer-cta-bar-strip {
        border-bottom: 1px solid var(--footer-rule);
        background: #ffffff0a;
        padding-block: clamp(2.5rem, 5vw, 3.5rem);
    }

    .footer-cta-banner-head {
        --footer-title: var(--color-dark);
        --footer-link: var(--color-text-soft);
        --footer-link-hover: var(--color-primary-ink);
        --footer-muted: var(--color-text-muted);
        --footer-rule: var(--color-border);
        background: var(--color-bg);
        color: var(--color-text-soft);
    }

    .footer-cta-helpers {
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem 2.5rem;
        margin: 0;
        padding-block: 2.75rem 3rem;
        list-style: none;
        display: flex;
    }

    .footer-cta-helpers li {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        display: inline-flex;
    }

    .footer-cta-helpers i {
        color: var(--color-primary-ink);
        font-size: 1.2rem;
    }

    .footer-cta-helpers a {
        color: var(--color-dark);
        text-underline-offset: 4px;
        transition: color var(--duration-fast) var(--ease-out);
        font-weight: 600;
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }

    .footer-cta-helpers a:hover {
        color: var(--color-primary-ink);
    }

    .footer-cta-split {
        background: linear-gradient(to bottom, var(--color-bg) 0 50%, var(--footer-bg) 50% 100%);
    }

    .footer-cta-card {
        --footer-title: var(--color-on-primary);
        --footer-em: var(--color-primary-100);
        isolation: isolate;
        color: oklch(from var(--color-on-primary) l c h / 0.8);
        background: var(--color-primary);
        border-radius: var(--radius-xl);
        box-shadow: var(--shadow-lg);
        flex-direction: column;
        align-items: flex-start;
        gap: 1.75rem;
        padding: 2.25rem 1.75rem;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .footer-cta-card {
            --footer-em: oklab(
                from var(--color-on-primary)
                    calc(
                        clamp(0, (l - 0.8) * 1000000000, 1) * (2 * l - 1) +
                            (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 0.3
                    )
                    calc(
                        a *
                            (
                                clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                    (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                            )
                    )
                    calc(
                        b *
                            (
                                clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                    (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                            )
                    )
            );

            @supports (color: color-mix(in lab, red, red)) {
                --footer-em: oklab(
                    from color-mix(in oklab, var(--color-on-primary), var(--color-primary-100))
                        calc(
                            clamp(0, (l - 0.8) * 1000000000, 1) * (2 * l - 1) +
                                (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 0.3
                        )
                        calc(
                            a *
                                (
                                    clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                        (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                )
                        )
                        calc(
                            b *
                                (
                                    clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                        (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                )
                        )
                );
            }
        }
    }

    .footer-cta-card-phone {
        color: var(--color-on-primary);
        white-space: nowrap;
        transition: opacity var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.5rem;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
    }

    .footer-cta-card-phone i {
        font-size: 1.2rem;
    }

    .footer-cta-card-phone:hover {
        opacity: 0.8;
    }

    @media (width >= 1024px) {
        .footer-cta-card {
            border-radius: var(--radius-2xl);
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            gap: 2.5rem;
            padding: 3rem 3.5rem;
        }
    }

    .footer-cta-media {
        --footer-title: #fff;
        --footer-em: var(--color-primary-300);
        isolation: isolate;
        align-items: center;
        min-height: clamp(17rem, 26vw, 22rem);
        padding-block: 3.5rem;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .footer-cta-media {
            --footer-em: oklch(from var(--color-primary-300) max(l, 0.77) c h);
        }
    }

    .footer-cta-media-img {
        z-index: -2;
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
    }

    .footer-cta-media-scrim {
        z-index: -1;
        background: linear-gradient(100deg, var(--color-dark) 0%, var(--color-primary-900) 100%);
        position: absolute;
        inset: 0;

        @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient(
                100deg,
                color-mix(in srgb, var(--color-dark) 88%, transparent) 0%,
                color-mix(in srgb, var(--color-primary-900) 62%, transparent) 100%
            );
        }
    }

    .footer-cta-media-link {
        color: #fff;
        align-items: center;
        gap: 1rem;
        text-decoration: none;
        display: inline-flex;
    }

    .footer-cta-media-icon {
        width: 4rem;
        height: 4rem;
        color: var(--color-on-primary);
        background: var(--color-primary);
        border-radius: var(--radius-full);
        transition: transform var(--duration-hover) var(--ease-spring);
        flex-shrink: 0;
        place-items: center;
        font-size: 1.5rem;
        display: grid;
    }

    .footer-cta-media-link strong {
        font-size: var(--text-xl);
        text-underline-offset: 5px;
        font-weight: 600;
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }

    .footer-cta-media-link:hover .footer-cta-media-icon {
        transform: translate(0.2rem, -0.2rem);
    }

    @media (width >= 1024px) {
        .footer-cta-media-icon {
            width: 4.75rem;
            height: 4.75rem;
        }
    }

    .footer-contact {
        isolation: isolate;
        background: linear-gradient(
            108deg,
            var(--color-dark) 0%,
            var(--color-dark) 38%,
            var(--color-primary) 100%
        );
        position: relative;
        overflow: hidden;

        @supports (color: color-mix(in lab, red, red)) {
            background: linear-gradient(
                108deg,
                var(--color-dark) 0%,
                var(--color-dark) 38%,
                color-mix(in srgb, var(--color-primary) 34%, var(--color-dark)) 100%
            );
        }
    }

    .footer-contact .footer-main {
        padding-block: clamp(3.5rem, 7vw, 5.5rem);
    }

    .footer-contact-glow {
        z-index: -1;
        aspect-ratio: 1;
        background: var(--color-primary);
        opacity: 0.35;
        filter: blur(140px);
        pointer-events: none;
        border-radius: 50%;
        width: 36rem;
        position: absolute;
        bottom: -14rem;
        right: -10rem;
    }

    .footer-contact-cta {
        border-bottom: 1px solid var(--footer-rule);
        text-align: center;
        padding-block: clamp(2rem, 4vw, 2.75rem);
    }

    .footer-contact-cta-text {
        font-family: var(--font-heading);
        letter-spacing: -0.02em;
        color: var(--footer-title);
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.75rem 1.25rem;
        margin: 0;
        font-size: clamp(1.35rem, 2.6vw, 2rem);
        font-weight: 600;
        display: flex;
    }

    .footer-contact-cta-text em {
        font-family: var(--font-serif);
        letter-spacing: 0;
        color: var(--color-primary-300);
        font-weight: 400;
    }

    .footer-contact-cta-link {
        border-radius: var(--radius-pill);
        font-family: var(--font-sans);
        font-size: var(--text-base);
        letter-spacing: 0;
        color: var(--footer-title);
        transition:
            border-color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out);
        border: 1px solid #fff3;
        align-items: center;
        gap: 0.75rem;
        padding: 0.4rem 0.4rem 0.4rem 1.25rem;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
    }

    .footer-contact-cta-go {
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-on-primary);
        background: var(--color-primary);
        transition: transform var(--duration-hover) var(--ease-spring);
        border-radius: 50%;
        place-items: center;
        display: grid;
    }

    .footer-contact-cta-link:hover {
        color: var(--footer-title);
        background-color: #ffffff0f;
        border-color: #fff6;
    }

    .footer-contact-cta-link:hover .footer-contact-cta-go {
        transform: translateX(0.2rem);
    }

    .footer-contact-brand {
        color: var(--footer-title);
        font-size: 1.75rem;
        display: inline-block;
    }

    .footer-contact-status {
        font-size: var(--text-base);
        color: var(--footer-body);
        align-items: center;
        gap: 0.6rem;
        margin: 1.5rem 0 0;
        display: flex;
    }

    .footer-contact-status span {
        background: var(--color-success);
        width: 0.5rem;
        height: 0.5rem;
        box-shadow: 0 0 0 4px var(--color-success);
        border-radius: 50%;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-success) 25%, transparent);
        }
    }

    .footer-newsletter .footer-main {
        padding-block: clamp(4.5rem, 10vw, 8rem) clamp(3rem, 6vw, 4.5rem);
        position: relative;
        overflow: hidden;
    }

    .footer-newsletter-inner {
        z-index: 1;
        text-align: center;
        flex-direction: column;
        align-items: center;
        display: flex;
        position: relative;
    }

    .footer-newsletter-kicker {
        border: 1px solid var(--footer-rule, var(--color-border));
        border-radius: var(--radius-pill);
        background: var(--color-bg);
        font-size: var(--text-base);
        color: var(--footer-title);
        align-items: center;
        gap: 0.6rem;
        margin-bottom: 1.75rem;
        padding: 0.4rem 1rem;
        display: inline-flex;
        box-shadow: 0 6px 18px -10px #0f172a40;
    }

    .footer-newsletter-pulse {
        background: var(--color-primary);
        width: 0.5rem;
        height: 0.5rem;
        box-shadow: 0 0 0 0 var(--color-primary);
        border-radius: 50%;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-primary) 50%, transparent);
        }

        animation: footer-newsletter-pulse 2.4s var(--ease-out) infinite;
    }

    @keyframes footer-newsletter-pulse {
        70% {
            box-shadow: 0 0 0 0.55rem #0000;
        }

        100% {
            box-shadow: 0 0 #0000;
        }
    }

    .footer-newsletter-title {
        letter-spacing: -0.045em;
        max-width: 18ch;
        color: var(--footer-title);
        margin: 0;
        font-size: clamp(2.5rem, 6.4vw, 4.75rem);
        line-height: 1;
    }

    .footer-newsletter-title em {
        font-family: var(--font-serif);
        letter-spacing: -0.015em;
        color: var(--footer-accent-ink, var(--footer-accent));
        font-weight: 400;
    }

    .footer-newsletter-lead {
        max-width: 42ch;
        font-size: var(--text-lg);
        line-height: var(--leading-relaxed);
        color: var(--color-text-soft);
        margin: 1.5rem 0 0;
    }

    .footer-newsletter-form {
        text-align: left;
        width: 100%;
        max-width: 34rem;
        margin: 2.75rem 0 2.25rem;
    }

    .footer-newsletter-form .footer-subscribe {
        border-bottom-width: 2px;
    }

    .footer-newsletter-form .footer-subscribe:after {
        content: '';
        background: var(--footer-accent);
        height: 2px;
        transition: transform var(--duration-base) var(--ease-out);
        position: absolute;
        inset: auto 0 -2px;
        transform: scaleX(0);
    }

    .footer-newsletter-form .footer-subscribe:focus-within:after {
        transform: scaleX(1);
    }

    .footer-newsletter-icon {
        color: var(--footer-muted);
        transition: color var(--duration-fast) var(--ease-out);
        flex-shrink: 0;
        font-size: 1.35rem;
    }

    .footer-subscribe:focus-within .footer-newsletter-icon {
        color: var(--footer-accent-ink, var(--footer-accent));
    }

    .footer-newsletter-form .footer-subscribe input {
        font-size: var(--text-lg);
        padding-block: 1.1rem;
    }

    .footer-newsletter-form .footer-subscribe button {
        gap: 0.75rem;
    }

    .footer-newsletter-form .footer-subscribe input:focus,
    .footer-newsletter-form .footer-subscribe input:focus-visible,
    .footer-newsletter-form .footer-subscribe input[aria-invalid='true'] {
        box-shadow: none;
        background: none;
        border: 0;
        outline: none;
    }

    @media (width <= 479px) {
        .footer-newsletter-go-label {
            clip-path: inset(50%);
            white-space: nowrap;
            width: 1px;
            height: 1px;
            position: absolute;
            overflow: hidden;
        }
    }

    .footer-newsletter-go {
        background: var(--footer-title);
        width: 2.5rem;
        height: 2.5rem;
        color: var(--color-on-dark);
        transition: background var(--duration-fast) var(--ease-out);
        border-radius: 50%;
        place-items: center;
        display: grid;
    }

    .footer-newsletter-form .footer-subscribe button:hover .footer-newsletter-go {
        color: var(--footer-accent-on, #fff);
        background: var(--footer-accent);
    }

    .footer-newsletter-form .footer-subscribe-msg {
        text-align: center;
        margin-top: 0.85rem;
    }

    .footer-newsletter-proof {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 3.5rem;
        display: flex;
    }

    .footer-newsletter-proof strong {
        color: var(--footer-title);
        font-weight: 600;
    }

    .footer-newsletter-proof .avatar-stack > img {
        border-color: var(--footer-bg);
    }

    .footer-newsletter-meta {
        border-top: 1px solid var(--footer-rule, var(--color-border));
        width: min(100%, 34rem);
        font-size: var(--text-base);
        color: var(--footer-muted);
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.5rem 1.5rem;
        margin: 0 0 1.5rem;
        padding-top: 2rem;
        display: flex;
    }

    .footer-newsletter-meta a {
        color: inherit;
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: none;
    }

    .footer-newsletter-meta a:hover {
        color: var(--footer-link-hover);
    }

    .footer-newsletter-meta .footer-newsletter-mail {
        color: var(--footer-title);
        text-underline-offset: 4px;
        font-weight: 600;
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }

    .footer-newsletter-meta .footer-newsletter-mail:hover {
        color: var(--footer-accent-ink, var(--footer-accent));
    }

    .site-footer .footer-newsletter-social {
        justify-content: center;
        gap: 0.75rem;
    }

    .footer-newsletter-glow {
        aspect-ratio: 16 / 9;
        background:
            radial-gradient(closest-side, var(--color-primary), transparent) 30% 45% / 60% 75%
                no-repeat,
            radial-gradient(closest-side, var(--color-primary-300), transparent) 72% 35% / 52% 65%
                no-repeat;
        width: min(60rem, 130%);
        position: absolute;
        top: -18%;
        left: 50%;
        transform: translateX(-50%);

        @supports (color: color-mix(in lab, red, red)) {
            background:
                radial-gradient(
                        closest-side,
                        color-mix(in srgb, var(--color-primary) 22%, transparent),
                        transparent
                    )
                    30% 45% / 60% 75% no-repeat,
                radial-gradient(
                        closest-side,
                        color-mix(in srgb, var(--color-primary-300) 30%, transparent),
                        transparent
                    )
                    72% 35% / 52% 65% no-repeat;
        }

        filter: blur(60px);
        opacity: 0.7;
        pointer-events: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .footer-newsletter-pulse {
            animation: none;
        }
    }

    .footer-newsletter-split-top {
        border-bottom: 1px solid var(--footer-rule);
        flex-direction: column;
        gap: 2.5rem;
        margin-bottom: clamp(3rem, 6vw, 4.5rem);
        padding-bottom: clamp(3rem, 6vw, 4.5rem);
        display: flex;
    }

    .footer-newsletter-split-form .footer-subscribe {
        border-bottom-width: 2px;
    }

    @media (width >= 1024px) {
        .footer-newsletter-split-top {
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-end;
            gap: 4rem;
        }

        .footer-newsletter-split-form {
            flex: 1;
            max-width: 32rem;
        }
    }

    .footer-col-title--dot {
        align-items: center;
        gap: 0.6rem;
        display: flex;
    }

    .footer-col-title--dot:before {
        content: '';
        border-radius: var(--radius-full);
        background: var(--footer-em, var(--color-primary));
        width: 0.4rem;
        height: 0.4rem;
    }

    a.footer-underline-link {
        color: var(--footer-title, var(--color-dark));
        text-underline-offset: 4px;
        transition: color var(--duration-fast) var(--ease-out);
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }

    a.footer-underline-link:hover {
        color: var(--footer-accent-ink, var(--footer-accent, var(--color-primary-ink)));
    }

    .footer-headline-mark .brand {
        color: var(--footer-title);
        align-items: flex-start;
        gap: 0.2rem;
        font-size: 1.5rem;
        display: inline-flex;
    }

    .footer-headline-mark .brand i {
        color: var(--footer-em);
        transition: transform var(--duration-hover) var(--ease-spring);
        font-size: 0.85rem;
    }

    .footer-headline-mark .brand:hover i {
        transform: translate(0.2rem, -0.2rem);
    }

    .footer-marquee-band {
        border-bottom: 1px solid var(--footer-rule);
    }

    .footer-marquee-track {
        font-family: var(--font-heading);
        letter-spacing: -0.045em;
        color: var(--footer-title);
        gap: 3rem;
        padding-block: clamp(1rem, 2.5vw, 2rem);
        font-weight: 800;
        animation-duration: 30s;
    }

    .footer-marquee-brand .brand {
        font-size: 1.6rem;
    }

    .footer-marquee-social {
        flex-wrap: wrap;
        gap: 1.25rem;
        margin: 2.5rem 0 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .footer-marquee-social a {
        font-size: var(--text-lg);
        color: var(--footer-title);
        transition: color var(--duration-fast) var(--ease-out);
        font-weight: 600;
        text-decoration: none;
    }

    .footer-marquee-social a:hover {
        color: var(--footer-accent-ink, var(--footer-accent));
    }

    @media (width >= 1024px) {
        .footer-marquee-brand {
            flex-direction: column;
            height: 100%;
            display: flex;
        }

        .footer-marquee-social {
            margin-top: auto;
        }
    }

    .footer-watermark-band {
        background: var(--color-bg-soft);
    }

    .footer-watermark-band .marquee-text {
        font-family: var(--font-heading);
        letter-spacing: -0.02em;
        color: var(--color-dark);
        font-weight: 600;
        animation-duration: 40s;
    }

    .footer-watermark-band .marquee-text__sep:before {
        background: var(--color-primary);
    }

    .footer-waves .footer-bottom {
        border-top: 1px solid var(--footer-rule);
    }

    .footer-waves-eyebrow {
        letter-spacing: 0.12em;
        text-transform: uppercase;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
        font-size: 0.75rem;
        font-weight: 600;
        display: inline-flex;
    }

    .footer-waves-eyebrow > i {
        font-size: 1rem;
    }

    .footer-waves-art {
        isolation: isolate;
        pointer-events: none;
        height: clamp(13rem, 26vw, 22rem);
        margin-top: -1px;
        position: relative;
        overflow: hidden;
    }

    .footer-waves-art .wave-field {
        --wave-opacity: 0.95;
        --wave-blur: 34px;
    }

    .footer-waves-art .footer-watermark-text {
        color: #fff;
        opacity: 0.9;
        mix-blend-mode: soft-light;
        margin-bottom: -0.22em;
        position: absolute;
        inset: auto 0 0;
    }

    .footer-subscribe--label button {
        width: auto;
        font-size: var(--text-base);
        border-radius: var(--radius-pill);
        gap: 0.5rem;
        padding-inline: 1.25rem 1.1rem;
        font-weight: 600;
    }

    .footer-subscribe--label button i {
        transition: transform var(--duration-hover) var(--ease-out);
    }

    .footer-subscribe--label button:hover {
        transform: none;
    }

    .footer-subscribe--label button:hover i {
        transform: translateX(0.2rem);
    }

    .footer-shop-title {
        letter-spacing: -0.03em;
        color: var(--footer-title);
        margin: 0;
        font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
        font-weight: 700;
        line-height: 1.15;
    }

    .footer-perk {
        color: var(--footer-title);
        background: var(--footer-accent);
        align-items: center;
        gap: 0.5rem;
        padding: 0.3rem 0.8rem 0.3rem 0.4rem;
        font-size: 0.875rem;
        font-weight: 600;
        display: inline-flex;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--footer-accent) 10%, transparent);
        }

        border-radius: var(--radius-pill);
    }

    .footer-perk i {
        width: 1.5rem;
        height: 1.5rem;
        color: var(--footer-accent-on);
        background: var(--footer-accent);
        border-radius: 50%;
        place-items: center;
        font-size: 0.875rem;
        display: grid;
    }

    .footer-help {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem 2rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
    }

    @media (width <= 479px) {
        .footer-help {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    @media (width >= 1024px) {
        .footer-help {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 2rem;
        }
    }

    .footer-help-card {
        color: var(--footer-body);
        align-items: center;
        gap: 0.875rem;
        text-decoration: none;
        display: flex;
    }

    .footer-help-card:hover .footer-help-title {
        color: var(--footer-link-hover);
    }

    .footer-help-icon {
        width: 2.75rem;
        height: 2.75rem;
        color: var(--footer-em);
        background: var(--footer-accent);
        flex: none;
        place-items: center;
        font-size: 1.25rem;
        display: grid;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--footer-accent) 10%, transparent);
        }

        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            rotate var(--duration-base) var(--ease-out);
        border-radius: 50%;
    }

    .footer-help-card:hover .footer-help-icon {
        color: var(--footer-accent-on);
        background: var(--footer-accent);
        rotate: -8deg;
    }

    .footer-help-title {
        color: var(--footer-title);
        transition: color var(--duration-fast) var(--ease-out);
        font-weight: 600;
        line-height: 1.3;
        display: block;
    }

    .footer-help-text {
        overflow-wrap: anywhere;
        margin-top: 0.2rem;
        font-size: 0.9375rem;
        line-height: 1.45;
        display: block;
    }

    .footer-stores {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
    }

    @media (width >= 640px) {
        .footer-stores {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (width >= 1024px) {
        .footer-stores {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1rem;
        }
    }

    .footer-store {
        background: var(--footer-card, var(--color-bg));
        border: 1px solid var(--footer-rule);
        border-radius: var(--radius-lg);
        height: 100%;
        transition:
            border-color var(--duration-fast) var(--ease-out),
            box-shadow var(--duration-hover) var(--ease-out),
            translate var(--duration-hover) var(--ease-out);
        padding: 1.25rem 1.25rem 1.125rem;
        position: relative;
    }

    .footer-store:hover {
        border-color: var(--footer-accent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--footer-accent) 35%, transparent);
        }

        translate: 0 -3px;
        box-shadow: 0 18px 40px -24px #0f172a59;
    }

    .footer-store-head {
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        display: flex;
    }

    .footer-store-name {
        color: var(--footer-title);
        margin: 0;
        font-size: 1.0625rem;
        font-weight: 600;
    }

    .footer-store-go {
        width: 2rem;
        height: 2rem;
        color: var(--footer-accent-on);
        background: var(--footer-accent);
        transition: rotate var(--duration-hover) var(--ease-out);
        border-radius: 50%;
        flex: none;
        place-items: center;
        font-size: 0.9375rem;
        display: grid;
    }

    .footer-store-go:after {
        content: '';
        border-radius: var(--radius-lg);
        position: absolute;
        inset: 0;
    }

    .footer-store:hover .footer-store-go {
        rotate: -45deg;
    }

    .footer-store-address {
        margin: 0.5rem 0 0;
        font-size: 0.9375rem;
        font-style: normal;
        line-height: 1.5;
    }

    .footer-store-hours {
        color: var(--footer-muted);
        align-items: center;
        gap: 0.5rem;
        margin: 0.875rem 0 0;
        font-size: 0.875rem;
        display: flex;
    }

    .footer-store-hours:before {
        content: '';
        background: var(--color-success, #16a34a);
        width: 0.5rem;
        height: 0.5rem;
        box-shadow: 0 0 0 3px var(--color-success, #16a34a);
        border-radius: 50%;

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-success, #16a34a) 20%, transparent);
        }
    }

    .footer-acc-toggle {
        width: 100%;
        font: inherit;
        font-size: var(--text-base);
        letter-spacing: var(--tracking-tight);
        color: var(--footer-title);
        text-align: left;
        cursor: default;
        background: none;
        border: 0;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
        padding: 0;
        font-weight: 700;
        display: flex;
    }

    .footer-acc-caret {
        display: none;
    }

    .footer-acc-body {
        grid-template-rows: 1fr;
        display: grid;
    }

    .footer-acc-body > * {
        min-height: 0;
    }

    @media (width <= 767px) {
        .footer-acc {
            border-bottom: 1px solid var(--footer-rule);
        }

        :not(.footer-acc) + .footer-acc {
            border-top: 1px solid var(--footer-rule);
        }

        .footer-acc + .footer-acc {
            margin-top: calc(var(--footer-acc-gap, 2.5rem) * -1);
        }

        .footer-acc-toggle {
            cursor: pointer;
            margin: 0;
            padding-block: 1.1rem;
        }

        .footer-acc-caret {
            transition: rotate var(--duration-base) var(--ease-out);
            font-size: 1rem;
            display: block;
        }

        .footer-acc.is-open .footer-acc-caret {
            rotate: 45deg;
        }

        .footer-acc-body {
            transition: grid-template-rows var(--duration-base) var(--ease-out);
        }

        .footer-acc.is-shut .footer-acc-body {
            grid-template-rows: 0fr;
        }

        .footer-acc-body > * {
            padding-bottom: 1.25rem;
            overflow-y: clip;
        }

        .footer-acc.is-shut .footer-acc-body > * {
            visibility: hidden;
            padding-bottom: 0;
        }

        @media (scripting: enabled) {
            .footer-acc:not(.is-open) .footer-acc-body {
                grid-template-rows: 0fr;
            }

            .footer-acc:not(.is-open) .footer-acc-body > * {
                visibility: hidden;
                padding-bottom: 0;
            }
        }
    }

    .pay-marks {
        flex-wrap: wrap;
        gap: 0.4rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .pay-mark {
        letter-spacing: 0.02em;
        color: #1f2937;
        border-radius: var(--radius-sm);
        background: #fff;
        border: 1px solid #0f172a1f;
        justify-content: center;
        align-items: center;
        gap: 0.125rem;
        min-width: 2.75rem;
        height: 1.75rem;
        padding-inline: 0.45rem;
        font-size: 0.6875rem;
        font-weight: 800;
        display: inline-flex;
    }

    .pay-mark i {
        font-size: 0.95rem;
    }

    .pay-mark--visa {
        color: #1a3d8f;
        letter-spacing: 0.04em;
        font-size: 0.75rem;
        font-style: italic;
    }

    .pay-mark-circles {
        display: flex;
    }

    .pay-mark-circles i {
        background: #eb4a2c;
        border-radius: 50%;
        width: 0.9rem;
        height: 0.9rem;
    }

    .pay-mark-circles i + i {
        mix-blend-mode: multiply;
        background: #f6a623;
        margin-left: -0.35rem;
    }

    .footer-region {
        position: relative;
    }

    .footer-region-toggle {
        font: inherit;
        color: var(--footer-title);
        border: 1px solid var(--footer-rule);
        border-radius: var(--radius-pill);
        cursor: pointer;
        transition: border-color var(--duration-fast) var(--ease-out);
        background: none;
        align-items: center;
        gap: 0.5rem;
        padding: 0.45rem 0.85rem 0.45rem 0.7rem;
        font-size: 0.9375rem;
        display: inline-flex;
    }

    .footer-region-toggle:hover {
        border-color: var(--footer-title);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--footer-title) 40%, transparent);
        }
    }

    .footer-region-toggle > i:first-child {
        color: var(--footer-em);
        font-size: 1.125rem;
    }

    .footer-region-caret {
        transition: rotate var(--duration-base) var(--ease-out);
        font-size: 0.75rem;
    }

    .footer-region-toggle[aria-expanded='true'] .footer-region-caret {
        rotate: 180deg;
    }

    .footer-region-menu {
        --menu-text: var(--color-text);
        --menu-hover-bg: var(--color-primary-50);
        --menu-hover-text: var(--color-primary-ink);
        z-index: var(--z-dropdown);
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-lg);
        min-width: 15rem;
        box-shadow: var(--shadow-lg);
        flex-direction: column;
        padding: 0.375rem;
        display: flex;
        position: absolute;
        bottom: calc(100% + 0.5rem);
        left: 0;
    }

    .footer-app-badges {
        flex-wrap: wrap;
        gap: 0.5rem;
        display: flex;
    }

    @media (width >= 1024px) {
        .footer-app-badges {
            flex-wrap: nowrap;
        }
    }

    .footer-shop-bar {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 1rem 2rem;
        display: flex;
    }

    .footer-shop-bar .footer-nav {
        justify-content: flex-start;
        gap: 0.5rem 1.5rem;
        margin: 0;
    }

    .site-footer--dark .footer-app-badges .btn-dark {
        color: var(--color-dark);
        background: #fff;
        border-color: #fff;
    }

    .footer-shop-service {
        border-top: 1px solid var(--footer-rule);
    }

    .footer-help-wrap,
    .footer-stores-wrap {
        border-bottom: 1px solid var(--footer-rule);
        margin-bottom: 3rem;
        padding-bottom: 3rem;
    }

    @media (prefers-reduced-motion: reduce) {
        .footer-store,
        .footer-help-icon,
        .footer-store-go,
        .footer-acc-body {
            transition: none;
        }

        .footer-store:hover {
            translate: none;
        }
    }

    .footer-blog-band {
        border-bottom: 1px solid var(--footer-rule);
        gap: 2.5rem;
        margin-bottom: 3rem;
        padding-bottom: 3rem;
        display: grid;
    }

    @media (width >= 1024px) {
        .footer-blog-band {
            grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
            align-items: end;
            gap: 5rem;
        }
    }

    .footer-blog-pitch {
        letter-spacing: -0.03em;
        max-width: 30ch;
        color: var(--footer-title);
        margin: 1rem 0 0;
        font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
        font-weight: 600;
        line-height: 1.2;
    }

    .footer-blog-pitch em {
        font-family: var(--font-serif);
        color: var(--footer-em);
        font-weight: 400;
    }

    .footer-blog-head {
        justify-content: space-between;
        align-items: baseline;
        gap: 1rem;
        margin-bottom: 1.5rem;
        display: flex;
    }

    .footer-blog-head .footer-col-title {
        margin: 0;
    }

    .footer-posts {
        flex-direction: column;
        gap: 1.25rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .footer-post {
        color: inherit;
        grid-template-columns: 5.5rem minmax(0, 1fr);
        align-items: center;
        gap: 1rem;
        text-decoration: none;
        display: grid;
    }

    .footer-post-thumb {
        aspect-ratio: 4 / 3;
        border-radius: var(--radius-md);
        background: var(--footer-rule);
        overflow: hidden;
    }

    .footer-post-thumb img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: scale var(--duration-slow) var(--ease-out);
    }

    .footer-post:hover .footer-post-thumb img {
        scale: 1.08;
    }

    .footer-post-topic {
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--footer-em);
        align-items: center;
        gap: 0.4rem;
        font-size: 0.75rem;
        font-weight: 600;
        display: inline-flex;
    }

    .footer-post-title {
        color: var(--footer-title);
        margin-top: 0.3rem;
        font-weight: 600;
        line-height: 1.35;
        display: block;
    }

    .footer-post-meta {
        font-variant-numeric: tabular-nums;
        color: var(--footer-muted);
        margin-top: 0.3rem;
        font-size: 0.875rem;
        display: block;
    }

    .footer-rank {
        counter-reset: rank;
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .footer-rank li + li {
        border-top: 1px solid var(--footer-rule);
    }

    .footer-rank a {
        color: inherit;
        counter-increment: rank;
        grid-template-columns: 2.25rem minmax(0, 1fr);
        gap: 0.75rem;
        padding-block: 0.95rem;
        text-decoration: none;
        display: grid;
    }

    .footer-rank li:first-child a {
        padding-top: 0;
    }

    .footer-rank a:before {
        content: counter(rank, decimal-leading-zero);
        letter-spacing: -0.02em;
        font-variant-numeric: tabular-nums;
        color: var(--footer-muted);
        transition:
            color var(--duration-fast) var(--ease-out),
            translate var(--duration-hover) var(--ease-out);
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .footer-rank a:hover:before {
        color: var(--footer-em);
        translate: 0 -2px;
    }

    .footer-topics {
        flex-direction: column;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .footer-topics a {
        color: var(--footer-link);
        transition: color var(--duration-fast) var(--ease-out);
        align-items: center;
        gap: 0.75rem;
        padding-block: 0.7rem;
        text-decoration: none;
        display: flex;
    }

    .footer-topics li:first-child a {
        padding-top: 0;
    }

    .footer-topics a:hover {
        color: var(--footer-link-hover);
    }

    .footer-topic-count {
        font-variant-numeric: tabular-nums;
        text-align: center;
        min-width: 2.25rem;
        color: var(--footer-title);
        border: 1px solid var(--footer-rule);
        border-radius: var(--radius-pill);
        transition:
            color var(--duration-fast) var(--ease-out),
            background-color var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out);
        margin-left: auto;
        padding: 0.1rem 0.55rem;
        font-size: 0.8125rem;
        font-weight: 600;
    }

    .footer-topics a:hover .footer-topic-count {
        color: var(--footer-accent-on);
        background: var(--footer-accent);
        border-color: var(--footer-accent);
    }

    .footer-blog .footer-detail a {
        color: var(--footer-title);
        font-weight: 600;
    }

    .footer-blog .footer-detail a:hover {
        color: var(--footer-link-hover);
    }

    .footer-blog .btn-link {
        color: var(--footer-title);
    }

    .footer-blog .btn-link:hover {
        color: var(--footer-link-hover);
    }

    @media (prefers-reduced-motion: reduce) {
        .footer-post-thumb img,
        .footer-rank a:before {
            transition: none;
        }

        .footer-post:hover .footer-post-thumb img {
            scale: none;
        }
    }

    .social-list {
        flex-wrap: wrap;
        align-items: center;
        gap: 0.75rem;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }

    .social-link {
        --social-size: 2.5rem;
        --social-color: var(--color-dark);
        width: var(--social-size);
        height: var(--social-size);
        font-size: calc(var(--social-size) * 0.46);
        color: var(--color-text-soft);
        border-radius: var(--radius-md);
        -webkit-tap-highlight-color: transparent;
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            transform var(--duration-base) var(--ease-lift),
            box-shadow var(--duration-base) var(--ease-lift),
            filter var(--duration-fast) var(--ease-out);
        background: none;
        border: 0;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        display: inline-flex;

        &:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 2px;
        }

        &:active {
            transform: scale(0.94);
        }
    }

    .social-link i {
        line-height: 1;
    }

    .social-link[data-social='instagram'] {
        --social-color: #e1306c;
    }

    .social-link[data-social='x'] {
        --social-color: #000;
    }

    .social-link[data-social='facebook'] {
        --social-color: #1877f2;
    }

    .social-link[data-social='linkedin'] {
        --social-color: #0a66c2;
    }

    .social-link[data-social='youtube'] {
        --social-color: red;
    }

    .social-link[data-social='tiktok'] {
        --social-color: #010101;
    }

    .social-link[data-social='whatsapp'] {
        --social-color: #25d366;
    }

    .social-link[data-social='pinterest'] {
        --social-color: #bd081c;
    }

    .social-link[data-social='github'] {
        --social-color: #181717;
    }

    .social-link--circle {
        border-radius: var(--radius-full);
    }

    .social-link--rounded {
        border-radius: var(--radius-md);
    }

    .social-link--square {
        border-radius: 0;
    }

    .social-link--sm {
        --social-size: 2rem;
    }

    .social-link--lg {
        --social-size: 3rem;
    }

    .social-link--soft {
        background: var(--color-bg-muted);
        color: var(--color-dark);

        &:hover {
            background: var(--social-color);
            color: #fff;
        }
    }

    .social-link--solid {
        background: var(--social-color);
        color: #fff;

        &:hover {
            filter: brightness(1.1);
            box-shadow: 0 8px 18px -8px var(--social-color);

            @supports (color: color-mix(in lab, red, red)) {
                box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--social-color) 70%, transparent);
            }
        }
    }

    .social-link--outline {
        border: 1px solid var(--color-border);
        color: var(--color-dark);

        &:hover {
            border-color: var(--social-color);
            color: var(--social-color);
        }
    }

    .social-link--brand:not(.social-link--soft):not(.social-link--solid):not(
            .social-link--outline
        ):hover {
        color: var(--social-color);
    }

    .social-link--hover-lift:hover {
        box-shadow: 0 12px 22px -10px var(--social-color);
        transform: translateY(-3px);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 12px 22px -10px color-mix(in srgb, var(--social-color) 55%, transparent);
        }
    }

    .social-link--hover-scale:hover {
        transform: scale(1.12);
    }

    .social-link--hover-rotate:hover {
        transition-duration: var(--duration-slow);
        transform: rotate(360deg);
    }

    @media (prefers-reduced-motion: reduce) {
        .social-link--hover-lift:hover,
        .social-link--hover-scale:hover,
        .social-link--hover-rotate:hover {
            transform: none;
        }
    }

    .social-link--instagram-gradient {
        color: #fff;
        background: radial-gradient(
            circle at 30% 110%,
            #fed576 0%,
            #f47133 25%,
            #bc3081 50%,
            #4c63d2 100%
        );

        &:hover {
            filter: brightness(1.08);
        }
    }

    .social-card {
        background: var(--color-bg);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-card);
        transition:
            border-color var(--duration-base) var(--ease-out),
            box-shadow var(--duration-base) var(--ease-lift),
            transform var(--duration-base) var(--ease-lift);
        align-items: center;
        gap: 0.875rem;
        padding: 1rem 1.25rem;
        text-decoration: none;
        display: flex;

        &:hover {
            box-shadow: var(--shadow-md);
            border-color: #0000;
            transform: translateY(-2px);
        }

        &:focus-visible {
            outline: 2px solid var(--color-primary);
            outline-offset: 3px;
        }
    }

    .social-card-name {
        color: var(--color-dark);
        letter-spacing: -0.005em;
        font-weight: 600;
        line-height: 1.25;
    }

    .social-card-handle {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
    }

    .social-card:hover .social-link--soft {
        background: var(--social-color);
        color: #fff;
    }

    .social-card-arrow {
        color: var(--color-text-muted);
        transition:
            color var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-lift);
        margin-left: auto;
        font-size: 1.125rem;
    }

    .social-card:hover .social-card-arrow {
        color: var(--color-dark);
        transform: translate(2px, -2px);
    }

    .social-share {
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        display: flex;
    }

    .social-share-label {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        margin-right: 0.25rem;
        font-weight: 600;
    }

    .instagram-feed {
        gap: 0.5rem;
        display: grid;
    }

    .instagram-feed--3,
    .instagram-feed--4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .instagram-feed--6 {
        grid-template-columns: repeat(3, 1fr);
    }

    @media (width >= 640px) {
        .instagram-feed--3 {
            grid-template-columns: repeat(3, 1fr);
        }

        .instagram-feed--4 {
            grid-template-columns: repeat(4, 1fr);
        }

        .instagram-feed--6 {
            grid-template-columns: repeat(6, 1fr);
        }
    }

    .instagram-feed .img-frame {
        aspect-ratio: 1;
    }

    .instagram-feed .img-frame > img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .instagram-feed-meta {
        color: #fff;
        font-weight: 600;
        font-size: var(--text-sm);
        justify-content: center;
        gap: 1rem;
        display: flex;
        position: absolute;
        bottom: 0.75rem;
        left: 0;
        right: 0;
    }

    .instagram-feed-meta span {
        align-items: center;
        gap: 0.35rem;
        display: inline-flex;
    }

    .instagram-profile {
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1.5rem;
        display: flex;
    }

    .instagram-profile-handle {
        color: var(--color-dark);
        font-weight: 700;
    }

    .instagram-profile-stats {
        font-size: var(--text-sm);
        color: var(--color-text-soft);
    }

    .progressive-blur {
        --pb-h: 22vh;
        --pb-blur: 24px;
        --pb-offset: 0px;
        --pb-tint: var(--color-bg);
        height: var(--pb-h);
        pointer-events: none;
        z-index: calc(var(--z-sticky) - 1);
        position: fixed;
        left: 0;
        right: 0;
    }

    .progressive-blur--bottom {
        --pb-dir: to bottom;
        bottom: var(--pb-offset);
    }

    .progressive-blur--top {
        --pb-dir: to top;
        top: var(--pb-offset);
    }

    .progressive-blur-layer {
        position: absolute;
        inset: 0;
    }

    .progressive-blur-layer:first-child {
        -webkit-backdrop-filter: blur(calc(var(--pb-blur) / 128));
        backdrop-filter: blur(calc(var(--pb-blur) / 128));
        mask-image: linear-gradient(var(--pb-dir), transparent 0%, #000 12.5%);
    }

    .progressive-blur-layer:nth-child(2) {
        -webkit-backdrop-filter: blur(calc(var(--pb-blur) / 64));
        backdrop-filter: blur(calc(var(--pb-blur) / 64));
        mask-image: linear-gradient(var(--pb-dir), transparent 12.5%, #000 25%);
    }

    .progressive-blur-layer:nth-child(3) {
        -webkit-backdrop-filter: blur(calc(var(--pb-blur) / 32));
        backdrop-filter: blur(calc(var(--pb-blur) / 32));
        mask-image: linear-gradient(var(--pb-dir), transparent 25%, #000 37.5%);
    }

    .progressive-blur-layer:nth-child(4) {
        -webkit-backdrop-filter: blur(calc(var(--pb-blur) / 16));
        backdrop-filter: blur(calc(var(--pb-blur) / 16));
        mask-image: linear-gradient(var(--pb-dir), transparent 37.5%, #000 50%);
    }

    .progressive-blur-layer:nth-child(5) {
        -webkit-backdrop-filter: blur(calc(var(--pb-blur) / 8));
        backdrop-filter: blur(calc(var(--pb-blur) / 8));
        mask-image: linear-gradient(var(--pb-dir), transparent 50%, #000 62.5%);
    }

    .progressive-blur-layer:nth-child(6) {
        -webkit-backdrop-filter: blur(calc(var(--pb-blur) / 4));
        backdrop-filter: blur(calc(var(--pb-blur) / 4));
        mask-image: linear-gradient(var(--pb-dir), transparent 62.5%, #000 75%);
    }

    .progressive-blur-layer:nth-child(7) {
        -webkit-backdrop-filter: blur(calc(var(--pb-blur) / 2));
        backdrop-filter: blur(calc(var(--pb-blur) / 2));
        mask-image: linear-gradient(var(--pb-dir), transparent 75%, #000 87.5%);
    }

    .progressive-blur-layer:nth-child(8) {
        -webkit-backdrop-filter: blur(var(--pb-blur));
        backdrop-filter: blur(var(--pb-blur));
        mask-image: linear-gradient(var(--pb-dir), transparent 87.5%, #000 100%);
    }

    .progressive-blur--fade:after {
        content: '';
        background: linear-gradient(var(--pb-dir), transparent 0%, var(--pb-tint) 92%);
        position: absolute;
        inset: 0;
    }

    body.glightbox-open .progressive-blur,
    body:has(dialog[open]) .progressive-blur {
        opacity: 0;
    }

    @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
        .progressive-blur-layer {
            display: none;
        }
    }

    @media (prefers-reduced-transparency: reduce) {
        .progressive-blur {
            display: none;
        }
    }

    .project-band {
        --band-color: var(--color-dark);
        --band-stop: 50%;
        background: linear-gradient(
            to bottom,
            var(--band-color) var(--band-stop),
            transparent var(--band-stop)
        );
    }

    .project-caption {
        border-top: 1px solid var(--color-border);
        gap: 0.5rem 2rem;
        margin-top: 1.25rem;
        padding-top: 1.25rem;
        display: grid;
    }

    @media (width >= 768px) {
        .project-caption {
            grid-template-columns: 4.5rem minmax(0, 1fr) auto;
            align-items: start;
        }
    }

    .project-caption-num {
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        font-size: var(--text-base);
        color: var(--color-primary-ink);
    }

    .project-caption-title {
        font-size: var(--text-lg);
        color: var(--color-text);
        font-weight: 700;
        line-height: 1.35;
    }

    .project-caption-text {
        max-width: 62ch;
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.35rem;
        line-height: 1.7;
    }

    .project-caption-tags {
        flex-wrap: wrap;
        gap: 0.4rem;
        display: flex;
    }

    @media (width >= 768px) {
        .project-caption-tags {
            justify-content: flex-end;
            max-width: 16rem;
        }
    }

    .project-step {
        border-top: 1px solid var(--color-border);
        padding-top: 1.5rem;
        position: relative;
    }

    .project-step:before {
        content: '';
        background: var(--color-primary);
        width: 2.5rem;
        height: 2px;
        transition: width var(--duration-slow) var(--ease-out);
        position: absolute;
        top: -1px;
        left: 0;
    }

    .project-step:hover:before {
        width: 100%;
    }

    .project-step-num {
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        font-size: var(--text-base);
        color: var(--color-primary-ink);
    }

    .project-step-title {
        font-size: var(--text-2xl);
        letter-spacing: -0.02em;
        margin-top: 0.75rem;
    }

    .project-step p {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.6rem;
        line-height: 1.7;
    }

    .project-flow {
        gap: 1.5rem;
        display: grid;
    }

    .project-flow-node {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-lg);
        background: var(--color-bg);
        padding: 1.25rem;
        position: relative;
    }

    .project-flow-node > i {
        border-radius: var(--radius-md);
        background: var(--color-primary-50);
        width: 2.5rem;
        height: 2.5rem;
        color: var(--color-primary-ink);
        place-items: center;
        font-size: 1.25rem;
        display: inline-grid;
    }

    .project-flow-node strong {
        color: var(--color-text);
        margin-top: 0.9rem;
        font-weight: 700;
        display: block;
    }

    .project-flow-node span {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        margin-top: 0.25rem;
        line-height: 1.6;
        display: block;
    }

    .project-flow-node:not(:last-child):after {
        content: '';
        background: linear-gradient(to bottom, var(--color-primary) 50%, transparent 0) 0 0 / 2px
            8px repeat-y;
        width: 2px;
        height: 1.5rem;
        animation: 0.9s linear infinite project-flow-y;
        position: absolute;
        top: 100%;
        left: 2.4rem;
    }

    @media (width >= 768px) {
        .project-flow {
            grid-template-columns: repeat(var(--flow-steps, 4), minmax(0, 1fr));
            gap: 2.5rem;
        }

        .project-flow-node:not(:last-child):after {
            background: linear-gradient(to right, var(--color-primary) 50%, transparent 0) 0 0 / 8px
                2px repeat-x;
            width: 2.5rem;
            height: 2px;
            animation-name: project-flow-x;
            top: 2.5rem;
            left: 100%;
        }
    }

    .project-scale {
        grid-template-columns: repeat(var(--scale-steps, 5), minmax(0, 1fr));
        gap: 0.35rem;
        display: grid;
    }

    .project-scale > div {
        flex-direction: column;
        gap: 0.6rem;
        min-width: 0;
        display: flex;
    }

    .project-scale-swatch {
        border-radius: var(--radius-sm);
        background: var(--swatch);
        transform-origin: bottom;
        height: 3.25rem;
        transition: transform var(--duration-base) var(--ease-out);
    }

    .project-scale > div:hover .project-scale-swatch {
        transform: scaleY(1.2);
    }

    .project-scale span {
        font-size: var(--text-sm);
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--color-text-soft);
        font-weight: 600;
        overflow: hidden;
    }

    .project-bars {
        border-radius: var(--radius-xl);
        height: clamp(12rem, 24vw, 18rem);
        display: flex;
        overflow: hidden;
    }

    .project-bars > div {
        background: var(--bar);
        min-width: 0;
        color: var(--bar-ink, #fff);
        transition: flex-grow 0.7s var(--ease-out);
        flex-direction: column;
        flex: 1 1 0;
        justify-content: flex-end;
        gap: 0.2rem;
        padding: 1.25rem;
        display: flex;
    }

    .project-bars > div:hover {
        flex-grow: 2.6;
    }

    .project-bars strong,
    .project-bars span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .project-bars strong {
        font-weight: 700;
    }

    .project-bars span {
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        font-size: var(--text-sm);
        opacity: 0.75;
    }

    @media (width <= 639px) {
        .project-bars {
            flex-direction: column;
            height: auto;
        }

        .project-bars > div {
            flex: none;
            min-height: 4.75rem;
        }
    }

    .project-weights > div {
        border-bottom: 1px solid var(--color-border);
        justify-content: space-between;
        align-items: baseline;
        gap: 1.5rem;
        padding-block: 0.5rem;
        display: flex;
    }

    .project-weights-word {
        letter-spacing: -0.035em;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--color-text);
        transition:
            letter-spacing var(--duration-slow) var(--ease-out),
            color var(--duration-base) var(--ease-out);
        font-size: clamp(2.25rem, 1rem + 5.5vw, 5.5rem);
        line-height: 1.1;
        overflow: hidden;
    }

    .project-weights > div:hover .project-weights-word {
        letter-spacing: 0;
        color: var(--color-primary-ink);
    }

    .project-weights-meta {
        font-family: var(--font-sans);
        font-variant-numeric: tabular-nums;
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        flex-shrink: 0;
    }

    .project-glyphs {
        border-top: 1px solid var(--color-border);
        border-left: 1px solid var(--color-border);
        grid-template-columns: repeat(4, minmax(0, 1fr));
        display: grid;
    }

    @media (width >= 768px) {
        .project-glyphs {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .project-glyphs > span {
        aspect-ratio: 1;
        border-right: 1px solid var(--color-border);
        border-bottom: 1px solid var(--color-border);
        color: var(--color-text);
        transition:
            background-color var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out);
        place-items: center;
        font-size: clamp(1.75rem, 1rem + 2.5vw, 3rem);
        font-weight: 600;
        display: grid;
    }

    .project-glyphs > span:hover {
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .project-motion {
        border-radius: var(--radius-lg);
        background: var(--color-bg-soft);
        height: 8.5rem;
        position: relative;
        overflow: hidden;
    }

    .project-motion-dot {
        background: var(--color-primary);
        border-radius: 50%;
        width: 1.5rem;
        height: 1.5rem;
        margin-top: -0.75rem;
        animation: 2.4s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate project-ease;
        position: absolute;
        top: 50%;
        left: 1.25rem;
    }

    .project-motion-bars {
        align-items: flex-end;
        gap: 0.5rem;
        display: flex;
        position: absolute;
        inset: 1.5rem 1.25rem;
    }

    .project-motion-bars span {
        border-radius: var(--radius-sm);
        background: var(--color-primary);
        transform-origin: bottom;
        height: 100%;
        animation: project-rise 2.2s var(--ease-out) infinite;
        flex: 1;
    }

    .project-motion-bars span:nth-child(2) {
        opacity: 0.85;
        animation-delay: 0.12s;
    }

    .project-motion-bars span:nth-child(3) {
        opacity: 0.7;
        animation-delay: 0.24s;
    }

    .project-motion-bars span:nth-child(4) {
        opacity: 0.55;
        animation-delay: 0.36s;
    }

    .project-motion-bars span:nth-child(5) {
        opacity: 0.4;
        animation-delay: 0.48s;
    }

    .project-motion-card {
        border-radius: var(--radius-md);
        background: var(--color-bg);
        box-shadow: var(--shadow-lg);
        animation: project-settle 2.8s var(--ease-out) infinite;
        position: absolute;
        inset: 1.5rem 25%;
    }

    .project-motion-card:before,
    .project-motion-card:after {
        content: '';
        border-radius: var(--radius-pill);
        background: var(--color-border);
        height: 0.5rem;
        position: absolute;
        left: 1rem;
    }

    .project-motion-card:before {
        background: var(--color-primary-200);
        top: 1.1rem;
        right: 35%;
    }

    .project-motion-card:after {
        top: 2.2rem;
        right: 1rem;
    }

    @media (prefers-reduced-motion: reduce) {
        .project-flow-node:after,
        .project-motion-dot,
        .project-motion-bars span,
        .project-motion-card {
            animation: none;
        }
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.375rem;
        display: flex;
    }

    .pagination > a,
    .pagination > span {
        border-radius: var(--radius-pill);
        min-width: 2.75rem;
        height: 2.75rem;
        font-size: var(--text-sm);
        color: var(--color-text-soft);
        transition:
            background-color var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out);
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding-inline: 0.85rem;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
    }

    .pagination > a:hover {
        background: var(--color-bg-muted);
        color: var(--color-text);
    }

    .pagination > [aria-current='page'] {
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .pagination > .pagination-edge {
        border: 1px solid var(--color-border);
    }

    .pagination > .pagination-edge:hover {
        border-color: var(--color-dark);
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .pagination > [aria-disabled='true'] {
        opacity: 0.5;
        pointer-events: none;
    }

    @media (width <= 639px) {
        .pagination {
            gap: 0.25rem;
        }

        .pagination > a,
        .pagination > span {
            min-width: 2.5rem;
            height: 2.5rem;
            padding-inline: 0.6rem;
        }

        .pagination-label {
            display: none;
        }

        .pagination:has(> .pagination-edge:nth-child(n + 9)) {
            gap: 0.125rem;

            & > a,
            & > span {
                min-width: 2.25rem;
                padding-inline: 0.4rem;
            }
        }
    }

    .prev-next {
        border-top: 1px solid var(--color-border);
    }

    .prev-next-inner {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: 1rem;
        padding-block: 2rem;
        display: grid;
    }

    .prev-next-link {
        min-width: 0;
        color: var(--color-text);
        justify-self: start;
        align-items: center;
        gap: 1rem;
        text-decoration: none;
        display: inline-flex;
        position: relative;
    }

    .prev-next-link--next {
        text-align: right;
        flex-direction: row-reverse;
        grid-column: 3;
        justify-self: end;
    }

    .prev-next-arrow {
        border: 1px solid var(--color-border);
        width: 3rem;
        height: 3rem;
        transition:
            background-color var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            color var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        border-radius: 50%;
        flex-shrink: 0;
        place-items: center;
        font-size: 1.1rem;
        display: inline-grid;
    }

    .prev-next-link:hover .prev-next-arrow {
        border-color: var(--color-dark);
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .prev-next-link--prev:hover .prev-next-arrow {
        transform: translateX(-4px);
    }

    .prev-next-link--next:hover .prev-next-arrow {
        transform: translateX(4px);
    }

    .prev-next-text {
        min-width: 0;
    }

    .prev-next-label {
        font-size: var(--text-base);
        color: var(--color-text-soft);
        font-weight: 500;
        display: block;
    }

    .prev-next-title {
        font-size: var(--text-lg);
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 0.15rem;
        font-weight: 700;
        line-height: 1.3;
        display: block;
        overflow: hidden;
    }

    .prev-next-thumb {
        z-index: 2;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border-radius: var(--radius-md);
        width: 10rem;
        box-shadow: var(--shadow-lg);
        opacity: 0;
        pointer-events: none;
        transition:
            opacity var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        position: absolute;
        bottom: calc(100% + 0.75rem);
        left: 0;
        transform: translateY(0.5rem) scale(0.96);
    }

    .prev-next-link--next .prev-next-thumb {
        left: auto;
        right: 0;
    }

    .prev-next-link:is(:hover, :focus-visible) .prev-next-thumb {
        opacity: 1;
        transform: none;
    }

    .prev-next-all {
        width: 3rem;
        height: 3rem;
        color: var(--color-text);
        transition:
            background-color var(--duration-base) var(--ease-out),
            transform var(--duration-slow) var(--ease-out);
        border-radius: 50%;
        place-items: center;
        font-size: 1.5rem;
        display: grid;
    }

    .prev-next-all:hover {
        background: var(--color-bg-muted);
        transform: rotate(90deg);
    }

    @media (hover: none) {
        .prev-next-thumb {
            display: none;
        }
    }

    @media (width <= 639px) {
        .prev-next-title {
            display: none;
        }
    }

    .article-body {
        --article-w: 46rem;
        --article-wide: 72rem;
        padding-inline: var(--container-x);
        font-size: var(--text-lg);
        line-height: var(--leading-relaxed);
        color: var(--color-text-soft);
        overflow-wrap: break-word;
    }

    .article-body > * {
        max-width: var(--article-w);
        margin-inline: auto;
    }

    .article-body > * + * {
        margin-top: 1.5rem;
    }

    .article-body--flush {
        padding-inline: 0;
    }

    .article-body--flush > * {
        max-width: none;
    }

    .article-body > :is(h2, h3, h4) {
        color: var(--color-text);
        letter-spacing: -0.03em;
        text-wrap: balance;
        scroll-margin-top: calc(var(--header-h) + 2rem);
        font-weight: 700;
        line-height: 1.15;
    }

    .article-body > h2 {
        margin-top: 3.5rem;
        font-size: clamp(1.75rem, 1.35rem + 1.2vw, 2.375rem);
    }

    .article-body > h3 {
        margin-top: 2.5rem;
        font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem);
    }

    .article-body > :is(h2, h3, h4) + * {
        margin-top: 1rem;
    }

    .article-body a:not([class]) {
        color: var(--color-primary-ink);
        text-underline-offset: 0.2em;
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }

    .article-body strong {
        color: var(--color-text);
        font-weight: 600;
    }

    .article-body > .drop-cap:first-letter {
        font-family: var(--font-serif);
        padding: 0.06em 0.1em 0 0;
        font-size: 4.6em;
        font-weight: 400;
        line-height: 0.8;
    }

    .article-body > ul,
    .article-body > ol {
        padding-left: 1.25rem;
    }

    .article-body > ul {
        list-style: outside;
    }

    .article-body > ol {
        list-style: decimal;
    }

    .article-body > :is(ul, ol) li + li {
        margin-top: 0.5rem;
    }

    .article-body li::marker {
        color: var(--color-primary-ink);
        font-weight: 600;
    }

    .article-body
        > :is(
            figure,
            blockquote,
            .article-wide,
            .article-full,
            .article-offset,
            .alert,
            .code-block
        ) {
        margin-block: 2.75rem;
    }

    .article-body figcaption {
        font-size: var(--text-base);
        text-align: center;
        color: var(--color-text-muted);
        margin-top: 1rem;
        line-height: 1.6;
    }

    .article-body :not(pre) > code {
        background: var(--color-primary-50);
        color: var(--color-primary-700);
    }

    .article-body > blockquote {
        border-left: 3px solid var(--color-primary);
        letter-spacing: -0.01em;
        color: var(--color-text);
        padding-left: 1.5rem;
        font-size: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
        font-weight: 500;
        line-height: 1.45;
    }

    .article-body > blockquote cite {
        font-size: var(--text-base);
        letter-spacing: 0;
        color: var(--color-text-muted);
        margin-top: 1rem;
        font-style: normal;
        font-weight: 500;
        display: block;
    }

    .article-body > hr {
        background: var(--color-border);
        border: 0;
        height: 1px;
        margin-block: 3.5rem;
    }

    .article-body > .article-wide,
    .article-body > .article-offset {
        max-width: var(--article-wide);
    }

    .article-body > .article-full {
        max-width: none;
        margin-inline: calc(-1 * var(--container-x));
    }

    .article-offset {
        gap: 1rem;
        display: grid;
    }

    .article-note {
        border-top: 1px solid var(--color-border);
        font-size: var(--text-base);
        line-height: var(--leading-relaxed);
        color: var(--color-text-muted);
        padding-top: 0.875rem;
    }

    .article-note b {
        color: var(--color-text);
        margin-bottom: 0.35rem;
        font-weight: 600;
        display: block;
    }

    @media (width >= 1024px) {
        .article-offset {
            grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
            align-items: end;
            gap: 2.5rem;
        }

        .article-offset--right {
            grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
        }

        .article-offset--right > :first-child {
            order: 2;
        }
    }

    .comments-head {
        border-bottom: 1px solid var(--color-border);
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        gap: 0.75rem 1.5rem;
        padding-bottom: 1.25rem;
        display: flex;
    }

    .comments-title {
        letter-spacing: -0.02em;
        color: var(--color-text);
        font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
        font-weight: 700;
    }

    .comment-list {
        margin-top: 2rem;
    }

    .comment {
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 1rem;
        display: grid;
    }

    .comment-list > .comment + .comment,
    .comment-replies > .comment + .comment {
        border-top: 1px solid var(--color-border);
        margin-top: 2rem;
        padding-top: 2rem;
    }

    .comment-avatar {
        object-fit: cover;
        border-radius: 50%;
        width: 3rem;
        height: 3rem;
    }

    .comment-meta {
        flex-wrap: wrap;
        align-items: center;
        gap: 0.25rem 0.625rem;
        display: flex;
    }

    .comment-name {
        color: var(--color-text);
        font-weight: 600;
    }

    .comment-date {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
    }

    .comment-text {
        color: var(--color-text-soft);
        margin-top: 0.5rem;
        line-height: 1.7;
    }

    .comment-actions {
        font-size: var(--text-sm);
        gap: 1.25rem;
        margin-top: 0.75rem;
        font-weight: 600;
        display: flex;
    }

    .comment-actions > :is(a, button) {
        color: var(--color-text-muted);
        transition: color var(--duration-base) var(--ease-out);
        align-items: center;
        gap: 0.375rem;
        display: inline-flex;
    }

    .comment-actions > :is(a, button):hover,
    .comment-actions > .is-liked {
        color: var(--color-primary-ink);
    }

    .comment-replies {
        border-left: 2px solid var(--color-border);
        grid-column: 2;
        margin-top: 1.75rem;
        padding-left: 1.25rem;
    }

    .comment-more {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-pill);
        font-size: var(--text-sm);
        color: var(--color-text);
        transition:
            border-color var(--duration-base) var(--ease-out),
            background-color var(--duration-base) var(--ease-out);
        align-items: center;
        gap: 0.5rem;
        margin-top: 2.25rem;
        padding: 0.625rem 1.25rem;
        font-weight: 600;
        display: inline-flex;
    }

    .comment-more:hover {
        border-color: var(--color-dark);
        background: var(--color-dark);
        color: var(--color-on-dark);
    }

    .comment-respond {
        border-radius: var(--radius-28);
        background: var(--color-bg-soft);
        margin-top: 3.5rem;
        padding: clamp(1.5rem, 4vw, 2.75rem);
    }

    .comment-respond-title {
        letter-spacing: -0.02em;
        color: var(--color-text);
        font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
        font-weight: 700;
    }

    .comment-respond-text {
        font-size: var(--text-base);
        color: var(--color-text-muted);
        margin-top: 0.375rem;
    }

    @media (width >= 768px) {
        .comment {
            column-gap: 1.25rem;
        }

        .comment-avatar {
            width: 3.5rem;
            height: 3.5rem;
        }

        .comment-replies {
            padding-left: 1.75rem;
        }
    }

    .article-dark,
    .article-dark .article-body {
        color: #ffffffb8;
    }

    .article-dark .article-body > :is(h2, h3, h4),
    .article-dark .article-body strong,
    .article-dark .article-body > blockquote,
    .article-dark :is(.comments-title, .comment-name, .comment-respond-title, .comment-more) {
        color: #fff;
    }

    .article-dark
        :is(
            .article-body figcaption,
            .article-note,
            .comment-date,
            .comment-respond-text,
            .comment-actions > a,
            .comment-actions > button
        ) {
        color: #ffffff80;
    }

    .article-dark .comment-text {
        color: #ffffffb3;
    }

    .article-dark .article-note b {
        color: #fff;
    }

    .article-dark
        :is(
            .article-note,
            .comments-head,
            .comment-replies,
            .comment-list > .comment + .comment,
            .comment-replies > .comment + .comment,
            .comment-more
        ) {
        border-color: #ffffff24;
    }

    .article-dark .article-body > hr {
        background: #ffffff24;
    }

    .article-dark .comment-more:hover {
        color: var(--color-dark);
        background: #fff;
    }

    .article-dark .comment-respond {
        background: #ffffff0d;
    }

    .article-dark .form-label,
    .article-dark .form-check-label {
        color: #fffc;
    }

    .article-dark :is(.form-input, .form-textarea) {
        color: #fff;
        background: #ffffff0f;
        border-color: #ffffff29;
    }

    .article-dark :is(.form-input, .form-textarea)::placeholder {
        color: #fff6;
    }

    .article-dark :is(.form-input, .form-textarea):focus {
        border-color: #fff9;
    }

    .article-dark :is(.form-input-error, .form-textarea-error) {
        border-color: var(--color-danger);
    }

    .article-dark .social-share-label {
        color: #fff9;
    }

    .article-dark .social-link--soft {
        color: #fff;
        background: #ffffff14;
    }

    .scroll-progress {
        --progress-h: 3px;
        --progress-color: var(--color-primary);
        --progress-track: transparent;
        inset-inline: 0;
        top: var(--progress-top, 0px);
        z-index: 1000;
        height: var(--progress-h);
        background: var(--progress-track);
        pointer-events: none;
        position: fixed;
    }

    .scroll-progress:before {
        content: '';
        border-radius: inherit;
        background: var(--progress-color);
        clip-path: inset(0 calc(100% - var(--scroll-progress, 0) * 100%) 0 0);
        position: absolute;
        inset: 0;
    }

    .scroll-progress--below-header {
        --progress-top: var(--header-h);
    }

    .scroll-progress--bottom {
        top: auto;
        bottom: 0;
    }

    .scroll-progress--gradient {
        --progress-color: linear-gradient(
            90deg,
            var(--color-primary-300),
            var(--color-primary),
            var(--color-primary-800)
        );
    }

    .scroll-progress--track {
        --progress-track: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --progress-track: color-mix(in srgb, var(--color-primary) 14%, transparent);
        }
    }

    .scroll-progress--inline {
        z-index: auto;
        border-radius: var(--radius-pill);
        position: relative;
        inset: auto;
        overflow: hidden;
    }

    .scroll-progress-ring {
        --ring-size: 3.5rem;
        --ring-stroke: 3px;
        --progress-color: var(--color-primary);
        --progress-track: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --progress-track: color-mix(in srgb, var(--color-primary) 14%, transparent);
        }

        isolation: isolate;
        width: var(--ring-size);
        height: var(--ring-size);
        background: conic-gradient(
            var(--progress-color) calc(var(--scroll-progress, 0) * 1turn),
            var(--progress-track) 0
        );
        border-radius: 50%;
        place-items: center;
        display: inline-grid;
        position: relative;
    }

    .scroll-progress-ring:before {
        content: '';
        inset: var(--ring-stroke);
        z-index: -1;
        background: var(--ring-fill, var(--color-bg));
        border-radius: 50%;
        position: absolute;
    }

    .container {
        width: 100%;
        padding-inline: var(--container-x);
        margin-inline: auto;
    }

    .section {
        padding-block: var(--section-space);
    }

    .section-sm {
        padding-block: calc(var(--section-space) * 0.6);
    }

    .section-lg {
        padding-block: calc(var(--section-space) * 1.4);
    }

    .page-header {
        padding-block: calc(var(--section-space) * 0.7);
        text-align: center;
        border-bottom: 1px solid var(--color-border-default);
    }

    .page-header + section,
    .page-header + .section,
    .page-header + .section-sm,
    .page-header + .section-lg {
        padding-top: 4.5rem;
    }
}

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

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

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

    .\!visible {
        visibility: visible !important;
    }

    .collapse {
        visibility: collapse;
    }

    .invisible {
        visibility: hidden;
    }

    .visible {
        visibility: visible;
    }

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

    .\!fixed {
        position: fixed !important;
    }

    .\!static {
        position: static !important;
    }

    .absolute {
        position: absolute;
    }

    .absolute\! {
        position: absolute !important;
    }

    .fixed {
        position: fixed;
    }

    .relative {
        position: relative;
    }

    .static {
        position: static;
    }

    .static\! {
        position: static !important;
    }

    .sticky {
        position: sticky;
    }

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

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

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

    .-inset-\[6\%\] {
        inset: -6%;
    }

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

    .inset-1\.5 {
        inset: calc(var(--spacing) * 1.5);
    }

    .inset-\[-4\.5rem\] {
        inset: -4.5rem;
    }

    .inset-\[2\.5\%\] {
        inset: 2.5%;
    }

    .inset-\[10\%\] {
        inset: 10%;
    }

    .inset-\[21\%\] {
        inset: 21%;
    }

    .inset-\[var\(--device-bezel\)\] {
        inset: var(--device-bezel);
    }

    .inset-auto {
        inset: auto;
    }

    .-inset-x-5\.5 {
        inset-inline: calc(var(--spacing) * -5.5);
    }

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

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

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

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

    .inset-x-\[-50vw\] {
        inset-inline: -50vw;
    }

    .inset-x-\[5\%\] {
        inset-inline: 5%;
    }

    .inset-x-\[6\%\] {
        inset-inline: 6%;
    }

    .inset-x-\[12\.5\%\] {
        inset-inline: 12.5%;
    }

    .inset-x-\[50\%\] {
        inset-inline: 50%;
    }

    .-inset-y-0\.75 {
        inset-block: calc(var(--spacing) * -0.75);
    }

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

    .-inset-y-1\.5 {
        inset-block: calc(var(--spacing) * -1.5);
    }

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

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

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

    .inset-y-\[9\%\] {
        inset-block: 9%;
    }

    .-start-3 {
        inset-inline-start: calc(var(--spacing) * -3);
    }

    .-start-3\.5 {
        inset-inline-start: calc(var(--spacing) * -3.5);
    }

    .-start-9 {
        inset-inline-start: calc(var(--spacing) * -9);
    }

    .-start-10 {
        inset-inline-start: calc(var(--spacing) * -10);
    }

    .-start-48 {
        inset-inline-start: calc(var(--spacing) * -48);
    }

    .-start-56 {
        inset-inline-start: calc(var(--spacing) * -56);
    }

    .-start-\[0\.22em\] {
        inset-inline-start: -0.22em;
    }

    .-start-\[8cqi\] {
        inset-inline-start: -8cqi;
    }

    .-start-\[16cqi\] {
        inset-inline-start: -16cqi;
    }

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

    .start-4 {
        inset-inline-start: calc(var(--spacing) * 4);
    }

    .start-4\.5 {
        inset-inline-start: calc(var(--spacing) * 4.5);
    }

    .start-5 {
        inset-inline-start: calc(var(--spacing) * 5);
    }

    .start-6 {
        inset-inline-start: calc(var(--spacing) * 6);
    }

    .start-7 {
        inset-inline-start: calc(var(--spacing) * 7);
    }

    .start-12 {
        inset-inline-start: calc(var(--spacing) * 12);
    }

    .start-\[9\%\] {
        inset-inline-start: 9%;
    }

    .start-\[30cqi\] {
        inset-inline-start: 30cqi;
    }

    .start-\[32\%\] {
        inset-inline-start: 32%;
    }

    .start-\[50\%\] {
        inset-inline-start: 50%;
    }

    .start-\[calc\(10\%_\+_80\%_\*_540_\/_560\)\] {
        inset-inline-start: 87.1429%;
    }

    .start-\[calc\(30\.4\%_\+_1rem\)\] {
        inset-inline-start: calc(30.4% + 1rem);
    }

    .start-\[calc\(50\%_-_var\(--sun\)_\/_2\)\] {
        inset-inline-start: calc(50% - var(--sun) / 2);
    }

    .start-\[calc\(100\%_\*_293\.5_\/_400\)\] {
        inset-inline-start: 73.375%;
    }

    .start-\[calc\(var\(--custom-ph-x\)_\+_var\(--custom-ph-r\)_\*_cos\(var\(--custom-ph-angle\)\)_-_var\(--custom-ph-disc\)_\/_2\)\] {
        inset-inline-start: calc(
            var(--custom-ph-x) + var(--custom-ph-r) * cos(var(--custom-ph-angle)) -
                var(--custom-ph-disc) / 2
        );
    }

    .start-\[calc\(var\(--custom-phone-overlap\)_\*_-1\)\] {
        inset-inline-start: calc(var(--custom-phone-overlap) * -1);
    }

    .start-\[clamp\(-0\.5rem\,-2vw\,-1\.5rem\)\] {
        inset-inline-start: clamp(-0.5rem, -2vw, -1.5rem);
    }

    .start-\[clamp\(1rem\,4cqi\,1\.5rem\)\] {
        inset-inline-start: clamp(1rem, 4cqi, 1.5rem);
    }

    .start-\[clamp\(1rem\,4vw\,3\.5rem\)\] {
        inset-inline-start: clamp(1rem, 4vw, 3.5rem);
    }

    .start-\[clamp\(2rem\,1rem_\+_4\.5vw\,5rem\)\] {
        inset-inline-start: clamp(2rem, 1rem + 4.5vw, 5rem);
    }

    .start-\[max\(0px\,50\%_-_var\(--sun\)_\/_2_-_2rem\)\] {
        inset-inline-start: max(0px, 50% - var(--sun) / 2 - 2rem);
    }

    .-end-7 {
        inset-inline-end: calc(var(--spacing) * -7);
    }

    .-end-20 {
        inset-inline-end: calc(var(--spacing) * -20);
    }

    .-end-40 {
        inset-inline-end: calc(var(--spacing) * -40);
    }

    .-end-48 {
        inset-inline-end: calc(var(--spacing) * -48);
    }

    .-end-56 {
        inset-inline-end: calc(var(--spacing) * -56);
    }

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

    .end-4 {
        inset-inline-end: calc(var(--spacing) * 4);
    }

    .end-5 {
        inset-inline-end: calc(var(--spacing) * 5);
    }

    .end-6 {
        inset-inline-end: calc(var(--spacing) * 6);
    }

    .end-7 {
        inset-inline-end: calc(var(--spacing) * 7);
    }

    .end-8 {
        inset-inline-end: calc(var(--spacing) * 8);
    }

    .end-12 {
        inset-inline-end: calc(var(--spacing) * 12);
    }

    .end-\[8\%\] {
        inset-inline-end: 8%;
    }

    .end-\[22\%\] {
        inset-inline-end: 22%;
    }

    .end-\[clamp\(-1rem\,-2vw\,-2rem\)\] {
        inset-inline-end: clamp(-1rem, -2vw, -2rem);
    }

    .end-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        inset-inline-end: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .end-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.5rem\)\] {
        inset-inline-end: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .end-\[clamp\(1\.5rem\,4vw\,3\.5rem\)\] {
        inset-inline-end: clamp(1.5rem, 4vw, 3.5rem);
    }

    .end-\[clamp\(1\.5rem\,8vw\,7rem\)\] {
        inset-inline-end: clamp(1.5rem, 8vw, 7rem);
    }

    .end-\[clamp\(1\.25rem\,0\.75rem_\+_2vw\,2\.5rem\)\] {
        inset-inline-end: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
    }

    .end-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,2rem\)\] {
        inset-inline-end: clamp(1rem, 0.5rem + 1.5vw, 2rem);
    }

    .end-\[clamp\(1rem\,3vw\,3\.75rem\)\] {
        inset-inline-end: clamp(1rem, 3vw, 3.75rem);
    }

    .end-\[clamp\(1rem\,5vw\,5rem\)\] {
        inset-inline-end: clamp(1rem, 5vw, 5rem);
    }

    .end-\[clamp\(1rem\,6vw\,6rem\)\] {
        inset-inline-end: clamp(1rem, 6vw, 6rem);
    }

    .end-\[clamp\(1rem\,10vw_-_2rem\,9rem\)\] {
        inset-inline-end: clamp(1rem, 10vw - 2rem, 9rem);
    }

    .end-\[clamp\(9rem\,5rem_\+_10vw\,19rem\)\] {
        inset-inline-end: clamp(9rem, 5rem + 10vw, 19rem);
    }

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

    .-top-1\.5 {
        top: calc(var(--spacing) * -1.5);
    }

    .-top-1\.75 {
        top: calc(var(--spacing) * -1.75);
    }

    .-top-2\.5 {
        top: calc(var(--spacing) * -2.5);
    }

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

    .-top-5\.5 {
        top: calc(var(--spacing) * -5.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-top-\[1\.1rem\] {
        top: -1.1rem;
    }

    .-top-\[3\%\] {
        top: -3%;
    }

    .-top-\[4\%\] {
        top: -4%;
    }

    .-top-\[6\%\] {
        top: -6%;
    }

    .-top-\[8\%\] {
        top: -8%;
    }

    .-top-\[10\%\] {
        top: -10%;
    }

    .-top-\[12\%\] {
        top: -12%;
    }

    .-top-\[16rem\] {
        top: -16rem;
    }

    .-top-\[18rem\] {
        top: -18rem;
    }

    .-top-\[20\%\] {
        top: -20%;
    }

    .-top-\[22rem\] {
        top: -22rem;
    }

    .-top-\[26rem\] {
        top: -26rem;
    }

    .top-\(--stop-y\) {
        top: var(--stop-y);
    }

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

    .top-0\.5 {
        top: calc(var(--spacing) * 0.5);
    }

    .top-0\.75 {
        top: calc(var(--spacing) * 0.75);
    }

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

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

    .top-1\/3 {
        top: 33.3333%;
    }

    .top-1\/4 {
        top: 25%;
    }

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

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

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

    .top-4\.5 {
        top: calc(var(--spacing) * 4.5);
    }

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

    .top-5\.5 {
        top: calc(var(--spacing) * 5.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-\[-6rem\] {
        top: -6rem;
    }

    .top-\[-12\%\] {
        top: -12%;
    }

    .top-\[-14\%\] {
        top: -14%;
    }

    .top-\[-16\%\] {
        top: -16%;
    }

    .top-\[0\%\] {
        top: 0%;
    }

    .top-\[1\.0625rem\] {
        top: 1.0625rem;
    }

    .top-\[2\%\] {
        top: 2%;
    }

    .top-\[4\%\] {
        top: 4%;
    }

    .top-\[4\.5rem\] {
        top: 4.5rem;
    }

    .top-\[4\.69\%\] {
        top: 4.69%;
    }

    .top-\[5\%\] {
        top: 5%;
    }

    .top-\[6\%\] {
        top: 6%;
    }

    .top-\[7\%\] {
        top: 7%;
    }

    .top-\[8\%\] {
        top: 8%;
    }

    .top-\[8\.34\%\] {
        top: 8.34%;
    }

    .top-\[8cqi\] {
        top: 8cqi;
    }

    .top-\[9\%\] {
        top: 9%;
    }

    .top-\[10\%\] {
        top: 10%;
    }

    .top-\[12\%\] {
        top: 12%;
    }

    .top-\[12\.5\%\] {
        top: 12.5%;
    }

    .top-\[12cqi\] {
        top: 12cqi;
    }

    .top-\[12rem\] {
        top: 12rem;
    }

    .top-\[13\%\] {
        top: 13%;
    }

    .top-\[14\%\] {
        top: 14%;
    }

    .top-\[14cqi\] {
        top: 14cqi;
    }

    .top-\[15\%\] {
        top: 15%;
    }

    .top-\[16\%\] {
        top: 16%;
    }

    .top-\[17\%\] {
        top: 17%;
    }

    .top-\[18\%\] {
        top: 18%;
    }

    .top-\[18rem\] {
        top: 18rem;
    }

    .top-\[20\%\] {
        top: 20%;
    }

    .top-\[22\%\] {
        top: 22%;
    }

    .top-\[24\%\] {
        top: 24%;
    }

    .top-\[25\%\] {
        top: 25%;
    }

    .top-\[27\%\] {
        top: 27%;
    }

    .top-\[28\%\] {
        top: 28%;
    }

    .top-\[30\%\] {
        top: 30%;
    }

    .top-\[33\%\] {
        top: 33%;
    }

    .top-\[34\%\] {
        top: 34%;
    }

    .top-\[34cqi\] {
        top: 34cqi;
    }

    .top-\[35\%\] {
        top: 35%;
    }

    .top-\[36\%\] {
        top: 36%;
    }

    .top-\[38\%\] {
        top: 38%;
    }

    .top-\[40\%\] {
        top: 40%;
    }

    .top-\[44\%\] {
        top: 44%;
    }

    .top-\[46\%\] {
        top: 46%;
    }

    .top-\[48\%\] {
        top: 48%;
    }

    .top-\[49\%\] {
        top: 49%;
    }

    .top-\[50\%\] {
        top: 50%;
    }

    .top-\[52\%\] {
        top: 52%;
    }

    .top-\[54\%\] {
        top: 54%;
    }

    .top-\[55\%\] {
        top: 55%;
    }

    .top-\[58\%\] {
        top: 58%;
    }

    .top-\[60\%\] {
        top: 60%;
    }

    .top-\[61\%\] {
        top: 61%;
    }

    .top-\[62\%\] {
        top: 62%;
    }

    .top-\[67\.5\%\] {
        top: 67.5%;
    }

    .top-\[92\%\] {
        top: 92%;
    }

    .top-\[100\%\] {
        top: 100%;
    }

    .top-\[104\.375\%\] {
        top: 104.375%;
    }

    .top-\[calc\(0\.875rem_\+_var\(--voices-node\)_\/_2\)\] {
        top: calc(0.875rem + var(--voices-node) / 2);
    }

    .top-\[calc\(4_\/_44_\*_100\%_-_0\.3125rem\)\] {
        top: calc(9.09091% - 0.3125rem);
    }

    .top-\[calc\(50\%\+0\.75rem\)\] {
        top: calc(50% + 0.75rem);
    }

    .top-\[calc\(50\%_-_4rem\)\] {
        top: calc(50% - 4rem);
    }

    .top-\[calc\(100\%_\*_352_\/_400\)\] {
        top: 88%;
    }

    .top-\[calc\(100\%_\+_0\.5rem\)\] {
        top: calc(100% + 0.5rem);
    }

    .top-\[calc\(100\%_\+_0\.375rem\)\] {
        top: calc(100% + 0.375rem);
    }

    .top-\[calc\(100\%_\+_0\.625rem\)\] {
        top: calc(100% + 0.625rem);
    }

    .top-\[calc\(100\%_\+_0\.875rem\)\] {
        top: calc(100% + 0.875rem);
    }

    .top-\[calc\(100\%_\+_1rem\)\] {
        top: calc(100% + 1rem);
    }

    .top-\[calc\(100\%_\+_18_\*_var\(--u\)\)\] {
        top: calc(100% + 18 * var(--u));
    }

    .top-\[calc\(var\(--custom-frame-h\)_-_var\(--custom-inset\)_-_2\.75rem\)\] {
        top: calc(var(--custom-frame-h) - var(--custom-inset) - 2.75rem);
    }

    .top-\[calc\(var\(--custom-ph-y\)_\+_var\(--custom-ph-r\)_\*_sin\(var\(--custom-ph-angle\)\)_-_var\(--custom-ph-disc\)_\/_2\)\] {
        top: calc(
            var(--custom-ph-y) + var(--custom-ph-r) * sin(var(--custom-ph-angle)) -
                var(--custom-ph-disc) / 2
        );
    }

    .top-\[calc\(var\(--custom-phone-h\)_\/_2\)\] {
        top: calc(var(--custom-phone-h) / 2);
    }

    .top-\[calc\(var\(--custom-pitch\)_\*_1\.03\)\] {
        top: calc(var(--custom-pitch) * 1.03);
    }

    .top-\[calc\(var\(--header-h\)_\+_clamp\(1\.5rem\,4vw\,4rem\)\)\] {
        top: calc(var(--header-h) + clamp(1.5rem, 4vw, 4rem));
    }

    .top-\[calc\(var\(--header-h\)_\+_clamp\(1\.25rem\,3vw\,3rem\)\)\] {
        top: calc(var(--header-h) + clamp(1.25rem, 3vw, 3rem));
    }

    .top-\[calc\(var\(--header-h\,5\.5rem\)\+1rem\)\] {
        top: calc(var(--header-h, 5.5rem) + 1rem);
    }

    .top-\[calc\(var\(--header-h\,5\.5rem\)_\+_22vh\)\] {
        top: calc(var(--header-h, 5.5rem) + 22vh);
    }

    .top-\[calc\(var\(--leader-stop\)_\+_var\(--leader-stub\)_\+_125cqw_-_3\.75rem\)\] {
        top: calc(var(--leader-stop) + var(--leader-stub) + 125cqw - 3.75rem);
    }

    .top-\[calc\(var\(--stop-node\)_\/_2\)\] {
        top: calc(var(--stop-node) / 2);
    }

    .top-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.5rem\)\] {
        top: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .top-\[clamp\(1\.5rem\,2\.4vw\,2rem\)\] {
        top: clamp(1.5rem, 2.4vw, 2rem);
    }

    .top-\[clamp\(1\.25rem\,0\.9rem\+1vw\,2rem\)\] {
        top: clamp(1.25rem, 0.9rem + 1vw, 2rem);
    }

    .top-\[clamp\(1\.25rem\,3vw\,2\.75rem\)\] {
        top: clamp(1.25rem, 3vw, 2.75rem);
    }

    .top-\[clamp\(1rem\,0\.75rem\+1vw\,2rem\)\] {
        top: clamp(1rem, 0.75rem + 1vw, 2rem);
    }

    .top-\[clamp\(1rem\,1\.6vw\,1\.5rem\)\] {
        top: clamp(1rem, 1.6vw, 1.5rem);
    }

    .top-\[clamp\(1rem\,2vw\,1\.5rem\)\] {
        top: clamp(1rem, 2vw, 1.5rem);
    }

    .top-\[clamp\(1rem\,4cqi\,1\.5rem\)\] {
        top: clamp(1rem, 4cqi, 1.5rem);
    }

    .top-\[clamp\(2rem\,1rem_\+_3vw\,4\.5rem\)\] {
        top: clamp(2rem, 1rem + 3vw, 4.5rem);
    }

    .top-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        top: clamp(2rem, 4vw, 3.5rem);
    }

    .top-\[clamp\(2rem\,5vw\,4\.5rem\)\] {
        top: clamp(2rem, 5vw, 4.5rem);
    }

    .top-\[clamp\(4rem\,2rem_\+_6vw\,10rem\)\] {
        top: clamp(4rem, 2rem + 6vw, 10rem);
    }

    .top-\[var\(--header-h\)\] {
        top: var(--header-h);
    }

    .top-auto {
        top: auto;
    }

    .top-full {
        top: 100%;
    }

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

    .-right-1\.5 {
        right: calc(var(--spacing) * -1.5);
    }

    .-right-2\.5 {
        right: calc(var(--spacing) * -2.5);
    }

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

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

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

    .-right-5\.5 {
        right: calc(var(--spacing) * -5.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-right-\[0\.04em\] {
        right: -0.04em;
    }

    .-right-\[2\%\] {
        right: -2%;
    }

    .-right-\[3\%\] {
        right: -3%;
    }

    .-right-\[4\%\] {
        right: -4%;
    }

    .-right-\[6\%\] {
        right: -6%;
    }

    .-right-\[10\%\] {
        right: -10%;
    }

    .-right-\[12\%\] {
        right: -12%;
    }

    .-right-\[18rem\] {
        right: -18rem;
    }

    .-right-\[20rem\] {
        right: -20rem;
    }

    .-right-\[22rem\] {
        right: -22rem;
    }

    .-right-\[26rem\] {
        right: -26rem;
    }

    .-right-\[28rem\] {
        right: -28rem;
    }

    .-right-\[30rem\] {
        right: -30rem;
    }

    .right-\(--bento-x\) {
        right: var(--bento-x);
    }

    .right-\(--container-x\) {
        right: var(--container-x);
    }

    .right-\(--custom-seal-right\) {
        right: var(--custom-seal-right);
    }

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

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

    .right-2\.5 {
        right: calc(var(--spacing) * 2.5);
    }

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

    .right-3\.5 {
        right: calc(var(--spacing) * 3.5);
    }

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

    .right-4\.5 {
        right: calc(var(--spacing) * 4.5);
    }

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

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

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

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

    .right-\[-6rem\] {
        right: -6rem;
    }

    .right-\[-8\%\] {
        right: -8%;
    }

    .right-\[-22rem\] {
        right: -22rem;
    }

    .right-\[-24rem\] {
        right: -24rem;
    }

    .right-\[0\%\] {
        right: 0%;
    }

    .right-\[1\%\] {
        right: 1%;
    }

    .right-\[2\%\] {
        right: 2%;
    }

    .right-\[3\%\] {
        right: 3%;
    }

    .right-\[4\%\] {
        right: 4%;
    }

    .right-\[5\%\] {
        right: 5%;
    }

    .right-\[6\%\] {
        right: 6%;
    }

    .right-\[7\%\] {
        right: 7%;
    }

    .right-\[8\%\] {
        right: 8%;
    }

    .right-\[9\%\] {
        right: 9%;
    }

    .right-\[9cqi\] {
        right: 9cqi;
    }

    .right-\[10\%\] {
        right: 10%;
    }

    .right-\[12\%\] {
        right: 12%;
    }

    .right-\[12\.5\%\] {
        right: 12.5%;
    }

    .right-\[15\%\] {
        right: 15%;
    }

    .right-\[16\%\] {
        right: 16%;
    }

    .right-\[24\%\] {
        right: 24%;
    }

    .right-\[25\%\] {
        right: 25%;
    }

    .right-\[26\%\] {
        right: 26%;
    }

    .right-\[40\%\] {
        right: 40%;
    }

    .right-\[calc\(2_\/_160_\*_100\%_-_0\.3125rem\)\] {
        right: calc(1.25% - 0.3125rem);
    }

    .right-\[calc\(25\%_-_2\.5rem\)\] {
        right: calc(25% - 2.5rem);
    }

    .right-\[calc\(50\%_\+_var\(--custom-phone-w\)_\/_2_\+_clamp\(1rem\,5cqi\,4\.5rem\)\)\] {
        right: calc(50% + var(--custom-phone-w) / 2 + clamp(1rem, 5cqi, 4.5rem));
    }

    .right-\[calc\(var\(--ph-hang\)_\*_-1\)\] {
        right: calc(var(--ph-hang) * -1);
    }

    .right-\[calc\(var\(--rings-size\)_\*_-0\.5\)\] {
        right: calc(var(--rings-size) * -0.5);
    }

    .right-\[calc\(var\(--rings-size\)_\*_-0\.48\)\] {
        right: calc(var(--rings-size) * -0.48);
    }

    .right-\[calc\(var\(--rings-size\)_\*_-0\.52\)\] {
        right: calc(var(--rings-size) * -0.52);
    }

    .right-\[calc\(var\(--why-edge\)_\*_-1\)\] {
        right: calc(var(--why-edge) * -1);
    }

    .right-\[clamp\(-1\.5rem\,-2vw\,-0\.5rem\)\] {
        right: clamp(-1.5rem, -2vw, -0.5rem);
    }

    .right-\[clamp\(1\.5rem\,2\.4vw\,2rem\)\] {
        right: clamp(1.5rem, 2.4vw, 2rem);
    }

    .right-\[clamp\(1\.5rem\,6vw\,7rem\)\] {
        right: clamp(1.5rem, 6vw, 7rem);
    }

    .right-\[clamp\(1\.25rem\,0\.5rem_\+_2\.5vw\,3rem\)\] {
        right: clamp(1.25rem, 0.5rem + 2.5vw, 3rem);
    }

    .right-\[clamp\(1\.25rem\,0\.9rem\+1vw\,2rem\)\] {
        right: clamp(1.25rem, 0.9rem + 1vw, 2rem);
    }

    .right-\[clamp\(1\.25rem\,2\.6vw\,2\.5rem\)\] {
        right: clamp(1.25rem, 2.6vw, 2.5rem);
    }

    .right-\[clamp\(1\.25rem\,3vw\,2\.5rem\)\] {
        right: clamp(1.25rem, 3vw, 2.5rem);
    }

    .right-\[clamp\(1rem\,0\.75rem\+1vw\,2rem\)\] {
        right: clamp(1rem, 0.75rem + 1vw, 2rem);
    }

    .right-\[clamp\(1rem\,2\.5vw\,2rem\)\] {
        right: clamp(1rem, 2.5vw, 2rem);
    }

    .right-\[clamp\(1rem\,2vw\,1\.75rem\)\] {
        right: clamp(1rem, 2vw, 1.75rem);
    }

    .right-\[clamp\(1rem\,4vw\,4rem\)\] {
        right: clamp(1rem, 4vw, 4rem);
    }

    .right-\[clamp\(2rem\,5vw\,4\.5rem\)\] {
        right: clamp(2rem, 5vw, 4.5rem);
    }

    .right-\[clamp\(2rem\,6vw\,7rem\)\] {
        right: clamp(2rem, 6vw, 7rem);
    }

    .right-\[max\(1\.5rem\,calc\(\(100\%_-_var\(--container-max\)\)_\/_2_\+_1rem\)\)\] {
        right: max(1.5rem, calc((100% - var(--container-max)) / 2 + 1rem));
    }

    .right-\[max\(1rem\,calc\(\(100\%-var\(--container-max\)\)\/2\+2rem\)\)\] {
        right: max(1rem, calc((100% - var(--container-max)) / 2 + 2rem));
    }

    .right-\[max\(var\(--container-x\)\,calc\(\(100\%-var\(--container-width\)\)\/2\+var\(--container-x\)\)\)\] {
        right: max(
            var(--container-x),
            calc((100% - var(--container-width)) / 2 + var(--container-x))
        );
    }

    .right-\[max\(var\(--container-x\)\,calc\(\(100vw-var\(--container-width\)\)\/2\)\)\] {
        right: max(var(--container-x), calc((100vw - var(--container-width)) / 2));
    }

    .right-\[var\(--container-x\)\] {
        right: var(--container-x);
    }

    .right-auto {
        right: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-bottom-\[0\.1em\] {
        bottom: -0.1em;
    }

    .-bottom-\[0\.2em\] {
        bottom: -0.2em;
    }

    .-bottom-\[0\.18em\] {
        bottom: -0.18em;
    }

    .-bottom-\[4\%\] {
        bottom: -4%;
    }

    .-bottom-\[6\%\] {
        bottom: -6%;
    }

    .-bottom-\[10\%\] {
        bottom: -10%;
    }

    .-bottom-\[14\%\] {
        bottom: -14%;
    }

    .-bottom-\[20rem\] {
        bottom: -20rem;
    }

    .-bottom-\[clamp\(3rem\,2rem\+3vw\,4\.5rem\)\] {
        bottom: calc(-1 * clamp(3rem, 2rem + 3vw, 4.5rem));
    }

    .bottom-\(--custom-edits-b\) {
        bottom: var(--custom-edits-b);
    }

    .bottom-\(--hero-end\) {
        bottom: var(--hero-end);
    }

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

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

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

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

    .bottom-3\! {
        bottom: calc(var(--spacing) * 3) !important;
    }

    .bottom-3\.5 {
        bottom: calc(var(--spacing) * 3.5);
    }

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

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

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

    .bottom-6\! {
        bottom: calc(var(--spacing) * 6) !important;
    }

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

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

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

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

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

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

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

    .bottom-\[-8rem\] {
        bottom: -8rem;
    }

    .bottom-\[0\%\] {
        bottom: 0%;
    }

    .bottom-\[2\%\] {
        bottom: 2%;
    }

    .bottom-\[3cqi\] {
        bottom: 3cqi;
    }

    .bottom-\[4\%\] {
        bottom: 4%;
    }

    .bottom-\[5\%\] {
        bottom: 5%;
    }

    .bottom-\[5\.5rem\] {
        bottom: 5.5rem;
    }

    .bottom-\[6\%\] {
        bottom: 6%;
    }

    .bottom-\[6cqi\] {
        bottom: 6cqi;
    }

    .bottom-\[7\%\] {
        bottom: 7%;
    }

    .bottom-\[8\%\] {
        bottom: 8%;
    }

    .bottom-\[9\%\] {
        bottom: 9%;
    }

    .bottom-\[10\%\] {
        bottom: 10%;
    }

    .bottom-\[12\%\] {
        bottom: 12%;
    }

    .bottom-\[12\.5\%\] {
        bottom: 12.5%;
    }

    .bottom-\[13\%\] {
        bottom: 13%;
    }

    .bottom-\[14\%\] {
        bottom: 14%;
    }

    .bottom-\[15\%\] {
        bottom: 15%;
    }

    .bottom-\[16\%\] {
        bottom: 16%;
    }

    .bottom-\[18\%\] {
        bottom: 18%;
    }

    .bottom-\[20\%\] {
        bottom: 20%;
    }

    .bottom-\[41\%\] {
        bottom: 41%;
    }

    .bottom-\[calc\(100\%_\+_0\.5rem\)\] {
        bottom: calc(100% + 0.5rem);
    }

    .bottom-\[calc\(100\%_\+_0\.375rem\)\] {
        bottom: calc(100% + 0.375rem);
    }

    .bottom-\[calc\(var\(--custom-straddle\)_\+_clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\)\] {
        bottom: calc(var(--custom-straddle) + clamp(1.5rem, 1rem + 1.5vw, 2.5rem));
    }

    .bottom-\[calc\(var\(--ph-hang\)_\*_-1\)\] {
        bottom: calc(var(--ph-hang) * -1);
    }

    .bottom-\[calc\(var\(--proof-foot\)_\*_0\.74_-_var\(--orb-size\)\)\] {
        bottom: calc(var(--proof-foot) * 0.74 - var(--orb-size));
    }

    .bottom-\[calc\(var\(--rings-size\)_\*_-0\.22\)\] {
        bottom: calc(var(--rings-size) * -0.22);
    }

    .bottom-\[calc\(var\(--sun-rise\)_-_var\(--sun\)\)\] {
        bottom: calc(var(--sun-rise) - var(--sun));
    }

    .bottom-\[calc\(var\(--why-edge\)_\*_-1\)\] {
        bottom: calc(var(--why-edge) * -1);
    }

    .bottom-\[clamp\(-3rem\,-2vw\,-1rem\)\] {
        bottom: clamp(-3rem, -2vw, -1rem);
    }

    .bottom-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        bottom: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .bottom-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        bottom: clamp(1.5rem, 3vw, 3rem);
    }

    .bottom-\[clamp\(1\.5rem\,4vw\,3\.5rem\)\] {
        bottom: clamp(1.5rem, 4vw, 3.5rem);
    }

    .bottom-\[clamp\(1\.25rem\,0\.75rem_\+_2vw\,2\.5rem\)\] {
        bottom: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
    }

    .bottom-\[clamp\(1\.25rem\,3cqi\,2rem\)\] {
        bottom: clamp(1.25rem, 3cqi, 2rem);
    }

    .bottom-\[clamp\(1\.25rem\,3vw\,2\.5rem\)\] {
        bottom: clamp(1.25rem, 3vw, 2.5rem);
    }

    .bottom-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.75rem\)\] {
        bottom: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
    }

    .bottom-\[clamp\(1rem\,0\.75rem_\+_0\.8vw\,1\.5rem\)\] {
        bottom: clamp(1rem, 0.75rem + 0.8vw, 1.5rem);
    }

    .bottom-\[clamp\(1rem\,2\.5vw\,1\.75rem\)\] {
        bottom: clamp(1rem, 2.5vw, 1.75rem);
    }

    .bottom-\[clamp\(1rem\,2\.5vw\,2rem\)\] {
        bottom: clamp(1rem, 2.5vw, 2rem);
    }

    .bottom-\[clamp\(1rem\,4vw\,2\.5rem\)\] {
        bottom: clamp(1rem, 4vw, 2.5rem);
    }

    .bottom-\[clamp\(2\.5rem\,2rem\+3vh\,4\.5rem\)\] {
        bottom: clamp(2.5rem, 2rem + 3vh, 4.5rem);
    }

    .bottom-\[clamp\(2\.5rem\,4vw\,4rem\)\] {
        bottom: clamp(2.5rem, 4vw, 4rem);
    }

    .bottom-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        bottom: clamp(2rem, 4vw, 3.5rem);
    }

    .bottom-auto {
        bottom: auto;
    }

    .bottom-full {
        bottom: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-left-\[2\%\] {
        left: -2%;
    }

    .-left-\[3\%\] {
        left: -3%;
    }

    .-left-\[4\%\] {
        left: -4%;
    }

    .-left-\[5\%\] {
        left: -5%;
    }

    .-left-\[7\%\] {
        left: -7%;
    }

    .-left-\[18rem\] {
        left: -18rem;
    }

    .-left-\[20rem\] {
        left: -20rem;
    }

    .-left-\[24rem\] {
        left: -24rem;
    }

    .-left-\[26rem\] {
        left: -26rem;
    }

    .-left-\[42\%\] {
        left: -42%;
    }

    .-left-\[60px\] {
        left: -60px;
    }

    .left-\(--at\) {
        left: var(--at);
    }

    .left-\(--bento-x\) {
        left: var(--bento-x);
    }

    .left-\(--custom-fit\,50\%\) {
        left: var(--custom-fit, 50%);
    }

    .left-\(--custom-inset\) {
        left: var(--custom-inset);
    }

    .left-\(--custom-playhead\) {
        left: var(--custom-playhead);
    }

    .left-\(--why-pad\) {
        left: var(--why-pad);
    }

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

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

    .left-1\.5 {
        left: calc(var(--spacing) * 1.5);
    }

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

    .left-1\/3 {
        left: 33.3333%;
    }

    .left-1\/4 {
        left: 25%;
    }

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

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

    .left-3\/4 {
        left: 75%;
    }

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

    .left-4\.5 {
        left: calc(var(--spacing) * 4.5);
    }

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

    .left-5\.5 {
        left: calc(var(--spacing) * 5.5);
    }

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

    .left-6\.5 {
        left: calc(var(--spacing) * 6.5);
    }

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

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

    .left-\[-24rem\] {
        left: -24rem;
    }

    .left-\[-26rem\] {
        left: -26rem;
    }

    .left-\[0\%\] {
        left: 0%;
    }

    .left-\[0\.04em\] {
        left: 0.04em;
    }

    .left-\[1\%\] {
        left: 1%;
    }

    .left-\[2\%\] {
        left: 2%;
    }

    .left-\[3\%\] {
        left: 3%;
    }

    .left-\[4\%\] {
        left: 4%;
    }

    .left-\[5\%\] {
        left: 5%;
    }

    .left-\[5\.33\%\] {
        left: 5.33%;
    }

    .left-\[6\%\] {
        left: 6%;
    }

    .left-\[7\%\] {
        left: 7%;
    }

    .left-\[8\%\] {
        left: 8%;
    }

    .left-\[9\%\] {
        left: 9%;
    }

    .left-\[10\%\] {
        left: 10%;
    }

    .left-\[12\.5\%\] {
        left: 12.5%;
    }

    .left-\[14\%\] {
        left: 14%;
    }

    .left-\[15\%\] {
        left: 15%;
    }

    .left-\[18\%\] {
        left: 18%;
    }

    .left-\[20\%\] {
        left: 20%;
    }

    .left-\[26\.67\%\] {
        left: 26.67%;
    }

    .left-\[30\%\] {
        left: 30%;
    }

    .left-\[31\%\] {
        left: 31%;
    }

    .left-\[38\%\] {
        left: 38%;
    }

    .left-\[48\%\] {
        left: 48%;
    }

    .left-\[49\.5\%\] {
        left: 49.5%;
    }

    .left-\[50\%\] {
        left: 50%;
    }

    .left-\[58\%\] {
        left: 58%;
    }

    .left-\[59\.4\%\] {
        left: 59.4%;
    }

    .left-\[70\%\] {
        left: 70%;
    }

    .left-\[90\%\] {
        left: 90%;
    }

    .left-\[92\%\] {
        left: 92%;
    }

    .left-\[calc\(50\%_-_min\(50\%\,12rem\)_-_2\.5rem\)\] {
        left: calc(50% - min(50%, 12rem) - 2.5rem);
    }

    .left-\[calc\(var\(--arc-size\)_\*_-0\.62\)\] {
        left: calc(var(--arc-size) * -0.62);
    }

    .left-\[calc\(var\(--container-x\)_-_0\.5rem\)\] {
        left: calc(var(--container-x) - 0.5rem);
    }

    .left-\[calc\(var\(--fnode\)_\/_2\)\] {
        left: calc(var(--fnode) / 2);
    }

    .left-\[calc\(var\(--rings-size\)_\*_-0\.55\)\] {
        left: calc(var(--rings-size) * -0.55);
    }

    .left-\[calc\(var\(--stop-node\)_\/_2\)\] {
        left: calc(var(--stop-node) / 2);
    }

    .left-\[calc\(var\(--why-pad\)_\+_var\(--why-node\)_\/_2\)\] {
        left: calc(var(--why-pad) + var(--why-node) / 2);
    }

    .left-\[clamp\(-1rem\,-3vw\,-2\.5rem\)\] {
        left: clamp(-1rem, -3vw, -2.5rem);
    }

    .left-\[clamp\(0\.75rem\,4\%\,1\.5rem\)\] {
        left: clamp(0.75rem, 4%, 1.5rem);
    }

    .left-\[clamp\(1\.5rem\,3\.2vw\,3\.25rem\)\] {
        left: clamp(1.5rem, 3.2vw, 3.25rem);
    }

    .left-\[clamp\(1\.25rem\,3vw\,2\.75rem\)\] {
        left: clamp(1.25rem, 3vw, 2.75rem);
    }

    .left-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.75rem\)\] {
        left: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
    }

    .left-\[clamp\(1rem\,1\.6vw\,1\.5rem\)\] {
        left: clamp(1rem, 1.6vw, 1.5rem);
    }

    .left-\[clamp\(1rem\,2\.5vw\,1\.75rem\)\] {
        left: clamp(1rem, 2.5vw, 1.75rem);
    }

    .left-\[var\(--container-x\)\] {
        left: var(--container-x);
    }

    .left-auto {
        left: auto;
    }

    .isolate {
        isolation: isolate;
    }

    .-z-0 {
        z-index: calc(0 * -1);
    }

    .-z-1 {
        z-index: calc(1 * -1);
    }

    .-z-2 {
        z-index: calc(2 * -1);
    }

    .-z-10 {
        z-index: calc(10 * -1);
    }

    .-z-10\! {
        z-index: calc(10 * -1) !important;
    }

    .-z-20 {
        z-index: calc(20 * -1);
    }

    .z-\(--z-dropdown\) {
        z-index: var(--z-dropdown);
    }

    .z-0 {
        z-index: 0;
    }

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

    .z-2 {
        z-index: 2;
    }

    .z-3 {
        z-index: 3;
    }

    .z-4 {
        z-index: 4;
    }

    .z-5 {
        z-index: 5;
    }

    .z-10 {
        z-index: 10;
    }

    .z-20 {
        z-index: 20;
    }

    .z-30 {
        z-index: 30;
    }

    .z-\[-1\] {
        z-index: -1;
    }

    .z-\[-2\] {
        z-index: -2;
    }

    .z-\[1\] {
        z-index: 1;
    }

    .z-\[2\] {
        z-index: 2;
    }

    .z-\[3\] {
        z-index: 3;
    }

    .z-\[calc\(var\(--z-sticky\)_-_1\)\] {
        z-index: calc(var(--z-sticky) - 1);
    }

    .z-dropdown {
        z-index: var(--z-dropdown);
    }

    .z-sticky {
        z-index: var(--z-sticky);
    }

    .z-toast {
        z-index: var(--z-toast);
    }

    .-order-1 {
        order: calc(1 * -1);
    }

    .order-0 {
        order: 0;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    .order-first {
        order: -9999;
    }

    .order-last {
        order: 9999;
    }

    .col-\[1\/5\] {
        grid-column: 1 / 5;
    }

    .col-\[1\] {
        grid-column: 1;
    }

    .col-\[1_\/_5\] {
        grid-column: 1 / 5;
    }

    .col-\[2\] {
        grid-column: 2;
    }

    .col-\[2_\/_-1\] {
        grid-column: 2 / -1;
    }

    .col-\[2_\/_5\] {
        grid-column: 2 / 5;
    }

    .col-\[3\] {
        grid-column: 3;
    }

    .col-\[4\] {
        grid-column: 4;
    }

    .col-\[5_\/_12\] {
        grid-column: 5 / 12;
    }

    .col-\[auto\] {
        grid-column: auto;
    }

    .col-\[span_2\] {
        grid-column: span 2;
    }

    .col-\[span_3\] {
        grid-column: span 3;
    }

    .col-\[var\(--from\)_\/_var\(--to\)\] {
        grid-column: var(--from) / var(--to);
    }

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

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

    .col-start-1 {
        grid-column-start: 1;
    }

    .col-start-2 {
        grid-column-start: 2;
    }

    .col-start-4 {
        grid-column-start: 4;
    }

    .col-start-5 {
        grid-column-start: 5;
    }

    .col-start-9 {
        grid-column-start: 9;
    }

    .col-start-13 {
        grid-column-start: 13;
    }

    .col-start-16 {
        grid-column-start: 16;
    }

    .col-end-4 {
        grid-column-end: 4;
    }

    .\[grid-row\:span_2\] {
        grid-row: span 2;
    }

    .row-1 {
        grid-row: 1;
    }

    .row-\[1\/span_2\] {
        grid-row: 1 / span 2;
    }

    .row-\[1\] {
        grid-row: 1;
    }

    .row-\[1_\/_3\] {
        grid-row: 1 / 3;
    }

    .row-\[1_\/_4\] {
        grid-row: 1 / 4;
    }

    .row-\[1_\/_5\] {
        grid-row: 1 / 5;
    }

    .row-\[1_\/_span_2\] {
        grid-row: 1 / span 2;
    }

    .row-\[2\] {
        grid-row: 2;
    }

    .row-\[2_\/_4\] {
        grid-row: 2 / 4;
    }

    .row-\[3\] {
        grid-row: 3;
    }

    .row-\[auto\] {
        grid-row: auto;
    }

    .row-\[span_2\] {
        grid-row: span 2;
    }

    .row-span-2 {
        grid-row: span 2 / span 2;
    }

    .row-span-3 {
        grid-row: span 3 / span 3;
    }

    .row-start-1 {
        grid-row-start: 1;
    }

    .row-start-2 {
        grid-row-start: 2;
    }

    .float-left {
        float: left;
    }

    .clear-both {
        clear: both;
    }

    .container {
        width: 100%;

        @media (width >= 40rem) {
            max-width: 40rem;
        }

        @media (width >= 48rem) {
            max-width: 48rem;
        }

        @media (width >= 64rem) {
            max-width: 64rem;
        }

        @media (width >= 80rem) {
            max-width: 80rem;
        }

        @media (width >= 96rem) {
            max-width: 96rem;
        }
    }

    .-m-2 {
        margin: calc(var(--spacing) * -2);
    }

    .m-0 {
        margin: calc(var(--spacing) * 0);
    }

    .m-0\! {
        margin: calc(var(--spacing) * 0) !important;
    }

    .m-3 {
        margin: calc(var(--spacing) * 3);
    }

    .m-3\.5 {
        margin: calc(var(--spacing) * 3.5);
    }

    .m-4 {
        margin: calc(var(--spacing) * 4);
    }

    .m-\[calc\(var\(--custom-case-gap\)_\*_-1\)\] {
        margin: calc(var(--custom-case-gap) * -1);
    }

    .-mx-\(--container-x\) {
        margin-inline: calc(var(--container-x) * -1);
    }

    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4);
    }

    .-mx-7 {
        margin-inline: calc(var(--spacing) * -7);
    }

    .-mx-\[0\.06em\] {
        margin-inline: -0.06em;
    }

    .-mx-\[5\%\] {
        margin-inline: -5%;
    }

    .-mx-\[var\(--container-x\)\] {
        margin-inline: calc(var(--container-x) * -1);
    }

    .mx-\(--container-x\) {
        margin-inline: var(--container-x);
    }

    .mx-\(--custom-inset\) {
        margin-inline: var(--custom-inset);
    }

    .mx-\(--why-inset\) {
        margin-inline: var(--why-inset);
    }

    .mx-0 {
        margin-inline: calc(var(--spacing) * 0);
    }

    .mx-1 {
        margin-inline: calc(var(--spacing) * 1);
    }

    .mx-1\.5 {
        margin-inline: calc(var(--spacing) * 1.5);
    }

    .mx-2 {
        margin-inline: calc(var(--spacing) * 2);
    }

    .mx-2\.5 {
        margin-inline: calc(var(--spacing) * 2.5);
    }

    .mx-3 {
        margin-inline: calc(var(--spacing) * 3);
    }

    .mx-4 {
        margin-inline: calc(var(--spacing) * 4);
    }

    .mx-4\.5 {
        margin-inline: calc(var(--spacing) * 4.5);
    }

    .mx-\[0\.2em\] {
        margin-inline: 0.2em;
    }

    .mx-\[0\.03em\] {
        margin-inline: 0.03em;
    }

    .mx-\[0\.14em\] {
        margin-inline: 0.14em;
    }

    .mx-\[0\.18em\] {
        margin-inline: 0.18em;
    }

    .mx-\[0\.22em\] {
        margin-inline: 0.22em;
    }

    .mx-\[3\.3\%\] {
        margin-inline: 3.3%;
    }

    .mx-\[30\.4\%\] {
        margin-inline: 30.4%;
    }

    .mx-\[calc\(-1_\*_var\(--container-x\)\)\] {
        margin-inline: calc(-1 * var(--container-x));
    }

    .mx-\[calc\(var\(--console-pad\)_\*_-1\)\] {
        margin-inline: calc(var(--console-pad) * -1);
    }

    .mx-\[calc\(var\(--container-x\)_\*_-1\)\] {
        margin-inline: calc(var(--container-x) * -1);
    }

    .mx-\[calc\(var\(--container-x\,1rem\)_\*_-1\)\] {
        margin-inline: calc(var(--container-x, 1rem) * -1);
    }

    .mx-\[clamp\(0\.5rem\,0\.25rem_\+_0\.7vw\,0\.875rem\)\] {
        margin-inline: clamp(0.5rem, 0.25rem + 0.7vw, 0.875rem);
    }

    .mx-\[clamp\(0\.75rem\,1\.5vw\,1\.5rem\)\] {
        margin-inline: clamp(0.75rem, 1.5vw, 1.5rem);
    }

    .mx-\[clamp\(1\.25rem\,0\.5rem_\+_2vw\,2rem\)\] {
        margin-inline: clamp(1.25rem, 0.5rem + 2vw, 2rem);
    }

    .mx-auto {
        margin-inline: auto;
    }

    .-my-6 {
        margin-block: calc(var(--spacing) * -6);
    }

    .-my-\[0\.14em\] {
        margin-block: -0.14em;
    }

    .my-0 {
        margin-block: calc(var(--spacing) * 0);
    }

    .my-1 {
        margin-block: calc(var(--spacing) * 1);
    }

    .my-2 {
        margin-block: calc(var(--spacing) * 2);
    }

    .my-4 {
        margin-block: calc(var(--spacing) * 4);
    }

    .my-6 {
        margin-block: calc(var(--spacing) * 6);
    }

    .my-7 {
        margin-block: calc(var(--spacing) * 7);
    }

    .my-8 {
        margin-block: calc(var(--spacing) * 8);
    }

    .my-10 {
        margin-block: calc(var(--spacing) * 10);
    }

    .my-11 {
        margin-block: calc(var(--spacing) * 11);
    }

    .my-12 {
        margin-block: calc(var(--spacing) * 12);
    }

    .my-12\! {
        margin-block: calc(var(--spacing) * 12) !important;
    }

    .my-13 {
        margin-block: calc(var(--spacing) * 13);
    }

    .my-14 {
        margin-block: calc(var(--spacing) * 14);
    }

    .my-\[0\.5em\] {
        margin-block: 0.5em;
    }

    .my-\[calc\(var\(--pc-rise\)_\*_-1\)\] {
        margin-block: calc(var(--pc-rise) * -1);
    }

    .my-\[clamp\(1\.75rem\,1rem_\+_2vw\,2\.75rem\)\] {
        margin-block: clamp(1.75rem, 1rem + 2vw, 2.75rem);
    }

    .my-\[clamp\(2\.5rem\,2rem_\+_1\.5vw\,3\.5rem\)\] {
        margin-block: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .my-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        margin-block: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .my-\[clamp\(2\.25rem\,2rem_\+_1\.5vw\,3rem\)\] {
        margin-block: clamp(2.25rem, 2rem + 1.5vw, 3rem);
    }

    .my-\[clamp\(2\.75rem\,2rem_\+_2\.5vw\,4rem\)\] {
        margin-block: clamp(2.75rem, 2rem + 2.5vw, 4rem);
    }

    .my-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        margin-block: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .my-\[clamp\(2rem\,1rem_\+_2vw\,2\.75rem\)\] {
        margin-block: clamp(2rem, 1rem + 2vw, 2.75rem);
    }

    .my-\[clamp\(3rem\,_2\.5rem_\+_2vw\,_4\.5rem\)\] {
        margin-block: clamp(3rem, 2.5rem + 2vw, 4.5rem);
    }

    .my-auto {
        margin-block: auto;
    }

    .-ms-0\.5 {
        margin-inline-start: calc(var(--spacing) * -0.5);
    }

    .-ms-2 {
        margin-inline-start: calc(var(--spacing) * -2);
    }

    .-ms-2\.5 {
        margin-inline-start: calc(var(--spacing) * -2.5);
    }

    .-ms-3 {
        margin-inline-start: calc(var(--spacing) * -3);
    }

    .-ms-3\.5 {
        margin-inline-start: calc(var(--spacing) * -3.5);
    }

    .-ms-\[0\.04em\] {
        margin-inline-start: -0.04em;
    }

    .-ms-\[0\.045em\] {
        margin-inline-start: -0.045em;
    }

    .-ms-\[7\.5rem\] {
        margin-inline-start: -7.5rem;
    }

    .ms-0\.5 {
        margin-inline-start: calc(var(--spacing) * 0.5);
    }

    .ms-1 {
        margin-inline-start: calc(var(--spacing) * 1);
    }

    .ms-1\.5 {
        margin-inline-start: calc(var(--spacing) * 1.5);
    }

    .ms-2 {
        margin-inline-start: calc(var(--spacing) * 2);
    }

    .ms-2\.5 {
        margin-inline-start: calc(var(--spacing) * 2.5);
    }

    .ms-3 {
        margin-inline-start: calc(var(--spacing) * 3);
    }

    .ms-3\.5 {
        margin-inline-start: calc(var(--spacing) * 3.5);
    }

    .ms-4 {
        margin-inline-start: calc(var(--spacing) * 4);
    }

    .ms-5 {
        margin-inline-start: calc(var(--spacing) * 5);
    }

    .ms-24 {
        margin-inline-start: calc(var(--spacing) * 24);
    }

    .ms-\[0\.2em\] {
        margin-inline-start: 0.2em;
    }

    .ms-\[0\.04em\] {
        margin-inline-start: 0.04em;
    }

    .ms-\[0\.08em\] {
        margin-inline-start: 0.08em;
    }

    .ms-\[0\.15em\] {
        margin-inline-start: 0.15em;
    }

    .ms-\[0\.25em\] {
        margin-inline-start: 0.25em;
    }

    .ms-auto {
        margin-inline-start: auto;
    }

    .-me-2\.5 {
        margin-inline-end: calc(var(--spacing) * -2.5);
    }

    .me-0 {
        margin-inline-end: calc(var(--spacing) * 0);
    }

    .me-0\.5 {
        margin-inline-end: calc(var(--spacing) * 0.5);
    }

    .me-1 {
        margin-inline-end: calc(var(--spacing) * 1);
    }

    .me-1\.5 {
        margin-inline-end: calc(var(--spacing) * 1.5);
    }

    .me-2 {
        margin-inline-end: calc(var(--spacing) * 2);
    }

    .me-2\.5 {
        margin-inline-end: calc(var(--spacing) * 2.5);
    }

    .me-3 {
        margin-inline-end: calc(var(--spacing) * 3);
    }

    .me-3\.5 {
        margin-inline-end: calc(var(--spacing) * 3.5);
    }

    .me-4 {
        margin-inline-end: calc(var(--spacing) * 4);
    }

    .me-6 {
        margin-inline-end: calc(var(--spacing) * 6);
    }

    .me-9 {
        margin-inline-end: calc(var(--spacing) * 9);
    }

    .me-\[0\.1em\] {
        margin-inline-end: 0.1em;
    }

    .me-\[0\.08em\] {
        margin-inline-end: 0.08em;
    }

    .me-\[0\.12em\] {
        margin-inline-end: 0.12em;
    }

    .me-\[clamp\(1\.5rem\,4vw\,3\.5rem\)\] {
        margin-inline-end: clamp(1.5rem, 4vw, 3.5rem);
    }

    .me-\[var\(--custom-gable-offset\,1rem\)\] {
        margin-inline-end: var(--custom-gable-offset, 1rem);
    }

    .me-auto {
        margin-inline-end: auto;
    }

    .-mt-\(--custom-straddle\) {
        margin-top: calc(var(--custom-straddle) * -1);
    }

    .-mt-1 {
        margin-top: calc(var(--spacing) * -1);
    }

    .-mt-1\.5 {
        margin-top: calc(var(--spacing) * -1.5);
    }

    .-mt-2 {
        margin-top: calc(var(--spacing) * -2);
    }

    .-mt-2\.5 {
        margin-top: calc(var(--spacing) * -2.5);
    }

    .-mt-3 {
        margin-top: calc(var(--spacing) * -3);
    }

    .-mt-4 {
        margin-top: calc(var(--spacing) * -4);
    }

    .-mt-5 {
        margin-top: calc(var(--spacing) * -5);
    }

    .-mt-6 {
        margin-top: calc(var(--spacing) * -6);
    }

    .-mt-7 {
        margin-top: calc(var(--spacing) * -7);
    }

    .-mt-8 {
        margin-top: calc(var(--spacing) * -8);
    }

    .-mt-9 {
        margin-top: calc(var(--spacing) * -9);
    }

    .-mt-10 {
        margin-top: calc(var(--spacing) * -10);
    }

    .-mt-12 {
        margin-top: calc(var(--spacing) * -12);
    }

    .-mt-14 {
        margin-top: calc(var(--spacing) * -14);
    }

    .-mt-16 {
        margin-top: calc(var(--spacing) * -16);
    }

    .-mt-24 {
        margin-top: calc(var(--spacing) * -24);
    }

    .-mt-36 {
        margin-top: calc(var(--spacing) * -36);
    }

    .-mt-40 {
        margin-top: calc(var(--spacing) * -40);
    }

    .-mt-44 {
        margin-top: calc(var(--spacing) * -44);
    }

    .-mt-\[30px\] {
        margin-top: -30px;
    }

    .-mt-\[calc\(6vw\+1rem\)\] {
        margin-top: calc(-6vw - 1rem);
    }

    .-mt-\[clamp\(1\.5rem\,0\.5rem\+3vw\,4rem\)\] {
        margin-top: calc(-1 * clamp(1.5rem, 0.5rem + 3vw, 4rem));
    }

    .-mt-\[clamp\(1\.75rem\,1rem\+2vw\,2\.5rem\)\] {
        margin-top: calc(-1 * clamp(1.75rem, 1rem + 2vw, 2.5rem));
    }

    .-mt-\[clamp\(2\.5rem\,1rem_\+_4vw\,5rem\)\] {
        margin-top: calc(-1 * clamp(2.5rem, 1rem + 4vw, 5rem));
    }

    .-mt-\[clamp\(4\.5rem\,2\.5rem_\+_4vw\,7rem\)\] {
        margin-top: calc(-1 * clamp(4.5rem, 2.5rem + 4vw, 7rem));
    }

    .-mt-\[clamp\(7rem\,4\.5rem_\+_8vw\,13rem\)\] {
        margin-top: calc(-1 * clamp(7rem, 4.5rem + 8vw, 13rem));
    }

    .mt-\(--custom-cta-gap\) {
        margin-top: var(--custom-cta-gap);
    }

    .mt-\(--custom-gap\) {
        margin-top: var(--custom-gap);
    }

    .mt-\(--custom-head-space\) {
        margin-top: var(--custom-head-space);
    }

    .mt-\(--custom-label\) {
        margin-top: var(--custom-label);
    }

    .mt-\(--custom-lead-gap\) {
        margin-top: var(--custom-lead-gap);
    }

    .mt-\(--custom-proof-gap\) {
        margin-top: var(--custom-proof-gap);
    }

    .mt-\(--section-space\) {
        margin-top: var(--section-space);
    }

    .mt-\(--topbar-h\) {
        margin-top: var(--topbar-h);
    }

    .mt-\(--tr-pad\) {
        margin-top: var(--tr-pad);
    }

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

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

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

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

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

    .mt-1 {
        margin-top: calc(var(--spacing) * 1);
    }

    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5);
    }

    .mt-2 {
        margin-top: calc(var(--spacing) * 2);
    }

    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5);
    }

    .mt-3 {
        margin-top: calc(var(--spacing) * 3);
    }

    .mt-3\.5 {
        margin-top: calc(var(--spacing) * 3.5);
    }

    .mt-4 {
        margin-top: calc(var(--spacing) * 4);
    }

    .mt-4\.5 {
        margin-top: calc(var(--spacing) * 4.5);
    }

    .mt-5 {
        margin-top: calc(var(--spacing) * 5);
    }

    .mt-5\.5 {
        margin-top: calc(var(--spacing) * 5.5);
    }

    .mt-6 {
        margin-top: calc(var(--spacing) * 6);
    }

    .mt-6\.5 {
        margin-top: calc(var(--spacing) * 6.5);
    }

    .mt-7 {
        margin-top: calc(var(--spacing) * 7);
    }

    .mt-8 {
        margin-top: calc(var(--spacing) * 8);
    }

    .mt-9 {
        margin-top: calc(var(--spacing) * 9);
    }

    .mt-10 {
        margin-top: calc(var(--spacing) * 10);
    }

    .mt-11 {
        margin-top: calc(var(--spacing) * 11);
    }

    .mt-12 {
        margin-top: calc(var(--spacing) * 12);
    }

    .mt-13 {
        margin-top: calc(var(--spacing) * 13);
    }

    .mt-14 {
        margin-top: calc(var(--spacing) * 14);
    }

    .mt-16 {
        margin-top: calc(var(--spacing) * 16);
    }

    .mt-18 {
        margin-top: calc(var(--spacing) * 18);
    }

    .mt-20 {
        margin-top: calc(var(--spacing) * 20);
    }

    .mt-24 {
        margin-top: calc(var(--spacing) * 24);
    }

    .mt-\[-0\.02em\] {
        margin-top: -0.02em;
    }

    .mt-\[-0\.12em\] {
        margin-top: -0.12em;
    }

    .mt-\[-0\.24em\] {
        margin-top: -0.24em;
    }

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

    .mt-\[0\.1em\] {
        margin-top: 0.1em;
    }

    .mt-\[0\.2em\] {
        margin-top: 0.2em;
    }

    .mt-\[0\.3rem\] {
        margin-top: 0.3rem;
    }

    .mt-\[0\.05em\] {
        margin-top: 0.05em;
    }

    .mt-\[0\.12em\] {
        margin-top: 0.12em;
    }

    .mt-\[0\.15rem\] {
        margin-top: 0.15rem;
    }

    .mt-\[0\.35rem\] {
        margin-top: 0.35rem;
    }

    .mt-\[0\.0625rem\] {
        margin-top: 0.0625rem;
    }

    .mt-\[0\.1875rem\] {
        margin-top: 0.1875rem;
    }

    .mt-\[1\.1rem\] {
        margin-top: 1.1rem;
    }

    .mt-\[1\.2em\] {
        margin-top: 1.2em;
    }

    .mt-\[1\.3em\] {
        margin-top: 1.3em;
    }

    .mt-\[1\.4em\] {
        margin-top: 1.4em;
    }

    .mt-\[1\.5cqi\] {
        margin-top: 1.5cqi;
    }

    .mt-\[1\.125rem\] {
        margin-top: 1.125rem;
    }

    .mt-\[2\.1rem\] {
        margin-top: 2.1rem;
    }

    .mt-\[2cqi\] {
        margin-top: 2cqi;
    }

    .mt-\[3cqi\] {
        margin-top: 3cqi;
    }

    .mt-\[4cqi\] {
        margin-top: 4cqi;
    }

    .mt-\[5cqi\] {
        margin-top: 5cqi;
    }

    .mt-\[6\%\] {
        margin-top: 6%;
    }

    .mt-\[6cqi\] {
        margin-top: 6cqi;
    }

    .mt-\[7cqi\] {
        margin-top: 7cqi;
    }

    .mt-\[8cqi\] {
        margin-top: 8cqi;
    }

    .mt-\[12\%\] {
        margin-top: 12%;
    }

    .mt-\[calc\(-1_\*_var\(--custom-dock-half\)\)\] {
        margin-top: calc(-1 * var(--custom-dock-half));
    }

    .mt-\[calc\(-1_\*_var\(--custom-straddle\)\)\] {
        margin-top: calc(-1 * var(--custom-straddle));
    }

    .mt-\[calc\(var\(--custom-footer-fs\)_\*_0\.74\)\] {
        margin-top: calc(var(--custom-footer-fs) * 0.74);
    }

    .mt-\[calc\(var\(--custom-head-space\)_\*_-0\.4\)\] {
        margin-top: calc(var(--custom-head-space) * -0.4);
    }

    .mt-\[calc\(var\(--custom-head-space\)_\*_-1_\+_1rem\)\] {
        margin-top: calc(var(--custom-head-space) * -1 + 1rem);
    }

    .mt-\[calc\(var\(--custom-overlap\)\*-1\)\] {
        margin-top: calc(var(--custom-overlap) * -1);
    }

    .mt-\[calc\(var\(--section-space\)_\*_-0\.4\)\] {
        margin-top: calc(var(--section-space) * -0.4);
    }

    .mt-\[calc\(var\(--why-over\)_\*_-1\)\] {
        margin-top: calc(var(--why-over) * -1);
    }

    .mt-\[clamp\(-18rem\,-40vw\,-8rem\)\] {
        margin-top: clamp(-18rem, -40vw, -8rem);
    }

    .mt-\[clamp\(0\.5rem\,0\.25rem_\+_0\.7vw\,0\.875rem\)\] {
        margin-top: clamp(0.5rem, 0.25rem + 0.7vw, 0.875rem);
    }

    .mt-\[clamp\(0\.5rem\,2vw\,1\.5rem\)\],
    .mt-\[clamp\(0\.5rem\,_2vw\,_1\.5rem\)\] {
        margin-top: clamp(0.5rem, 2vw, 1.5rem);
    }

    .mt-\[clamp\(0\.75rem\,0\.25rem_\+_1\.5vw\,1\.75rem\)\] {
        margin-top: clamp(0.75rem, 0.25rem + 1.5vw, 1.75rem);
    }

    .mt-\[clamp\(0\.75rem\,2vw\,1\.5rem\)\] {
        margin-top: clamp(0.75rem, 2vw, 1.5rem);
    }

    .mt-\[clamp\(1\.5rem\,0\.5rem_\+_3vw\,3rem\)\] {
        margin-top: clamp(1.5rem, 0.5rem + 3vw, 3rem);
    }

    .mt-\[clamp\(1\.5rem\,1\.1rem_\+_1vw\,2rem\)\] {
        margin-top: clamp(1.5rem, 1.1rem + 1vw, 2rem);
    }

    .mt-\[clamp\(1\.5rem\,1\.25rem_\+_0\.8vw\,2rem\)\] {
        margin-top: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
    }

    .mt-\[clamp\(1\.5rem\,1\.25rem_\+_1vw\,2\.25rem\)\] {
        margin-top: clamp(1.5rem, 1.25rem + 1vw, 2.25rem);
    }

    .mt-\[clamp\(1\.5rem\,1rem\+1\.5vw\,2\.5rem\)\] {
        margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .mt-\[clamp\(1\.5rem\,1rem\+1vw\,2\.25rem\)\] {
        margin-top: clamp(1.5rem, 1rem + 1vw, 2.25rem);
    }

    .mt-\[clamp\(1\.5rem\,1rem_\+_1\.2vw\,2\.25rem\)\] {
        margin-top: clamp(1.5rem, 1rem + 1.2vw, 2.25rem);
    }

    .mt-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .mt-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.25rem\)\] {
        margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
    }

    .mt-\[clamp\(1\.5rem\,1rem_\+_1\.25vw\,2\.25rem\)\] {
        margin-top: clamp(1.5rem, 1rem + 1.25vw, 2.25rem);
    }

    .mt-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.5rem\)\] {
        margin-top: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .mt-\[clamp\(1\.5rem\,3\.6vh\,2\.25rem\)\] {
        margin-top: clamp(1.5rem, 3.6vh, 2.25rem);
    }

    .mt-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] {
        margin-top: clamp(1.5rem, 3vw, 2.5rem);
    }

    .mt-\[clamp\(1\.5rem\,3vw\,2\.25rem\)\] {
        margin-top: clamp(1.5rem, 3vw, 2.25rem);
    }

    .mt-\[clamp\(1\.5rem\,_1\.2rem_\+_1\.2vw\,_2\.25rem\)\] {
        margin-top: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
    }

    .mt-\[clamp\(1\.25rem\,0\.5rem\+2vw\,2\.25rem\)\] {
        margin-top: clamp(1.25rem, 0.5rem + 2vw, 2.25rem);
    }

    .mt-\[clamp\(1\.25rem\,0\.75rem\+1\.4vw\,2\.25rem\)\] {
        margin-top: clamp(1.25rem, 0.75rem + 1.4vw, 2.25rem);
    }

    .mt-\[clamp\(1\.25rem\,1rem_\+_0\.8vw\,1\.625rem\)\] {
        margin-top: clamp(1.25rem, 1rem + 0.8vw, 1.625rem);
    }

    .mt-\[clamp\(1\.25rem\,1rem_\+_0\.8vw\,1\.875rem\)\] {
        margin-top: clamp(1.25rem, 1rem + 0.8vw, 1.875rem);
    }

    .mt-\[clamp\(1\.25rem\,1rem_\+_1vw\,1\.75rem\)\] {
        margin-top: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    }

    .mt-\[clamp\(1\.25rem\,1rem_\+_1vw\,2rem\)\] {
        margin-top: clamp(1.25rem, 1rem + 1vw, 2rem);
    }

    .mt-\[clamp\(1\.25rem\,2vw\,1\.75rem\)\] {
        margin-top: clamp(1.25rem, 2vw, 1.75rem);
    }

    .mt-\[clamp\(1\.25rem\,_0\.75rem_\+_1\.5vw\,_2rem\)\] {
        margin-top: clamp(1.25rem, 0.75rem + 1.5vw, 2rem);
    }

    .mt-\[clamp\(1\.25rem\,_1rem_\+_0\.5vw\,_1\.5rem\)\] {
        margin-top: clamp(1.25rem, 1rem + 0.5vw, 1.5rem);
    }

    .mt-\[clamp\(1\.75rem\,1\.2rem\+1\.2vw\,2\.5rem\)\] {
        margin-top: clamp(1.75rem, 1.2rem + 1.2vw, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,1\.25rem_\+_1\.5vw\,2\.5rem\)\] {
        margin-top: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,1\.25rem_\+_1\.6vw\,2\.75rem\)\] {
        margin-top: clamp(1.75rem, 1.25rem + 1.6vw, 2.75rem);
    }

    .mt-\[clamp\(1\.75rem\,1\.25rem_\+_1\.25vw\,2\.5rem\)\] {
        margin-top: clamp(1.75rem, 1.25rem + 1.25vw, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,1rem\+2vw\,2\.75rem\)\] {
        margin-top: clamp(1.75rem, 1rem + 2vw, 2.75rem);
    }

    .mt-\[clamp\(1\.75rem\,1rem\+2vw\,3rem\)\] {
        margin-top: clamp(1.75rem, 1rem + 2vw, 3rem);
    }

    .mt-\[clamp\(1\.75rem\,1rem_\+_2\.5vw\,3rem\)\] {
        margin-top: clamp(1.75rem, 1rem + 2.5vw, 3rem);
    }

    .mt-\[clamp\(1\.75rem\,1rem_\+_2vw\,2\.75rem\)\] {
        margin-top: clamp(1.75rem, 1rem + 2vw, 2.75rem);
    }

    .mt-\[clamp\(1\.75rem\,1rem_\+_2vw\,3rem\)\] {
        margin-top: clamp(1.75rem, 1rem + 2vw, 3rem);
    }

    .mt-\[clamp\(1\.75rem\,3vw\,2\.5rem\)\] {
        margin-top: clamp(1.75rem, 3vw, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,4svh\,2\.5rem\)\] {
        margin-top: clamp(1.75rem, 4svh, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,_1\.3rem_\+_1\.8vw\,_2\.75rem\)\] {
        margin-top: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
    }

    .mt-\[clamp\(1\.75rem\,_1\.4rem_\+_1\.4vw\,_2\.5rem\)\] {
        margin-top: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,_1\.25rem_\+_1\.5vw\,_2\.5rem\)\] {
        margin-top: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,_1\.25rem_\+_1\.6vw\,_2\.5rem\)\] {
        margin-top: clamp(1.75rem, 1.25rem + 1.6vw, 2.5rem);
    }

    .mt-\[clamp\(1\.75rem\,_1\.25rem_\+_1\.8vw\,_2\.75rem\)\] {
        margin-top: clamp(1.75rem, 1.25rem + 1.8vw, 2.75rem);
    }

    .mt-\[clamp\(1\.125rem\,0\.9rem_\+_0\.6vw\,1\.5rem\)\] {
        margin-top: clamp(1.125rem, 0.9rem + 0.6vw, 1.5rem);
    }

    .mt-\[clamp\(1rem\,0\.75rem_\+_0\.6vw\,1\.375rem\)\] {
        margin-top: clamp(1rem, 0.75rem + 0.6vw, 1.375rem);
    }

    .mt-\[clamp\(1rem\,0\.85rem_\+_0\.5vw\,1\.375rem\)\] {
        margin-top: clamp(1rem, 0.85rem + 0.5vw, 1.375rem);
    }

    .mt-\[clamp\(1rem\,2\.4vh\,1\.375rem\)\] {
        margin-top: clamp(1rem, 2.4vh, 1.375rem);
    }

    .mt-\[clamp\(1rem\,2vw\,1\.5rem\)\] {
        margin-top: clamp(1rem, 2vw, 1.5rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem\+2\.5vw\,3\.75rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 2.5vw, 3.75rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem\+2\.5vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 2.5vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4\.5rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem\+3vw\,5rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3vw, 5rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem_\+_2vw\,3\.5rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 2vw, 3.5rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem_\+_2vw\,3rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 2vw, 3rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem_\+_2vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 2vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem_\+_3\.5vw\,5rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3.5vw, 5rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4\.5rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.6rem\+2\.8vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 1.6rem + 2.8vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.75rem\+2\.5vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.75rem\+2vw\,3\.5rem\)\] {
        margin-top: clamp(2.5rem, 1.75rem + 2vw, 3.5rem);
    }

    .mt-\[clamp\(2\.5rem\,1\.75rem\+2vw\,3\.75rem\)\],
    .mt-\[clamp\(2\.5rem\,1\.75rem_\+_2vw\,3\.75rem\)\] {
        margin-top: clamp(2.5rem, 1.75rem + 2vw, 3.75rem);
    }

    .mt-\[clamp\(2\.5rem\,2rem\+2vw\,3\.5rem\)\] {
        margin-top: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .mt-\[clamp\(2\.5rem\,2rem\+2vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 2rem + 2vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,2rem_\+_1\.5vw\,3\.5rem\)\] {
        margin-top: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .mt-\[clamp\(2\.5rem\,2rem_\+_2\.5vw\,4\.5rem\)\] {
        margin-top: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);
    }

    .mt-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        margin-top: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .mt-\[clamp\(2\.5rem\,2rem_\+_2vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 2rem + 2vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        margin-top: clamp(2.5rem, 4vw, 3.5rem);
    }

    .mt-\[clamp\(2\.5rem\,5\.5svh\,3\.75rem\)\] {
        margin-top: clamp(2.5rem, 5.5svh, 3.75rem);
    }

    .mt-\[clamp\(2\.5rem\,5vw\,4\.5rem\)\] {
        margin-top: clamp(2.5rem, 5vw, 4.5rem);
    }

    .mt-\[clamp\(2\.5rem\,5vw\,4rem\)\] {
        margin-top: clamp(2.5rem, 5vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,6vw\,5\.5rem\)\] {
        margin-top: clamp(2.5rem, 6vw, 5.5rem);
    }

    .mt-\[clamp\(2\.5rem\,6vw\,5rem\)\] {
        margin-top: clamp(2.5rem, 6vw, 5rem);
    }

    .mt-\[clamp\(2\.5rem\,_1\.5rem_\+_3vw\,_4\.5rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .mt-\[clamp\(2\.5rem\,_1\.5rem_\+_3vw\,_4rem\)\] {
        margin-top: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .mt-\[clamp\(2\.5rem\,_1\.75rem_\+_3vw\,_4\.5rem\)\] {
        margin-top: clamp(2.5rem, 1.75rem + 3vw, 4.5rem);
    }

    .mt-\[clamp\(2\.25rem\,1\.5rem\+2\.2vw\,3\.75rem\)\] {
        margin-top: clamp(2.25rem, 1.5rem + 2.2vw, 3.75rem);
    }

    .mt-\[clamp\(2\.25rem\,1\.5rem_\+_2vw\,3\.25rem\)\] {
        margin-top: clamp(2.25rem, 1.5rem + 2vw, 3.25rem);
    }

    .mt-\[clamp\(2\.25rem\,1\.8rem_\+_1\.5vw\,3rem\)\] {
        margin-top: clamp(2.25rem, 1.8rem + 1.5vw, 3rem);
    }

    .mt-\[clamp\(2\.25rem\,1\.25rem\+2\.5vw\,3\.75rem\)\] {
        margin-top: clamp(2.25rem, 1.25rem + 2.5vw, 3.75rem);
    }

    .mt-\[clamp\(2\.25rem\,1\.75rem_\+_1\.5vw\,3\.25rem\)\] {
        margin-top: clamp(2.25rem, 1.75rem + 1.5vw, 3.25rem);
    }

    .mt-\[clamp\(2\.25rem\,1rem_\+_3\.4vw\,4\.5rem\)\] {
        margin-top: clamp(2.25rem, 1rem + 3.4vw, 4.5rem);
    }

    .mt-\[clamp\(2\.25rem\,5svh\,3\.5rem\)\] {
        margin-top: clamp(2.25rem, 5svh, 3.5rem);
    }

    .mt-\[clamp\(2\.75rem\,1\.5rem_\+_3vw\,4rem\)\] {
        margin-top: clamp(2.75rem, 1.5rem + 3vw, 4rem);
    }

    .mt-\[clamp\(2\.75rem\,2rem\+2vw\,4rem\)\] {
        margin-top: clamp(2.75rem, 2rem + 2vw, 4rem);
    }

    .mt-\[clamp\(2\.75rem\,2rem_\+_2\.5vw\,4rem\)\] {
        margin-top: clamp(2.75rem, 2rem + 2.5vw, 4rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem\+1\.5vw\,3rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem\+2vw\,3\.5rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem\+2vw\,3rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,2\.75rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem_\+_1vw\,2\.25rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 1vw, 2.25rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem_\+_2vw\,3\.5rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,1\.5rem_\+_2vw\,3rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .mt-\[clamp\(2rem\,1\.6rem_\+_1\.2vw\,2\.5rem\)\] {
        margin-top: clamp(2rem, 1.6rem + 1.2vw, 2.5rem);
    }

    .mt-\[clamp\(2rem\,1\.6rem_\+_1\.2vw\,2\.75rem\)\] {
        margin-top: clamp(2rem, 1.6rem + 1.2vw, 2.75rem);
    }

    .mt-\[clamp\(2rem\,1\.6rem_\+_1\.4vw\,2\.75rem\)\] {
        margin-top: clamp(2rem, 1.6rem + 1.4vw, 2.75rem);
    }

    .mt-\[clamp\(2rem\,1\.25rem_\+_2\.5vw\,3\.5rem\)\] {
        margin-top: clamp(2rem, 1.25rem + 2.5vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,1\.25rem_\+_2vw\,3rem\)\] {
        margin-top: clamp(2rem, 1.25rem + 2vw, 3rem);
    }

    .mt-\[clamp\(2rem\,1rem\+2\.5vw\,3\.5rem\)\] {
        margin-top: clamp(2rem, 1rem + 2.5vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,1rem\+3vw\,3\.5rem\)\] {
        margin-top: clamp(2rem, 1rem + 3vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,1rem\+3vw\,4rem\)\] {
        margin-top: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .mt-\[clamp\(2rem\,1rem_\+_1\.8vw\,3rem\)\] {
        margin-top: clamp(2rem, 1rem + 1.8vw, 3rem);
    }

    .mt-\[clamp\(2rem\,1rem_\+_2\.6vw\,3\.5rem\)\] {
        margin-top: clamp(2rem, 1rem + 2.6vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,1rem_\+_3vw\,3\.75rem\)\] {
        margin-top: clamp(2rem, 1rem + 3vw, 3.75rem);
    }

    .mt-\[clamp\(2rem\,1rem_\+_5vw\,7rem\)\] {
        margin-top: clamp(2rem, 1rem + 5vw, 7rem);
    }

    .mt-\[clamp\(2rem\,3\.4vw\,3rem\)\] {
        margin-top: clamp(2rem, 3.4vw, 3rem);
    }

    .mt-\[clamp\(2rem\,3\.5vw\,3rem\)\] {
        margin-top: clamp(2rem, 3.5vw, 3rem);
    }

    .mt-\[clamp\(2rem\,3vw\,2\.5rem\)\] {
        margin-top: clamp(2rem, 3vw, 2.5rem);
    }

    .mt-\[clamp\(2rem\,3vw\,3rem\)\] {
        margin-top: clamp(2rem, 3vw, 3rem);
    }

    .mt-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        margin-top: clamp(2rem, 4vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,4vw\,3rem\)\] {
        margin-top: clamp(2rem, 4vw, 3rem);
    }

    .mt-\[clamp\(2rem\,_1\.5rem_\+_1\.5vw\,_2\.75rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .mt-\[clamp\(2rem\,_1\.5rem_\+_1\.5vw\,_3rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .mt-\[clamp\(2rem\,_1\.5rem_\+_1\.6vw\,_3rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 1.6vw, 3rem);
    }

    .mt-\[clamp\(2rem\,_1\.5rem_\+_2vw\,_3\.5rem\)\] {
        margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .mt-\[clamp\(2rem\,_1\.25rem_\+_2\.5vw\,_3\.5rem\)\] {
        margin-top: clamp(2rem, 1.25rem + 2.5vw, 3.5rem);
    }

    .mt-\[clamp\(3\.5rem\,2\.5rem\+3vw\,5\.5rem\)\] {
        margin-top: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .mt-\[clamp\(3\.5rem\,2\.5rem\+3vw\,5rem\)\] {
        margin-top: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .mt-\[clamp\(3\.5rem\,2\.5rem\+3vw\,6rem\)\] {
        margin-top: clamp(3.5rem, 2.5rem + 3vw, 6rem);
    }

    .mt-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5\.5rem\)\] {
        margin-top: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .mt-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5rem\)\] {
        margin-top: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .mt-\[clamp\(3\.5rem\,2rem\+4vw\,5\.5rem\)\] {
        margin-top: clamp(3.5rem, 2rem + 4vw, 5.5rem);
    }

    .mt-\[clamp\(3\.5rem\,2rem\+4vw\,6rem\)\],
    .mt-\[clamp\(3\.5rem\,2rem_\+_4vw\,6rem\)\] {
        margin-top: clamp(3.5rem, 2rem + 4vw, 6rem);
    }

    .mt-\[clamp\(3\.5rem\,2rem_\+_5vw\,7rem\)\] {
        margin-top: clamp(3.5rem, 2rem + 5vw, 7rem);
    }

    .mt-\[clamp\(3\.5rem\,6vw\,5rem\)\] {
        margin-top: clamp(3.5rem, 6vw, 5rem);
    }

    .mt-\[clamp\(3\.5rem\,7vw\,6rem\)\] {
        margin-top: clamp(3.5rem, 7vw, 6rem);
    }

    .mt-\[clamp\(3rem\,1\.5rem_\+_3vw\,4rem\)\] {
        margin-top: clamp(3rem, 1.5rem + 3vw, 4rem);
    }

    .mt-\[clamp\(3rem\,2\.5rem\+2vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 2.5rem + 2vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,2\.5rem\+2vw\,4rem\)\] {
        margin-top: clamp(3rem, 2.5rem + 2vw, 4rem);
    }

    .mt-\[clamp\(3rem\,2\.5rem_\+_1\.5vw\,4rem\)\] {
        margin-top: clamp(3rem, 2.5rem + 1.5vw, 4rem);
    }

    .mt-\[clamp\(3rem\,2\.5rem_\+_2vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 2.5rem + 2vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,2\.25rem\+2vw\,4\.5rem\)\],
    .mt-\[clamp\(3rem\,2\.25rem_\+_2vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 2.25rem + 2vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,2rem\+3vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,2rem\+3vw\,5\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 3vw, 5.5rem);
    }

    .mt-\[clamp\(3rem\,2rem\+3vw\,5rem\)\] {
        margin-top: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .mt-\[clamp\(3rem\,2rem\+4vw\,5\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 4vw, 5.5rem);
    }

    .mt-\[clamp\(3rem\,2rem\+4vw\,6rem\)\] {
        margin-top: clamp(3rem, 2rem + 4vw, 6rem);
    }

    .mt-\[clamp\(3rem\,2rem_\+_2\.5vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 2.5vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,2rem_\+_2vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 2vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        margin-top: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .mt-\[clamp\(3rem\,2rem_\+_4vw\,5\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 4vw, 5.5rem);
    }

    .mt-\[clamp\(3rem\,2rem_\+_4vw\,6rem\)\] {
        margin-top: clamp(3rem, 2rem + 4vw, 6rem);
    }

    .mt-\[clamp\(3rem\,2rem_\+_4vw\,7rem\)\] {
        margin-top: clamp(3rem, 2rem + 4vw, 7rem);
    }

    .mt-\[clamp\(3rem\,5vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 5vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,5vw\,4rem\)\] {
        margin-top: clamp(3rem, 5vw, 4rem);
    }

    .mt-\[clamp\(3rem\,6vw\,4\.5rem\)\] {
        margin-top: clamp(3rem, 6vw, 4.5rem);
    }

    .mt-\[clamp\(3rem\,6vw\,5rem\)\] {
        margin-top: clamp(3rem, 6vw, 5rem);
    }

    .mt-\[clamp\(3rem\,_2\.5rem_\+_2vw\,_4rem\)\] {
        margin-top: clamp(3rem, 2.5rem + 2vw, 4rem);
    }

    .mt-\[clamp\(3rem\,_2rem_\+_4vw\,_5\.5rem\)\] {
        margin-top: clamp(3rem, 2rem + 4vw, 5.5rem);
    }

    .mt-\[clamp\(4\.5rem\,2\.5rem_\+_5vw\,8rem\)\] {
        margin-top: clamp(4.5rem, 2.5rem + 5vw, 8rem);
    }

    .mt-\[clamp\(4\.5rem\,3rem_\+_4vw\,7rem\)\] {
        margin-top: clamp(4.5rem, 3rem + 4vw, 7rem);
    }

    .mt-\[clamp\(4\.5rem\,3rem_\+_5vw\,8rem\)\] {
        margin-top: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .mt-\[clamp\(4\.5rem\,8vw\,7rem\)\] {
        margin-top: clamp(4.5rem, 8vw, 7rem);
    }

    .mt-\[clamp\(4\.5rem\,9vw\,7\.5rem\)\] {
        margin-top: clamp(4.5rem, 9vw, 7.5rem);
    }

    .mt-\[clamp\(4\.5rem\,9vw\,8rem\)\] {
        margin-top: clamp(4.5rem, 9vw, 8rem);
    }

    .mt-\[clamp\(4rem\,2\.5rem\+4vw\,7rem\)\],
    .mt-\[clamp\(4rem\,2\.5rem_\+_4vw\,7rem\)\] {
        margin-top: clamp(4rem, 2.5rem + 4vw, 7rem);
    }

    .mt-\[clamp\(4rem\,3rem\+3vw\,6\.5rem\)\] {
        margin-top: clamp(4rem, 3rem + 3vw, 6.5rem);
    }

    .mt-\[clamp\(4rem\,3rem\+3vw\,6rem\)\] {
        margin-top: clamp(4rem, 3rem + 3vw, 6rem);
    }

    .mt-\[clamp\(4rem\,3rem\+4vw\,6\.5rem\)\] {
        margin-top: clamp(4rem, 3rem + 4vw, 6.5rem);
    }

    .mt-\[clamp\(4rem\,3rem\+4vw\,7rem\)\] {
        margin-top: clamp(4rem, 3rem + 4vw, 7rem);
    }

    .mt-\[clamp\(4rem\,3rem_\+_3vw\,6rem\)\] {
        margin-top: clamp(4rem, 3rem + 3vw, 6rem);
    }

    .mt-\[clamp\(4rem\,3rem_\+_4vw\,6\.5rem\)\] {
        margin-top: clamp(4rem, 3rem + 4vw, 6.5rem);
    }

    .mt-\[clamp\(4rem\,3rem_\+_4vw\,7rem\)\] {
        margin-top: clamp(4rem, 3rem + 4vw, 7rem);
    }

    .mt-\[clamp\(4rem\,7vw\,6\.5rem\)\] {
        margin-top: clamp(4rem, 7vw, 6.5rem);
    }

    .mt-\[clamp\(4rem\,8vw\,7\.5rem\)\] {
        margin-top: clamp(4rem, 8vw, 7.5rem);
    }

    .mt-\[clamp\(4rem\,8vw\,7rem\)\] {
        margin-top: clamp(4rem, 8vw, 7rem);
    }

    .mt-\[clamp\(5rem\,9vw\,8\.5rem\)\] {
        margin-top: clamp(5rem, 9vw, 8.5rem);
    }

    .mt-\[var\(--section-space\)\] {
        margin-top: var(--section-space);
    }

    .mt-auto {
        margin-top: auto;
    }

    .-mr-1 {
        margin-right: calc(var(--spacing) * -1);
    }

    .-mr-3 {
        margin-right: calc(var(--spacing) * -3);
    }

    .-mr-7 {
        margin-right: calc(var(--spacing) * -7);
    }

    .mr-\(--why-edge\) {
        margin-right: var(--why-edge);
    }

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

    .mr-0\.5 {
        margin-right: calc(var(--spacing) * 0.5);
    }

    .mr-1 {
        margin-right: calc(var(--spacing) * 1);
    }

    .mr-1\.5 {
        margin-right: calc(var(--spacing) * 1.5);
    }

    .mr-2 {
        margin-right: calc(var(--spacing) * 2);
    }

    .mr-2\.5 {
        margin-right: calc(var(--spacing) * 2.5);
    }

    .mr-3 {
        margin-right: calc(var(--spacing) * 3);
    }

    .mr-4 {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-9 {
        margin-right: calc(var(--spacing) * 9);
    }

    .mr-11 {
        margin-right: calc(var(--spacing) * 11);
    }

    .mr-\[0\.06em\] {
        margin-right: 0.06em;
    }

    .mr-\[0\.08em\] {
        margin-right: 0.08em;
    }

    .mr-\[0\.12em\] {
        margin-right: 0.12em;
    }

    .mr-\[0\.14em\] {
        margin-right: 0.14em;
    }

    .mr-\[4\.4rem\] {
        margin-right: 4.4rem;
    }

    .mr-\[calc\(var\(--custom-brand-ls\)_\*_-1\)\] {
        margin-right: calc(var(--custom-brand-ls) * -1);
    }

    .mr-auto {
        margin-right: auto;
    }

    .-mb-2 {
        margin-bottom: calc(var(--spacing) * -2);
    }

    .-mb-6 {
        margin-bottom: calc(var(--spacing) * -6);
    }

    .-mb-7 {
        margin-bottom: calc(var(--spacing) * -7);
    }

    .-mb-14 {
        margin-bottom: calc(var(--spacing) * -14);
    }

    .-mb-16 {
        margin-bottom: calc(var(--spacing) * -16);
    }

    .-mb-20 {
        margin-bottom: calc(var(--spacing) * -20);
    }

    .-mb-28 {
        margin-bottom: calc(var(--spacing) * -28);
    }

    .-mb-32 {
        margin-bottom: calc(var(--spacing) * -32);
    }

    .-mb-44 {
        margin-bottom: calc(var(--spacing) * -44);
    }

    .-mb-\[calc\(3vw\+2\.5rem\)\] {
        margin-bottom: calc(-3vw - 2.5rem);
    }

    .mb-\(--custom-head-space\) {
        margin-bottom: var(--custom-head-space);
    }

    .mb-\(--custom-section\) {
        margin-bottom: var(--custom-section);
    }

    .mb-\(--leader-stub\) {
        margin-bottom: var(--leader-stub);
    }

    .mb-\(--ph-hang\) {
        margin-bottom: var(--ph-hang);
    }

    .mb-\(--section-space\) {
        margin-bottom: var(--section-space);
    }

    .mb-\(--tr-pad\) {
        margin-bottom: var(--tr-pad);
    }

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

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

    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1);
    }

    .mb-1\.5 {
        margin-bottom: calc(var(--spacing) * 1.5);
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
    }

    .mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3);
    }

    .mb-3\.5 {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }

    .mb-4\.5 {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5);
    }

    .mb-5\.5 {
        margin-bottom: calc(var(--spacing) * 5.5);
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
    }

    .mb-7 {
        margin-bottom: calc(var(--spacing) * 7);
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }

    .mb-9 {
        margin-bottom: calc(var(--spacing) * 9);
    }

    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
    }

    .mb-11 {
        margin-bottom: calc(var(--spacing) * 11);
    }

    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
    }

    .mb-14 {
        margin-bottom: calc(var(--spacing) * 14);
    }

    .mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
    }

    .mb-18 {
        margin-bottom: calc(var(--spacing) * 18);
    }

    .mb-20 {
        margin-bottom: calc(var(--spacing) * 20);
    }

    .mb-24 {
        margin-bottom: calc(var(--spacing) * 24);
    }

    .mb-\[-0\.16em\] {
        margin-bottom: -0.16em;
    }

    .mb-\[-0\.18em\] {
        margin-bottom: -0.18em;
    }

    .mb-\[0\.2em\] {
        margin-bottom: 0.2em;
    }

    .mb-\[0\.24em\] {
        margin-bottom: 0.24em;
    }

    .mb-\[0\.0625em\] {
        margin-bottom: 0.0625em;
    }

    .mb-\[0\.625rem\] {
        margin-bottom: 0.625rem;
    }

    .mb-\[1\.1em\] {
        margin-bottom: 1.1em;
    }

    .mb-\[1\.3em\] {
        margin-bottom: 1.3em;
    }

    .mb-\[1\.5em\] {
        margin-bottom: 1.5em;
    }

    .mb-\[1\.125rem\] {
        margin-bottom: 1.125rem;
    }

    .mb-\[clamp\(0\.5rem\,2vw\,1\.5rem\)\] {
        margin-bottom: clamp(0.5rem, 2vw, 1.5rem);
    }

    .mb-\[clamp\(1\.5rem\,1rem\+1\.5vw\,2\.5rem\)\],
    .mb-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        margin-bottom: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .mb-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.25rem\)\] {
        margin-bottom: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
    }

    .mb-\[clamp\(1\.5rem\,1rem_\+_1\.6vw\,2\.5rem\)\] {
        margin-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.5rem);
    }

    .mb-\[clamp\(1\.5rem\,2\.5vw\,2\.25rem\)\] {
        margin-bottom: clamp(1.5rem, 2.5vw, 2.25rem);
    }

    .mb-\[clamp\(1\.5rem\,3\.5svh\,2\.25rem\)\] {
        margin-bottom: clamp(1.5rem, 3.5svh, 2.25rem);
    }

    .mb-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] {
        margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    }

    .mb-\[clamp\(1\.5rem\,_1rem_\+_1\.6vw\,_2\.25rem\)\] {
        margin-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
    }

    .mb-\[clamp\(1\.5rem\,_1rem_\+_2vw\,_2\.5rem\)\] {
        margin-bottom: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .mb-\[clamp\(1\.25rem\,1rem_\+_1vw\,2rem\)\] {
        margin-bottom: clamp(1.25rem, 1rem + 1vw, 2rem);
    }

    .mb-\[clamp\(1\.25rem\,2\.4vw\,2rem\)\] {
        margin-bottom: clamp(1.25rem, 2.4vw, 2rem);
    }

    .mb-\[clamp\(1\.25rem\,2\.5vw\,2rem\)\] {
        margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
    }

    .mb-\[clamp\(1\.75rem\,1\.2rem_\+_1\.6vw\,2\.75rem\)\] {
        margin-bottom: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem);
    }

    .mb-\[clamp\(1\.75rem\,1\.25rem_\+_1\.5vw\,2\.5rem\)\] {
        margin-bottom: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
    }

    .mb-\[clamp\(1\.75rem\,1\.25rem_\+_1\.5vw\,2\.75rem\)\] {
        margin-bottom: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
    }

    .mb-\[clamp\(1\.75rem\,1rem_\+_2vw\,2\.75rem\)\] {
        margin-bottom: clamp(1.75rem, 1rem + 2vw, 2.75rem);
    }

    .mb-\[clamp\(1\.75rem\,1rem_\+_2vw\,3rem\)\] {
        margin-bottom: clamp(1.75rem, 1rem + 2vw, 3rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem\+2\.5vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 2.5vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem\+2vw\,3\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 2vw, 3.5rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem_\+_2\.4vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 2.4vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem_\+_2\.5vw\,3\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 2.5vw, 3.5rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem_\+_3\.5vw\,4\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 3.5vw, 4.5rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.6rem\+2\.8vw\,4\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.6rem + 2.8vw, 4.5rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.6rem\+2\.8vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.6rem + 2.8vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.75rem\+2vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.75rem + 2vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.75rem_\+_2\.4vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.75rem + 2.4vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.75rem_\+_2vw\,3\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.75rem + 2vw, 3.5rem);
    }

    .mb-\[clamp\(2\.5rem\,1\.75rem_\+_2vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 1.75rem + 2vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,2rem_\+_1\.5vw\,3\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .mb-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .mb-\[clamp\(2\.5rem\,2rem_\+_2vw\,4rem\)\] {
        margin-bottom: clamp(2.5rem, 2rem + 2vw, 4rem);
    }

    .mb-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        margin-bottom: clamp(2.5rem, 4vw, 3.5rem);
    }

    .mb-\[clamp\(2\.5rem\,_1\.5rem_\+_4vw\,_5rem\)\] {
        margin-bottom: clamp(2.5rem, 1.5rem + 4vw, 5rem);
    }

    .mb-\[clamp\(2\.25rem\,1\.75rem\+1\.5vw\,3\.25rem\)\] {
        margin-bottom: clamp(2.25rem, 1.75rem + 1.5vw, 3.25rem);
    }

    .mb-\[clamp\(2\.25rem\,4vw\,3\.25rem\)\] {
        margin-bottom: clamp(2.25rem, 4vw, 3.25rem);
    }

    .mb-\[clamp\(2\.75rem\,2rem\+2vw\,4rem\)\] {
        margin-bottom: clamp(2.75rem, 2rem + 2vw, 4rem);
    }

    .mb-\[clamp\(2rem\,0\.75rem_\+_3\.6vw\,4\.25rem\)\] {
        margin-bottom: clamp(2rem, 0.75rem + 3.6vw, 4.25rem);
    }

    .mb-\[clamp\(2rem\,1\.2rem\+2\.4vw\,3\.5rem\)\] {
        margin-bottom: clamp(2rem, 1.2rem + 2.4vw, 3.5rem);
    }

    .mb-\[clamp\(2rem\,1\.4rem\+2vw\,3\.5rem\)\] {
        margin-bottom: clamp(2rem, 1.4rem + 2vw, 3.5rem);
    }

    .mb-\[clamp\(2rem\,1\.5rem\+2vw\,3rem\)\] {
        margin-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .mb-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,2\.75rem\)\] {
        margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .mb-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .mb-\[clamp\(2rem\,1\.5rem_\+_1\.6vw\,3rem\)\] {
        margin-bottom: clamp(2rem, 1.5rem + 1.6vw, 3rem);
    }

    .mb-\[clamp\(2rem\,1\.5rem_\+_2vw\,3\.5rem\)\] {
        margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .mb-\[clamp\(2rem\,1\.5rem_\+_2vw\,3rem\)\] {
        margin-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .mb-\[clamp\(2rem\,1\.25rem_\+_2\.5vw\,3\.5rem\)\] {
        margin-bottom: clamp(2rem, 1.25rem + 2.5vw, 3.5rem);
    }

    .mb-\[clamp\(2rem\,1\.25rem_\+_2vw\,3rem\)\] {
        margin-bottom: clamp(2rem, 1.25rem + 2vw, 3rem);
    }

    .mb-\[clamp\(2rem\,1rem\+2vw\,3rem\)\] {
        margin-bottom: clamp(2rem, 1rem + 2vw, 3rem);
    }

    .mb-\[clamp\(2rem\,1rem_\+_3vw\,4rem\)\] {
        margin-bottom: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .mb-\[clamp\(2rem\,3vw\,2\.75rem\)\] {
        margin-bottom: clamp(2rem, 3vw, 2.75rem);
    }

    .mb-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        margin-bottom: clamp(2rem, 4vw, 3.5rem);
    }

    .mb-\[clamp\(2rem\,4vw\,3rem\)\] {
        margin-bottom: clamp(2rem, 4vw, 3rem);
    }

    .mb-\[clamp\(2rem\,_1\.5rem_\+_2vw\,_3rem\)\] {
        margin-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .mb-\[clamp\(2rem\,_1\.25rem_\+_2\.4vw\,_3\.5rem\)\] {
        margin-bottom: clamp(2rem, 1.25rem + 2.4vw, 3.5rem);
    }

    .mb-\[clamp\(3\.5rem\,2\.5rem\+3vw\,5\.5rem\)\] {
        margin-bottom: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .mb-\[clamp\(3\.5rem\,2rem_\+_4vw\,6\.5rem\)\] {
        margin-bottom: clamp(3.5rem, 2rem + 4vw, 6.5rem);
    }

    .mb-\[clamp\(3\.5rem\,2rem_\+_4vw\,6rem\)\] {
        margin-bottom: clamp(3.5rem, 2rem + 4vw, 6rem);
    }

    .mb-\[clamp\(3\.5rem\,6vw\,5\.5rem\)\] {
        margin-bottom: clamp(3.5rem, 6vw, 5.5rem);
    }

    .mb-\[clamp\(3\.5rem\,6vw\,5rem\)\] {
        margin-bottom: clamp(3.5rem, 6vw, 5rem);
    }

    .mb-\[clamp\(3rem\,2\.5rem_\+_2vw\,4\.5rem\)\] {
        margin-bottom: clamp(3rem, 2.5rem + 2vw, 4.5rem);
    }

    .mb-\[clamp\(3rem\,2rem\+3vw\,4\.5rem\)\] {
        margin-bottom: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .mb-\[clamp\(3rem\,2rem\+3vw\,5rem\)\] {
        margin-bottom: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .mb-\[clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\] {
        margin-bottom: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .mb-\[clamp\(3rem\,2rem_\+_3vw\,4rem\)\] {
        margin-bottom: clamp(3rem, 2rem + 3vw, 4rem);
    }

    .mb-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        margin-bottom: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .mb-\[clamp\(3rem\,6vw\,4\.5rem\)\] {
        margin-bottom: clamp(3rem, 6vw, 4.5rem);
    }

    .mb-\[clamp\(3rem\,6vw\,5\.5rem\)\] {
        margin-bottom: clamp(3rem, 6vw, 5.5rem);
    }

    .mb-\[clamp\(4\.5rem\,8vw\,6\.5rem\)\] {
        margin-bottom: clamp(4.5rem, 8vw, 6.5rem);
    }

    .mb-\[clamp\(4rem\,3rem_\+_4vw\,6\.5rem\)\] {
        margin-bottom: clamp(4rem, 3rem + 4vw, 6.5rem);
    }

    .mb-\[clamp\(4rem\,3rem_\+_4vw\,7rem\)\] {
        margin-bottom: clamp(4rem, 3rem + 4vw, 7rem);
    }

    .mb-\[clamp\(4rem\,8vw\,7rem\)\] {
        margin-bottom: clamp(4rem, 8vw, 7rem);
    }

    .mb-auto {
        margin-bottom: auto;
    }

    .-ml-1 {
        margin-left: calc(var(--spacing) * -1);
    }

    .-ml-1\.5 {
        margin-left: calc(var(--spacing) * -1.5);
    }

    .-ml-2\.5 {
        margin-left: calc(var(--spacing) * -2.5);
    }

    .-ml-3 {
        margin-left: calc(var(--spacing) * -3);
    }

    .-ml-3\.5 {
        margin-left: calc(var(--spacing) * -3.5);
    }

    .-ml-7 {
        margin-left: calc(var(--spacing) * -7);
    }

    .-ml-\[0\.2em\] {
        margin-left: -0.2em;
    }

    .-ml-\[0\.04em\] {
        margin-left: -0.04em;
    }

    .-ml-\[0\.05em\] {
        margin-left: -0.05em;
    }

    .-ml-\[0\.6rem\] {
        margin-left: -0.6rem;
    }

    .-ml-\[0\.55rem\] {
        margin-left: -0.55rem;
    }

    .-ml-\[0\.85rem\] {
        margin-left: -0.85rem;
    }

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

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

    .ml-1 {
        margin-left: calc(var(--spacing) * 1);
    }

    .ml-1\.5 {
        margin-left: calc(var(--spacing) * 1.5);
    }

    .ml-2 {
        margin-left: calc(var(--spacing) * 2);
    }

    .ml-2\.5 {
        margin-left: calc(var(--spacing) * 2.5);
    }

    .ml-3 {
        margin-left: calc(var(--spacing) * 3);
    }

    .ml-3\.5 {
        margin-left: calc(var(--spacing) * 3.5);
    }

    .ml-4 {
        margin-left: calc(var(--spacing) * 4);
    }

    .ml-5 {
        margin-left: calc(var(--spacing) * 5);
    }

    .ml-6 {
        margin-left: calc(var(--spacing) * 6);
    }

    .ml-\[-0\.85rem\] {
        margin-left: -0.85rem;
    }

    .ml-\[0\.05em\] {
        margin-left: 0.05em;
    }

    .ml-\[2px\] {
        margin-left: 2px;
    }

    .ml-\[calc\(var\(--link-x\)_\*_-1\)\] {
        margin-left: calc(var(--link-x) * -1);
    }

    .ml-\[calc\(var\(--route-x\)_-_0\.5px\)\] {
        margin-left: calc(var(--route-x) - 0.5px);
    }

    .ml-\[clamp\(1rem\,4vw\,3rem\)\] {
        margin-left: clamp(1rem, 4vw, 3rem);
    }

    .ml-auto {
        margin-left: auto;
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .line-clamp-5 {
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .block {
        display: block;
    }

    .contents {
        display: contents;
    }

    .flex {
        display: flex;
    }

    .grid {
        display: grid;
    }

    .grid\! {
        display: grid !important;
    }

    .hidden {
        display: none;
    }

    .inline {
        display: inline;
    }

    .inline-block {
        display: inline-block;
    }

    .inline-flex {
        display: inline-flex;
    }

    .inline-grid {
        display: inline-grid;
    }

    .table {
        display: table;
    }

    .\!aspect-auto {
        aspect-ratio: auto !important;
    }

    .aspect-\(--ratio\) {
        aspect-ratio: var(--ratio);
    }

    .aspect-2\/3 {
        aspect-ratio: 2 / 3;
    }

    .aspect-3\/2 {
        aspect-ratio: 3 / 2;
    }

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

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

    .aspect-4\/5 {
        aspect-ratio: 4 / 5;
    }

    .aspect-5\/4 {
        aspect-ratio: 5 / 4;
    }

    .aspect-16\/10 {
        aspect-ratio: 16 / 10;
    }

    .aspect-16\/11 {
        aspect-ratio: 16 / 11;
    }

    .aspect-\[1\.6\] {
        aspect-ratio: 1.6;
    }

    .aspect-\[1\.586\] {
        aspect-ratio: 1.586;
    }

    .aspect-\[1\/0\.62\] {
        aspect-ratio: 1 / 0.62;
    }

    .aspect-\[1\/0\.82\] {
        aspect-ratio: 1 / 0.82;
    }

    .aspect-\[1\/0\.96\] {
        aspect-ratio: 1 / 0.96;
    }

    .aspect-\[1\/1\.02\] {
        aspect-ratio: 1 / 1.02;
    }

    .aspect-\[1\/1\.06\] {
        aspect-ratio: 1 / 1.06;
    }

    .aspect-\[1\/1\.08\] {
        aspect-ratio: 1 / 1.08;
    }

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

    .aspect-\[2\.1\/1\] {
        aspect-ratio: 2.1;
    }

    .aspect-\[2\.2\/1\] {
        aspect-ratio: 2.2;
    }

    .aspect-\[2\/1\] {
        aspect-ratio: 2;
    }

    .aspect-\[2\/3\] {
        aspect-ratio: 2 / 3;
    }

    .aspect-\[3\/2\] {
        aspect-ratio: 3 / 2;
    }

    .aspect-\[3\/4\.1\] {
        aspect-ratio: 3 / 4.1;
    }

    .aspect-\[3\/4\.4\] {
        aspect-ratio: 3 / 4.4;
    }

    .aspect-\[3\/4\] {
        aspect-ratio: 3 / 4;
    }

    .aspect-\[4\/3\.2\] {
        aspect-ratio: 4 / 3.2;
    }

    .aspect-\[4\/3\.3\] {
        aspect-ratio: 4 / 3.3;
    }

    .aspect-\[4\/3\.4\] {
        aspect-ratio: 4 / 3.4;
    }

    .aspect-\[4\/3\.5\] {
        aspect-ratio: 4 / 3.5;
    }

    .aspect-\[4\/3\] {
        aspect-ratio: 4 / 3;
    }

    .aspect-\[4\/4\.1\] {
        aspect-ratio: 4 / 4.1;
    }

    .aspect-\[4\/4\.2\] {
        aspect-ratio: 4 / 4.2;
    }

    .aspect-\[4\/4\.4\] {
        aspect-ratio: 4 / 4.4;
    }

    .aspect-\[4\/4\.6\] {
        aspect-ratio: 4 / 4.6;
    }

    .aspect-\[4\/4\.7\] {
        aspect-ratio: 4 / 4.7;
    }

    .aspect-\[4\/5\.4\] {
        aspect-ratio: 4 / 5.4;
    }

    .aspect-\[4\/5\.6\] {
        aspect-ratio: 4 / 5.6;
    }

    .aspect-\[4\/5\] {
        aspect-ratio: 4 / 5;
    }

    .aspect-\[5\/3\] {
        aspect-ratio: 5 / 3;
    }

    .aspect-\[5\/4\] {
        aspect-ratio: 5 / 4;
    }

    .aspect-\[5\/5\.4\] {
        aspect-ratio: 5 / 5.4;
    }

    .aspect-\[5\/5\.6\] {
        aspect-ratio: 5 / 5.6;
    }

    .aspect-\[5\/6\] {
        aspect-ratio: 5 / 6;
    }

    .aspect-\[5\/7\] {
        aspect-ratio: 5 / 7;
    }

    .aspect-\[6\/5\] {
        aspect-ratio: 6 / 5;
    }

    .aspect-\[6\/7\] {
        aspect-ratio: 6 / 7;
    }

    .aspect-\[7\/5\] {
        aspect-ratio: 7 / 5;
    }

    .aspect-\[7\/8\] {
        aspect-ratio: 7 / 8;
    }

    .aspect-\[9\/5\] {
        aspect-ratio: 9 / 5;
    }

    .aspect-\[9\/10\] {
        aspect-ratio: 9 / 10;
    }

    .aspect-\[9\/16\] {
        aspect-ratio: 9 / 16;
    }

    .aspect-\[9\/18\] {
        aspect-ratio: 9 / 18;
    }

    .aspect-\[10\/8\.6\] {
        aspect-ratio: 10 / 8.6;
    }

    .aspect-\[10\/9\] {
        aspect-ratio: 10 / 9;
    }

    .aspect-\[10\/11\] {
        aspect-ratio: 10 / 11;
    }

    .aspect-\[10\/13\] {
        aspect-ratio: 10 / 13;
    }

    .aspect-\[12\/7\] {
        aspect-ratio: 12 / 7;
    }

    .aspect-\[13\/10\] {
        aspect-ratio: 13 / 10;
    }

    .aspect-\[13\/20\] {
        aspect-ratio: 13 / 20;
    }

    .aspect-\[15\/16\] {
        aspect-ratio: 15 / 16;
    }

    .aspect-\[16\/7\] {
        aspect-ratio: 16 / 7;
    }

    .aspect-\[16\/8\] {
        aspect-ratio: 16 / 8;
    }

    .aspect-\[16\/9\.4\] {
        aspect-ratio: 16 / 9.4;
    }

    .aspect-\[16\/9\] {
        aspect-ratio: 16 / 9;
    }

    .aspect-\[16\/10\] {
        aspect-ratio: 16 / 10;
    }

    .aspect-\[16\/11\] {
        aspect-ratio: 16 / 11;
    }

    .aspect-\[17\/10\] {
        aspect-ratio: 17 / 10;
    }

    .aspect-\[17\/20\] {
        aspect-ratio: 17 / 20;
    }

    .aspect-\[18\/23\] {
        aspect-ratio: 18 / 23;
    }

    .aspect-\[20\/11\] {
        aspect-ratio: 20 / 11;
    }

    .aspect-\[20\/19\] {
        aspect-ratio: 20 / 19;
    }

    .aspect-\[20\/21\] {
        aspect-ratio: 20 / 21;
    }

    .aspect-\[20\/27\] {
        aspect-ratio: 20 / 27;
    }

    .aspect-\[21\/8\] {
        aspect-ratio: 21 / 8;
    }

    .aspect-\[21\/9\] {
        aspect-ratio: 21 / 9;
    }

    .aspect-\[23\/20\] {
        aspect-ratio: 23 / 20;
    }

    .aspect-\[29\/20\] {
        aspect-ratio: 29 / 20;
    }

    .aspect-\[30\/17\] {
        aspect-ratio: 30 / 17;
    }

    .aspect-\[240\/96\] {
        aspect-ratio: 240 / 96;
    }

    .aspect-\[300\/80\] {
        aspect-ratio: 300 / 80;
    }

    .aspect-\[400\/440\] {
        aspect-ratio: 400 / 440;
    }

    .aspect-\[416\/300\] {
        aspect-ratio: 416 / 300;
    }

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

    .aspect-\[600\/640\] {
        aspect-ratio: 600 / 640;
    }

    .aspect-\[640\/440\] {
        aspect-ratio: 640 / 440;
    }

    .aspect-\[640\/500\] {
        aspect-ratio: 640 / 500;
    }

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

    .aspect-\[784\/306\] {
        aspect-ratio: 784 / 306;
    }

    .aspect-\[\@\@pcRatio\] {
        aspect-ratio: @@pcRatio;
    }

    .aspect-\[var\(--custom-tray-ratio\)\] {
        aspect-ratio: var(--custom-tray-ratio);
    }

    .aspect-auto {
        aspect-ratio: auto;
    }

    .aspect-square {
        aspect-ratio: 1;
    }

    .aspect-square\! {
        aspect-ratio: 1 !important;
    }

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

    .\!size-20 {
        width: calc(var(--spacing) * 20) !important;
        height: calc(var(--spacing) * 20) !important;
    }

    .size-\(--exit\) {
        width: var(--exit);
        height: var(--exit);
    }

    .size-\(--fnode\) {
        width: var(--fnode);
        height: var(--fnode);
    }

    .size-\(--leader-node\) {
        width: var(--leader-node);
        height: var(--leader-node);
    }

    .size-\(--sector-node\) {
        width: var(--sector-node);
        height: var(--sector-node);
    }

    .size-\(--st-node\) {
        width: var(--st-node);
        height: var(--st-node);
    }

    .size-\(--story-node\) {
        width: var(--story-node);
        height: var(--story-node);
    }

    .size-\(--voices-node\) {
        width: var(--voices-node);
        height: var(--voices-node);
    }

    .size-\(--why-node\) {
        width: var(--why-node);
        height: var(--why-node);
    }

    .size-0 {
        width: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 0);
    }

    .size-1 {
        width: calc(var(--spacing) * 1);
        height: calc(var(--spacing) * 1);
    }

    .size-1\.75 {
        width: calc(var(--spacing) * 1.75);
        height: calc(var(--spacing) * 1.75);
    }

    .size-2 {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
    }

    .size-2\.5 {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5);
    }

    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }

    .size-3\.5 {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }

    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }

    .size-4\.5 {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }

    .size-6\.5 {
        width: calc(var(--spacing) * 6.5);
        height: calc(var(--spacing) * 6.5);
    }

    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
    }

    .size-7\.5 {
        width: calc(var(--spacing) * 7.5);
        height: calc(var(--spacing) * 7.5);
    }

    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }

    .size-8\.5 {
        width: calc(var(--spacing) * 8.5);
        height: calc(var(--spacing) * 8.5);
    }

    .size-9 {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9);
    }

    .size-9\.5 {
        width: calc(var(--spacing) * 9.5);
        height: calc(var(--spacing) * 9.5);
    }

    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
    }

    .size-10\.5 {
        width: calc(var(--spacing) * 10.5);
        height: calc(var(--spacing) * 10.5);
    }

    .size-11 {
        width: calc(var(--spacing) * 11);
        height: calc(var(--spacing) * 11);
    }

    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }

    .size-13 {
        width: calc(var(--spacing) * 13);
        height: calc(var(--spacing) * 13);
    }

    .size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14);
    }

    .size-16 {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16);
    }

    .size-16\! {
        width: calc(var(--spacing) * 16) !important;
        height: calc(var(--spacing) * 16) !important;
    }

    .size-18 {
        width: calc(var(--spacing) * 18);
        height: calc(var(--spacing) * 18);
    }

    .size-20 {
        width: calc(var(--spacing) * 20);
        height: calc(var(--spacing) * 20);
    }

    .size-21 {
        width: calc(var(--spacing) * 21);
        height: calc(var(--spacing) * 21);
    }

    .size-24 {
        width: calc(var(--spacing) * 24);
        height: calc(var(--spacing) * 24);
    }

    .size-28 {
        width: calc(var(--spacing) * 28);
        height: calc(var(--spacing) * 28);
    }

    .size-36 {
        width: calc(var(--spacing) * 36);
        height: calc(var(--spacing) * 36);
    }

    .size-44 {
        width: calc(var(--spacing) * 44);
        height: calc(var(--spacing) * 44);
    }

    .size-52 {
        width: calc(var(--spacing) * 52);
        height: calc(var(--spacing) * 52);
    }

    .size-\[0\.45rem\] {
        width: 0.45rem;
        height: 0.45rem;
    }

    .size-\[0\.85em\] {
        width: 0.85em;
        height: 0.85em;
    }

    .size-\[0\.3125rem\] {
        width: 0.3125rem;
        height: 0.3125rem;
    }

    .size-\[3\.25rem\] {
        width: 3.25rem;
        height: 3.25rem;
    }

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

    .size-\[4\.5rem\] {
        width: 4.5rem;
        height: 4.5rem;
    }

    .size-\[4px\] {
        width: 4px;
        height: 4px;
    }

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

    .size-\[80\%\] {
        width: 80%;
        height: 80%;
    }

    .size-\[clamp\(4rem\,3rem_\+_2vw\,5\.5rem\)\] {
        width: clamp(4rem, 3rem + 2vw, 5.5rem);
        height: clamp(4rem, 3rem + 2vw, 5.5rem);
    }

    .size-\[clamp\(7rem\,5\.5rem\+4vw\,9rem\)\] {
        width: clamp(7rem, 5.5rem + 4vw, 9rem);
        height: clamp(7rem, 5.5rem + 4vw, 9rem);
    }

    .size-auto {
        width: auto;
        height: auto;
    }

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

    .h-\(--bar\) {
        height: var(--bar);
    }

    .h-\(--custom-growth-chart-plot-h\) {
        height: var(--custom-growth-chart-plot-h);
    }

    .h-\(--custom-h\) {
        height: var(--custom-h);
    }

    .h-\(--custom-steps-arc\) {
        height: var(--custom-steps-arc);
    }

    .h-\(--custom-wave-h\) {
        height: var(--custom-wave-h);
    }

    .h-\(--exit\) {
        height: var(--exit);
    }

    .h-\(--fend\) {
        height: var(--fend);
    }

    .h-\(--leader-stop\) {
        height: var(--leader-stop);
    }

    .h-\(--sector-h\) {
        height: var(--sector-h);
    }

    .h-\(--sector-name\) {
        height: var(--sector-name);
    }

    .h-\(--study-plot-h\) {
        height: var(--study-plot-h);
    }

    .h-\(--topbar-h\) {
        height: var(--topbar-h);
    }

    .h-\(--value\) {
        height: var(--value);
    }

    .h-\(--win-h\) {
        height: var(--win-h);
    }

    .h-0 {
        height: calc(var(--spacing) * 0);
    }

    .h-0\.5 {
        height: calc(var(--spacing) * 0.5);
    }

    .h-0\.75 {
        height: calc(var(--spacing) * 0.75);
    }

    .h-1 {
        height: calc(var(--spacing) * 1);
    }

    .h-1\.5 {
        height: calc(var(--spacing) * 1.5);
    }

    .h-1\.25 {
        height: calc(var(--spacing) * 1.25);
    }

    .h-1\/2 {
        height: 50%;
    }

    .h-2 {
        height: calc(var(--spacing) * 2);
    }

    .h-2\.5 {
        height: calc(var(--spacing) * 2.5);
    }

    .h-2\.25 {
        height: calc(var(--spacing) * 2.25);
    }

    .h-2\/3 {
        height: 66.6667%;
    }

    .h-3 {
        height: calc(var(--spacing) * 3);
    }

    .h-3\.5 {
        height: calc(var(--spacing) * 3.5);
    }

    .h-4 {
        height: calc(var(--spacing) * 4);
    }

    .h-4\.5 {
        height: calc(var(--spacing) * 4.5);
    }

    .h-5 {
        height: calc(var(--spacing) * 5);
    }

    .h-5\.5 {
        height: calc(var(--spacing) * 5.5);
    }

    .h-6 {
        height: calc(var(--spacing) * 6);
    }

    .h-7 {
        height: calc(var(--spacing) * 7);
    }

    .h-8 {
        height: calc(var(--spacing) * 8);
    }

    .h-9 {
        height: calc(var(--spacing) * 9);
    }

    .h-10 {
        height: calc(var(--spacing) * 10);
    }

    .h-11 {
        height: calc(var(--spacing) * 11);
    }

    .h-12 {
        height: calc(var(--spacing) * 12);
    }

    .h-13 {
        height: calc(var(--spacing) * 13);
    }

    .h-14 {
        height: calc(var(--spacing) * 14);
    }

    .h-14\.5 {
        height: calc(var(--spacing) * 14.5);
    }

    .h-15\.5 {
        height: calc(var(--spacing) * 15.5);
    }

    .h-16 {
        height: calc(var(--spacing) * 16);
    }

    .h-17 {
        height: calc(var(--spacing) * 17);
    }

    .h-18 {
        height: calc(var(--spacing) * 18);
    }

    .h-19 {
        height: calc(var(--spacing) * 19);
    }

    .h-20 {
        height: calc(var(--spacing) * 20);
    }

    .h-22 {
        height: calc(var(--spacing) * 22);
    }

    .h-24 {
        height: calc(var(--spacing) * 24);
    }

    .h-28 {
        height: calc(var(--spacing) * 28);
    }

    .h-32 {
        height: calc(var(--spacing) * 32);
    }

    .h-36 {
        height: calc(var(--spacing) * 36);
    }

    .h-38 {
        height: calc(var(--spacing) * 38);
    }

    .h-40 {
        height: calc(var(--spacing) * 40);
    }

    .h-44 {
        height: calc(var(--spacing) * 44);
    }

    .h-48 {
        height: calc(var(--spacing) * 48);
    }

    .h-52 {
        height: calc(var(--spacing) * 52);
    }

    .h-56 {
        height: calc(var(--spacing) * 56);
    }

    .h-60 {
        height: calc(var(--spacing) * 60);
    }

    .h-64 {
        height: calc(var(--spacing) * 64);
    }

    .h-68 {
        height: calc(var(--spacing) * 68);
    }

    .h-72 {
        height: calc(var(--spacing) * 72);
    }

    .h-104 {
        height: calc(var(--spacing) * 104);
    }

    .h-130 {
        height: calc(var(--spacing) * 130);
    }

    .h-\[0\.5em\] {
        height: 0.5em;
    }

    .h-\[0\.8em\] {
        height: 0.8em;
    }

    .h-\[0\.45em\] {
        height: 0.45em;
    }

    .h-\[0\.72em\] {
        height: 0.72em;
    }

    .h-\[0\.78em\] {
        height: 0.78em;
    }

    .h-\[0\.95em\] {
        height: 0.95em;
    }

    .h-\[1\.2cqi\] {
        height: 1.2cqi;
    }

    .h-\[1\.3em\] {
        height: 1.3em;
    }

    .h-\[1\.05em\] {
        height: 1.05em;
    }

    .h-\[1\.22em\] {
        height: 1.22em;
    }

    .h-\[1\.75rem\] {
        height: 1.75rem;
    }

    .h-\[1\.125em\] {
        height: 1.125em;
    }

    .h-\[2\.25rem\] {
        height: 2.25rem;
    }

    .h-\[2\.875rem\] {
        height: 2.875rem;
    }

    .h-\[2\.3125rem\] {
        height: 2.3125rem;
    }

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

    .h-\[4px\] {
        height: 4px;
    }

    .h-\[5px\] {
        height: 5px;
    }

    .h-\[6\.5rem\] {
        height: 6.5rem;
    }

    .h-\[6\.6rem\] {
        height: 6.6rem;
    }

    .h-\[7cqi\] {
        height: 7cqi;
    }

    .h-\[14px\] {
        height: 14px;
    }

    .h-\[19rem\] {
        height: 19rem;
    }

    .h-\[20rem\] {
        height: 20rem;
    }

    .h-\[22rem\] {
        height: 22rem;
    }

    .h-\[24rem\] {
        height: 24rem;
    }

    .h-\[25\%\] {
        height: 25%;
    }

    .h-\[25rem\] {
        height: 25rem;
    }

    .h-\[26rem\] {
        height: 26rem;
    }

    .h-\[28rem\] {
        height: 28rem;
    }

    .h-\[30\%\] {
        height: 30%;
    }

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

    .h-\[36rem\] {
        height: 36rem;
    }

    .h-\[38\%\] {
        height: 38%;
    }

    .h-\[38rem\] {
        height: 38rem;
    }

    .h-\[40\%\] {
        height: 40%;
    }

    .h-\[42\%\] {
        height: 42%;
    }

    .h-\[44\.8\%\] {
        height: 44.8%;
    }

    .h-\[45\%\] {
        height: 45%;
    }

    .h-\[46\%\] {
        height: 46%;
    }

    .h-\[50\%\] {
        height: 50%;
    }

    .h-\[50px\] {
        height: 50px;
    }

    .h-\[50svh\] {
        height: 50svh;
    }

    .h-\[52\%\] {
        height: 52%;
    }

    .h-\[55\%\] {
        height: 55%;
    }

    .h-\[60\%\] {
        height: 60%;
    }

    .h-\[62\%\] {
        height: 62%;
    }

    .h-\[62svh\] {
        height: 62svh;
    }

    .h-\[64\%\] {
        height: 64%;
    }

    .h-\[66\%\] {
        height: 66%;
    }

    .h-\[68svh\] {
        height: 68svh;
    }

    .h-\[70\%\] {
        height: 70%;
    }

    .h-\[70px\] {
        height: 70px;
    }

    .h-\[70svh\] {
        height: 70svh;
    }

    .h-\[70vh\] {
        height: 70vh;
    }

    .h-\[72\%\] {
        height: 72%;
    }

    .h-\[72svh\] {
        height: 72svh;
    }

    .h-\[74\%\] {
        height: 74%;
    }

    .h-\[74cqi\] {
        height: 74cqi;
    }

    .h-\[78svh\] {
        height: 78svh;
    }

    .h-\[80\%\] {
        height: 80%;
    }

    .h-\[84\%\] {
        height: 84%;
    }

    .h-\[85\%\] {
        height: 85%;
    }

    .h-\[88\%\] {
        height: 88%;
    }

    .h-\[90\%\] {
        height: 90%;
    }

    .h-\[92\%\] {
        height: 92%;
    }

    .h-\[95\.31\%\] {
        height: 95.31%;
    }

    .h-\[100\%\] {
        height: 100%;
    }

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

    .h-\[102\.5cqi\] {
        height: 102.5cqi;
    }

    .h-\[114\.5cqi\] {
        height: 114.5cqi;
    }

    .h-\[120\%\] {
        height: 120%;
    }

    .h-\[120px\] {
        height: 120px;
    }

    .h-\[124\%\] {
        height: 124%;
    }

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

    .h-\[220px\] {
        height: 220px;
    }

    .h-\[240px\] {
        height: 240px;
    }

    .h-\[260px\] {
        height: 260px;
    }

    .h-\[280px\] {
        height: 280px;
    }

    .h-\[300px\] {
        height: 300px;
    }

    .h-\[360px\] {
        height: 360px;
    }

    .h-\[380px\] {
        height: 380px;
    }

    .h-\[420px\] {
        height: 420px;
    }

    .h-\[500px\] {
        height: 500px;
    }

    .h-\[calc\(46\%\+clamp\(3rem\,2rem\+3vw\,4\.5rem\)\)\] {
        height: calc(46% + clamp(3rem, 2rem + 3vw, 4.5rem));
    }

    .h-\[calc\(100\%\+8rem\)\] {
        height: calc(100% + 8rem);
    }

    .h-\[calc\(100\%_\+_6rem\)\] {
        height: calc(100% + 6rem);
    }

    .h-\[calc\(100\%_-_var\(--custom-label\)\)\] {
        height: calc(100% - var(--custom-label));
    }

    .h-\[calc\(100svh-var\(--custom-hero-inset\)-var\(--custom-book-h\)\/2-1rem\)\] {
        height: calc(100svh - var(--custom-hero-inset) - var(--custom-book-h) / 2 - 1rem);
    }

    .h-\[calc\(100svh-var\(--stack-open-h\)\)\] {
        height: calc(100svh - var(--stack-open-h));
    }

    .h-\[calc\(var\(--custom-a\)_\*_100\%\)\] {
        height: calc(var(--custom-a) * 100%);
    }

    .h-\[calc\(var\(--custom-b\)_\*_100\%\)\] {
        height: calc(var(--custom-b) * 100%);
    }

    .h-\[calc\(var\(--custom-band-sun\)_\*_0\.8\)\] {
        height: calc(var(--custom-band-sun) * 0.8);
    }

    .h-\[calc\(var\(--custom-beliefs-sun\)_\*_0\.8\)\] {
        height: calc(var(--custom-beliefs-sun) * 0.8);
    }

    .h-\[calc\(var\(--custom-cta-sun\)_\*_0\.8\)\] {
        height: calc(var(--custom-cta-sun) * 0.8);
    }

    .h-\[calc\(var\(--custom-listen-sun\)_\*_0\.8\)\] {
        height: calc(var(--custom-listen-sun) * 0.8);
    }

    .h-\[calc\(var\(--custom-ph-sun\)_\*_0\.8\)\] {
        height: calc(var(--custom-ph-sun) * 0.8);
    }

    .h-\[calc\(var\(--custom-reset-sun\)_\*_0\.8\)\] {
        height: calc(var(--custom-reset-sun) * 0.8);
    }

    .h-\[calc\(var\(--custom-v\)_\*_100\%\)\] {
        height: calc(var(--custom-v) * 100%);
    }

    .h-\[calc\(var\(--custom-wait-sun\)_\*_0\.8\)\] {
        height: calc(var(--custom-wait-sun) * 0.8);
    }

    .h-\[calc\(var\(--hang\)_\+_0\.75rem\)\] {
        height: calc(var(--hang) + 0.75rem);
    }

    .h-\[calc\(var\(--v\)_\*_100\%\)\] {
        height: calc(var(--v) * 100%);
    }

    .h-\[clamp\(4\.5rem\,7vw\,6\.5rem\)\] {
        height: clamp(4.5rem, 7vw, 6.5rem);
    }

    .h-\[clamp\(4rem\,3rem_\+_3vw\,6rem\)\] {
        height: clamp(4rem, 3rem + 3vw, 6rem);
    }

    .h-\[clamp\(5rem\,9vw\,8rem\)\] {
        height: clamp(5rem, 9vw, 8rem);
    }

    .h-\[clamp\(5rem\,9vw\,9rem\)\] {
        height: clamp(5rem, 9vw, 9rem);
    }

    .h-\[clamp\(5rem\,_3\.5rem_\+_5vw\,_7\.5rem\)\] {
        height: clamp(5rem, 3.5rem + 5vw, 7.5rem);
    }

    .h-\[clamp\(9rem\,19vw\,17rem\)\] {
        height: clamp(9rem, 19vw, 17rem);
    }

    .h-\[clamp\(10rem\,8rem_\+_6vw\,14rem\)\] {
        height: clamp(10rem, 8rem + 6vw, 14rem);
    }

    .h-\[clamp\(10rem\,20vw\,18rem\)\] {
        height: clamp(10rem, 20vw, 18rem);
    }

    .h-\[clamp\(11rem\,24vw\,20rem\)\] {
        height: clamp(11rem, 24vw, 20rem);
    }

    .h-\[clamp\(13rem\,22vw\,16rem\)\] {
        height: clamp(13rem, 22vw, 16rem);
    }

    .h-\[clamp\(14rem\,9rem_\+_12vw\,22rem\)\] {
        height: clamp(14rem, 9rem + 12vw, 22rem);
    }

    .h-\[clamp\(15rem\,32vw\,26rem\)\] {
        height: clamp(15rem, 32vw, 26rem);
    }

    .h-\[clamp\(16rem\,12rem_\+_8vw\,20rem\)\] {
        height: clamp(16rem, 12rem + 8vw, 20rem);
    }

    .h-\[clamp\(16rem\,22vw\,21rem\)\] {
        height: clamp(16rem, 22vw, 21rem);
    }

    .h-\[clamp\(17rem\,25vw\,27rem\)\] {
        height: clamp(17rem, 25vw, 27rem);
    }

    .h-\[clamp\(17rem\,52vh\,34rem\)\] {
        height: clamp(17rem, 52vh, 34rem);
    }

    .h-\[clamp\(18rem\,6rem_\+_24vw\,32rem\)\] {
        height: clamp(18rem, 6rem + 24vw, 32rem);
    }

    .h-\[clamp\(18rem\,26vw\,24rem\)\] {
        height: clamp(18rem, 26vw, 24rem);
    }

    .h-\[clamp\(18rem\,46vw\,40rem\)\] {
        height: clamp(18rem, 46vw, 40rem);
    }

    .h-\[clamp\(20rem\,14rem\+16vw\,30rem\)\] {
        height: clamp(20rem, 14rem + 16vw, 30rem);
    }

    .h-\[clamp\(20rem\,15rem_\+_12vw\,26rem\)\] {
        height: clamp(20rem, 15rem + 12vw, 26rem);
    }

    .h-\[clamp\(20rem\,48vw\,38rem\)\] {
        height: clamp(20rem, 48vw, 38rem);
    }

    .h-\[clamp\(22rem\,6rem_\+_30vw\,38rem\)\] {
        height: clamp(22rem, 6rem + 30vw, 38rem);
    }

    .h-\[clamp\(22rem\,16rem\+18vw\,32rem\)\] {
        height: clamp(22rem, 16rem + 18vw, 32rem);
    }

    .h-\[clamp\(22rem\,36vw\,38rem\)\] {
        height: clamp(22rem, 36vw, 38rem);
    }

    .h-\[clamp\(22rem\,56vw\,48rem\)\] {
        height: clamp(22rem, 56vw, 48rem);
    }

    .h-\[clamp\(22rem\,_15rem_\+_20vw\,_30rem\)\] {
        height: clamp(22rem, 15rem + 20vw, 30rem);
    }

    .h-\[clamp\(24rem\,52vw\,44rem\)\] {
        height: clamp(24rem, 52vw, 44rem);
    }

    .h-\[clamp\(24rem\,56vw\,46rem\)\] {
        height: clamp(24rem, 56vw, 46rem);
    }

    .h-\[clamp\(24rem\,58vw\,46rem\)\] {
        height: clamp(24rem, 58vw, 46rem);
    }

    .h-\[clamp\(25rem\,14rem_\+_15vw\,30rem\)\] {
        height: clamp(25rem, 14rem + 15vw, 30rem);
    }

    .h-\[clamp\(27rem\,20rem_\+_26vw\,41rem\)\] {
        height: clamp(27rem, 20rem + 26vw, 41rem);
    }

    .h-\[clamp\(30rem\,24rem_\+_10vw\,36rem\)\] {
        height: clamp(30rem, 24rem + 10vw, 36rem);
    }

    .h-\[clamp\(32rem\,22rem_\+_18vw\,41rem\)\] {
        height: clamp(32rem, 22rem + 18vw, 41rem);
    }

    .h-\[clamp\(36rem\,26rem_\+_24vw\,52rem\)\] {
        height: clamp(36rem, 26rem + 24vw, 52rem);
    }

    .h-\[clamp\(36rem\,50vw\,54rem\)\] {
        height: clamp(36rem, 50vw, 54rem);
    }

    .h-\[max\(34rem\,calc\(100svh-6\.5rem\)\)\] {
        height: max(34rem, 100svh - 6.5rem);
    }

    .h-\[min\(46svh\,30rem\)\] {
        height: min(46svh, 30rem);
    }

    .h-\[min\(82svh\,52vw\)\] {
        height: min(82svh, 52vw);
    }

    .h-\[min\(88svh\,56vw\)\] {
        height: min(88svh, 56vw);
    }

    .h-\[var\(--path-height\,2\.25rem\)\] {
        height: var(--path-height, 2.25rem);
    }

    .h-auto {
        height: auto;
    }

    .h-auto\! {
        height: auto !important;
    }

    .h-full {
        height: 100%;
    }

    .h-px {
        height: 1px;
    }

    .h-svh {
        height: 100svh;
    }

    .max-h-17 {
        max-height: calc(var(--spacing) * 17);
    }

    .max-h-68 {
        max-height: calc(var(--spacing) * 68);
    }

    .max-h-160 {
        max-height: calc(var(--spacing) * 160);
    }

    .max-h-\[16\.5rem\] {
        max-height: 16.5rem;
    }

    .max-h-\[40svh\] {
        max-height: 40svh;
    }

    .max-h-\[46rem\] {
        max-height: 46rem;
    }

    .max-h-\[48rem\] {
        max-height: 48rem;
    }

    .max-h-\[64rem\] {
        max-height: 64rem;
    }

    .max-h-\[280px\] {
        max-height: 280px;
    }

    .min-h-\(--custom-clients-h\) {
        min-height: var(--custom-clients-h);
    }

    .min-h-\(--custom-hero-foot\) {
        min-height: var(--custom-hero-foot);
    }

    .min-h-\(--stop-node\) {
        min-height: var(--stop-node);
    }

    .min-h-0 {
        min-height: calc(var(--spacing) * 0);
    }

    .min-h-5 {
        min-height: calc(var(--spacing) * 5);
    }

    .min-h-6 {
        min-height: calc(var(--spacing) * 6);
    }

    .min-h-7 {
        min-height: calc(var(--spacing) * 7);
    }

    .min-h-8 {
        min-height: calc(var(--spacing) * 8);
    }

    .min-h-9 {
        min-height: calc(var(--spacing) * 9);
    }

    .min-h-10 {
        min-height: calc(var(--spacing) * 10);
    }

    .min-h-11 {
        min-height: calc(var(--spacing) * 11);
    }

    .min-h-11\.5 {
        min-height: calc(var(--spacing) * 11.5);
    }

    .min-h-12 {
        min-height: calc(var(--spacing) * 12);
    }

    .min-h-13\.5 {
        min-height: calc(var(--spacing) * 13.5);
    }

    .min-h-14 {
        min-height: calc(var(--spacing) * 14);
    }

    .min-h-15 {
        min-height: calc(var(--spacing) * 15);
    }

    .min-h-22 {
        min-height: calc(var(--spacing) * 22);
    }

    .min-h-28 {
        min-height: calc(var(--spacing) * 28);
    }

    .min-h-30 {
        min-height: calc(var(--spacing) * 30);
    }

    .min-h-32 {
        min-height: calc(var(--spacing) * 32);
    }

    .min-h-36 {
        min-height: calc(var(--spacing) * 36);
    }

    .min-h-44 {
        min-height: calc(var(--spacing) * 44);
    }

    .min-h-45 {
        min-height: calc(var(--spacing) * 45);
    }

    .min-h-50 {
        min-height: calc(var(--spacing) * 50);
    }

    .min-h-56 {
        min-height: calc(var(--spacing) * 56);
    }

    .min-h-60 {
        min-height: calc(var(--spacing) * 60);
    }

    .min-h-64 {
        min-height: calc(var(--spacing) * 64);
    }

    .min-h-72 {
        min-height: calc(var(--spacing) * 72);
    }

    .min-h-74 {
        min-height: calc(var(--spacing) * 74);
    }

    .min-h-80 {
        min-height: calc(var(--spacing) * 80);
    }

    .min-h-84 {
        min-height: calc(var(--spacing) * 84);
    }

    .min-h-88 {
        min-height: calc(var(--spacing) * 88);
    }

    .min-h-96 {
        min-height: calc(var(--spacing) * 96);
    }

    .min-h-104 {
        min-height: calc(var(--spacing) * 104);
    }

    .min-h-120 {
        min-height: calc(var(--spacing) * 120);
    }

    .min-h-128 {
        min-height: calc(var(--spacing) * 128);
    }

    .min-h-136 {
        min-height: calc(var(--spacing) * 136);
    }

    .min-h-\[1\.5em\] {
        min-height: 1.5em;
    }

    .min-h-\[1\.5rem\] {
        min-height: 1.5rem;
    }

    .min-h-\[1\.375rem\] {
        min-height: 1.375rem;
    }

    .min-h-\[2\.9em\] {
        min-height: 2.9em;
    }

    .min-h-\[2lh\] {
        min-height: 2lh;
    }

    .min-h-\[6\.5rem\] {
        min-height: 6.5rem;
    }

    .min-h-\[8\.5rem\] {
        min-height: 8.5rem;
    }

    .min-h-\[11rem\] {
        min-height: 11rem;
    }

    .min-h-\[12rem\] {
        min-height: 12rem;
    }

    .min-h-\[13rem\] {
        min-height: 13rem;
    }

    .min-h-\[14rem\] {
        min-height: 14rem;
    }

    .min-h-\[15rem\] {
        min-height: 15rem;
    }

    .min-h-\[16rem\] {
        min-height: 16rem;
    }

    .min-h-\[17\.5rem\] {
        min-height: 17.5rem;
    }

    .min-h-\[17rem\] {
        min-height: 17rem;
    }

    .min-h-\[18rem\] {
        min-height: 18rem;
    }

    .min-h-\[19\.5rem\] {
        min-height: 19.5rem;
    }

    .min-h-\[20rem\] {
        min-height: 20rem;
    }

    .min-h-\[22rem\] {
        min-height: 22rem;
    }

    .min-h-\[24rem\] {
        min-height: 24rem;
    }

    .min-h-\[25rem\] {
        min-height: 25rem;
    }

    .min-h-\[26rem\] {
        min-height: 26rem;
    }

    .min-h-\[28rem\] {
        min-height: 28rem;
    }

    .min-h-\[30rem\] {
        min-height: 30rem;
    }

    .min-h-\[32rem\] {
        min-height: 32rem;
    }

    .min-h-\[33rem\] {
        min-height: 33rem;
    }

    .min-h-\[34rem\] {
        min-height: 34rem;
    }

    .min-h-\[36rem\] {
        min-height: 36rem;
    }

    .min-h-\[40rem\] {
        min-height: 40rem;
    }

    .min-h-\[55vh\] {
        min-height: 55vh;
    }

    .min-h-\[60svh\] {
        min-height: 60svh;
    }

    .min-h-\[64svh\] {
        min-height: 64svh;
    }

    .min-h-\[70svh\] {
        min-height: 70svh;
    }

    .min-h-\[70vh\] {
        min-height: 70vh;
    }

    .min-h-\[76svh\] {
        min-height: 76svh;
    }

    .min-h-\[78svh\] {
        min-height: 78svh;
    }

    .min-h-\[88svh\] {
        min-height: 88svh;
    }

    .min-h-\[100svh\] {
        min-height: 100svh;
    }

    .min-h-\[210px\] {
        min-height: 210px;
    }

    .min-h-\[220px\] {
        min-height: 220px;
    }

    .min-h-\[280px\] {
        min-height: 280px;
    }

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

    .min-h-\[320px\] {
        min-height: 320px;
    }

    .min-h-\[360px\] {
        min-height: 360px;
    }

    .min-h-\[400px\] {
        min-height: 400px;
    }

    .min-h-\[420px\] {
        min-height: 420px;
    }

    .min-h-\[440px\] {
        min-height: 440px;
    }

    .min-h-\[460px\] {
        min-height: 460px;
    }

    .min-h-\[480px\] {
        min-height: 480px;
    }

    .min-h-\[500px\] {
        min-height: 500px;
    }

    .min-h-\[520px\] {
        min-height: 520px;
    }

    .min-h-\[540px\] {
        min-height: 540px;
    }

    .min-h-\[560px\] {
        min-height: 560px;
    }

    .min-h-\[620px\] {
        min-height: 620px;
    }

    .min-h-\[640px\] {
        min-height: 640px;
    }

    .min-h-\[calc\(2_\*_var\(--custom-dock-half\)\)\] {
        min-height: calc(2 * var(--custom-dock-half));
    }

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

    .min-h-\[calc\(100svh-var\(--header-h\)-1\.5rem\)\] {
        min-height: calc(100svh - var(--header-h) - 1.5rem);
    }

    .min-h-\[clamp\(11rem\,8rem_\+_6vw\,14\.5rem\)\] {
        min-height: clamp(11rem, 8rem + 6vw, 14.5rem);
    }

    .min-h-\[clamp\(14rem\,10rem_\+_8vw\,18rem\)\] {
        min-height: clamp(14rem, 10rem + 8vw, 18rem);
    }

    .min-h-\[clamp\(18rem\,32vw\,26rem\)\] {
        min-height: clamp(18rem, 32vw, 26rem);
    }

    .min-h-\[clamp\(19rem\,13rem_\+_11vw\,25rem\)\] {
        min-height: clamp(19rem, 13rem + 11vw, 25rem);
    }

    .min-h-\[clamp\(20rem\,12rem_\+_18vw\,30rem\)\] {
        min-height: clamp(20rem, 12rem + 18vw, 30rem);
    }

    .min-h-\[clamp\(20rem\,14rem_\+_8vw\,24rem\)\] {
        min-height: clamp(20rem, 14rem + 8vw, 24rem);
    }

    .min-h-\[clamp\(20rem\,27vw\,27rem\)\] {
        min-height: clamp(20rem, 27vw, 27rem);
    }

    .min-h-\[clamp\(20rem\,30vw\,26rem\)\] {
        min-height: clamp(20rem, 30vw, 26rem);
    }

    .min-h-\[clamp\(22rem\,14rem_\+_20vw\,34rem\)\] {
        min-height: clamp(22rem, 14rem + 20vw, 34rem);
    }

    .min-h-\[clamp\(22rem\,18rem_\+_8vw\,28rem\)\] {
        min-height: clamp(22rem, 18rem + 8vw, 28rem);
    }

    .min-h-\[clamp\(22rem\,32vw\,28rem\)\] {
        min-height: clamp(22rem, 32vw, 28rem);
    }

    .min-h-\[clamp\(24rem\,16rem_\+_22vw\,38rem\)\] {
        min-height: clamp(24rem, 16rem + 22vw, 38rem);
    }

    .min-h-\[clamp\(24rem\,18rem_\+_10vw\,29rem\)\] {
        min-height: clamp(24rem, 18rem + 10vw, 29rem);
    }

    .min-h-\[clamp\(26rem\,18rem_\+_22vw\,38rem\)\] {
        min-height: clamp(26rem, 18rem + 22vw, 38rem);
    }

    .min-h-\[clamp\(26rem\,20rem_\+_14vw\,32rem\)\] {
        min-height: clamp(26rem, 20rem + 14vw, 32rem);
    }

    .min-h-\[clamp\(26rem\,20rem_\+_14vw\,34rem\)\] {
        min-height: clamp(26rem, 20rem + 14vw, 34rem);
    }

    .min-h-\[clamp\(26rem\,20rem_\+_18vw\,36rem\)\] {
        min-height: clamp(26rem, 20rem + 18vw, 36rem);
    }

    .min-h-\[clamp\(26rem\,36vw\,33rem\)\] {
        min-height: clamp(26rem, 36vw, 33rem);
    }

    .min-h-\[clamp\(26rem\,48vw\,40rem\)\] {
        min-height: clamp(26rem, 48vw, 40rem);
    }

    .min-h-\[clamp\(26rem\,55svh\,34rem\)\] {
        min-height: clamp(26rem, 55svh, 34rem);
    }

    .min-h-\[clamp\(28rem\,20rem_\+_18vw\,36rem\)\] {
        min-height: clamp(28rem, 20rem + 18vw, 36rem);
    }

    .min-h-\[clamp\(28rem\,20rem_\+_22vw\,37\.5rem\)\] {
        min-height: clamp(28rem, 20rem + 22vw, 37.5rem);
    }

    .min-h-\[clamp\(28rem\,36vw\,34rem\)\] {
        min-height: clamp(28rem, 36vw, 34rem);
    }

    .min-h-\[clamp\(28rem\,50vw\,38rem\)\] {
        min-height: clamp(28rem, 50vw, 38rem);
    }

    .min-h-\[clamp\(30rem\,20rem\+28vw\,42rem\)\] {
        min-height: clamp(30rem, 20rem + 28vw, 42rem);
    }

    .min-h-\[clamp\(30rem\,24rem_\+_16vw\,40rem\)\] {
        min-height: clamp(30rem, 24rem + 16vw, 40rem);
    }

    .min-h-\[clamp\(30rem\,calc\(70svh-var\(--stack-open-h\,0px\)\)\,44rem\)\] {
        min-height: clamp(30rem, calc(70svh - var(--stack-open-h, 0px)), 44rem);
    }

    .min-h-\[clamp\(32rem\,24rem\+20vw\,42rem\)\] {
        min-height: clamp(32rem, 24rem + 20vw, 42rem);
    }

    .min-h-\[clamp\(32rem\,70svh\,44rem\)\] {
        min-height: clamp(32rem, 70svh, 44rem);
    }

    .min-h-\[clamp\(32rem\,calc\(100svh_-_22rem\)\,42rem\)\] {
        min-height: clamp(32rem, 100svh - 22rem, 42rem);
    }

    .min-h-\[clamp\(34rem\,22rem_\+_26vw\,46rem\)\] {
        min-height: clamp(34rem, 22rem + 26vw, 46rem);
    }

    .min-h-\[clamp\(34rem\,82svh\,52rem\)\] {
        min-height: clamp(34rem, 82svh, 52rem);
    }

    .min-h-\[clamp\(38rem\,30rem_\+_22vw\,50rem\)\] {
        min-height: clamp(38rem, 30rem + 22vw, 50rem);
    }

    .min-h-\[clamp\(40rem\,calc\(100svh_-_var\(--header-h\)\)\,58rem\)\] {
        min-height: clamp(40rem, calc(100svh - var(--header-h)), 58rem);
    }

    .min-h-\[clamp\(380px\,36vw\,540px\)\] {
        min-height: clamp(380px, 36vw, 540px);
    }

    .min-h-\[max\(32rem\,68svh\)\] {
        min-height: max(32rem, 68svh);
    }

    .min-h-\[max\(34rem\,80svh\)\] {
        min-height: max(34rem, 80svh);
    }

    .min-h-\[max\(38rem\,82svh\)\] {
        min-height: max(38rem, 82svh);
    }

    .min-h-\[max\(38rem\,88svh\)\] {
        min-height: max(38rem, 88svh);
    }

    .min-h-\[max\(40rem\,100svh\)\] {
        min-height: max(40rem, 100svh);
    }

    .min-h-\[max\(40rem\,calc\(100svh-var\(--custom-frame\)\*2\)\)\] {
        min-height: max(40rem, calc(100svh - var(--custom-frame) * 2));
    }

    .min-h-\[max\(40rem\,calc\(100svh-var\(--header-h-rest\,var\(--header-h\)\)\)\)\] {
        min-height: max(40rem, calc(100svh - var(--header-h-rest, var(--header-h))));
    }

    .min-h-\[max\(42rem\,100svh\)\] {
        min-height: max(42rem, 100svh);
    }

    .min-h-\[max\(44rem\,100svh\)\] {
        min-height: max(44rem, 100svh);
    }

    .min-h-\[max\(48rem\,100svh\)\] {
        min-height: max(48rem, 100svh);
    }

    .min-h-\[min\(54rem\,calc\(100svh-5\.5rem\)\)\] {
        min-height: min(54rem, 100svh - 5.5rem);
    }

    .min-h-full {
        min-height: 100%;
    }

    .min-h-screen {
        min-height: 100vh;
    }

    .min-h-svh {
        min-height: 100svh;
    }

    .\!w-auto {
        width: auto !important;
    }

    .w-\(--custom-band-sun\) {
        width: var(--custom-band-sun);
    }

    .w-\(--custom-beliefs-sun\) {
        width: var(--custom-beliefs-sun);
    }

    .w-\(--custom-cta-sun\) {
        width: var(--custom-cta-sun);
    }

    .w-\(--custom-listen-sun\) {
        width: var(--custom-listen-sun);
    }

    .w-\(--custom-photo-w\) {
        width: var(--custom-photo-w);
    }

    .w-\(--custom-reset-sun\) {
        width: var(--custom-reset-sun);
    }

    .w-\(--custom-to\) {
        width: var(--custom-to);
    }

    .w-\(--custom-w\) {
        width: var(--custom-w);
    }

    .w-\(--custom-wait-sun\) {
        width: var(--custom-wait-sun);
    }

    .w-\(--faq-index\) {
        width: var(--faq-index);
    }

    .w-\(--fend\) {
        width: var(--fend);
    }

    .w-\(--meta-win-w\) {
        width: var(--meta-win-w);
    }

    .w-\(--metro-line\) {
        width: var(--metro-line);
    }

    .w-\(--orb\) {
        width: var(--orb);
    }

    .w-\(--pod-ring\) {
        width: var(--pod-ring);
    }

    .w-\(--share\) {
        width: var(--share);
    }

    .w-\(--sun\) {
        width: var(--sun);
    }

    .w-\(--voices-arch\) {
        width: var(--voices-arch);
    }

    .w-\(--win-w\) {
        width: var(--win-w);
    }

    .w-0 {
        width: calc(var(--spacing) * 0);
    }

    .w-0\.5 {
        width: calc(var(--spacing) * 0.5);
    }

    .w-1 {
        width: calc(var(--spacing) * 1);
    }

    .w-1\.5 {
        width: calc(var(--spacing) * 1.5);
    }

    .w-1\.75 {
        width: calc(var(--spacing) * 1.75);
    }

    .w-1\/2 {
        width: 50%;
    }

    .w-1\/3 {
        width: 33.3333%;
    }

    .w-2 {
        width: calc(var(--spacing) * 2);
    }

    .w-2\.5 {
        width: calc(var(--spacing) * 2.5);
    }

    .w-2\.25 {
        width: calc(var(--spacing) * 2.25);
    }

    .w-2\/3 {
        width: 66.6667%;
    }

    .w-3 {
        width: calc(var(--spacing) * 3);
    }

    .w-3\.5 {
        width: calc(var(--spacing) * 3.5);
    }

    .w-3\/4 {
        width: 75%;
    }

    .w-3\/5 {
        width: 60%;
    }

    .w-4 {
        width: calc(var(--spacing) * 4);
    }

    .w-4\.5 {
        width: calc(var(--spacing) * 4.5);
    }

    .w-4\/5 {
        width: 80%;
    }

    .w-5 {
        width: calc(var(--spacing) * 5);
    }

    .w-5\.5 {
        width: calc(var(--spacing) * 5.5);
    }

    .w-6 {
        width: calc(var(--spacing) * 6);
    }

    .w-6\.5 {
        width: calc(var(--spacing) * 6.5);
    }

    .w-7 {
        width: calc(var(--spacing) * 7);
    }

    .w-7\.5 {
        width: calc(var(--spacing) * 7.5);
    }

    .w-8 {
        width: calc(var(--spacing) * 8);
    }

    .w-8\.5 {
        width: calc(var(--spacing) * 8.5);
    }

    .w-9 {
        width: calc(var(--spacing) * 9);
    }

    .w-10 {
        width: calc(var(--spacing) * 10);
    }

    .w-11 {
        width: calc(var(--spacing) * 11);
    }

    .w-11\.5 {
        width: calc(var(--spacing) * 11.5);
    }

    .w-12 {
        width: calc(var(--spacing) * 12);
    }

    .w-13 {
        width: calc(var(--spacing) * 13);
    }

    .w-14 {
        width: calc(var(--spacing) * 14);
    }

    .w-15 {
        width: calc(var(--spacing) * 15);
    }

    .w-16 {
        width: calc(var(--spacing) * 16);
    }

    .w-17 {
        width: calc(var(--spacing) * 17);
    }

    .w-18 {
        width: calc(var(--spacing) * 18);
    }

    .w-20 {
        width: calc(var(--spacing) * 20);
    }

    .w-22 {
        width: calc(var(--spacing) * 22);
    }

    .w-24 {
        width: calc(var(--spacing) * 24);
    }

    .w-26 {
        width: calc(var(--spacing) * 26);
    }

    .w-28 {
        width: calc(var(--spacing) * 28);
    }

    .w-30 {
        width: calc(var(--spacing) * 30);
    }

    .w-32 {
        width: calc(var(--spacing) * 32);
    }

    .w-32\.5 {
        width: calc(var(--spacing) * 32.5);
    }

    .w-34 {
        width: calc(var(--spacing) * 34);
    }

    .w-36 {
        width: calc(var(--spacing) * 36);
    }

    .w-40 {
        width: calc(var(--spacing) * 40);
    }

    .w-42 {
        width: calc(var(--spacing) * 42);
    }

    .w-44 {
        width: calc(var(--spacing) * 44);
    }

    .w-45 {
        width: calc(var(--spacing) * 45);
    }

    .w-48 {
        width: calc(var(--spacing) * 48);
    }

    .w-49 {
        width: calc(var(--spacing) * 49);
    }

    .w-50 {
        width: calc(var(--spacing) * 50);
    }

    .w-51 {
        width: calc(var(--spacing) * 51);
    }

    .w-52 {
        width: calc(var(--spacing) * 52);
    }

    .w-54 {
        width: calc(var(--spacing) * 54);
    }

    .w-56 {
        width: calc(var(--spacing) * 56);
    }

    .w-60 {
        width: calc(var(--spacing) * 60);
    }

    .w-64 {
        width: calc(var(--spacing) * 64);
    }

    .w-65 {
        width: calc(var(--spacing) * 65);
    }

    .w-72 {
        width: calc(var(--spacing) * 72);
    }

    .w-84 {
        width: calc(var(--spacing) * 84);
    }

    .w-85 {
        width: calc(var(--spacing) * 85);
    }

    .w-88 {
        width: calc(var(--spacing) * 88);
    }

    .w-92 {
        width: calc(var(--spacing) * 92);
    }

    .w-104 {
        width: calc(var(--spacing) * 104);
    }

    .w-\[0\.2em\] {
        width: 0.2em;
    }

    .w-\[0\.15em\] {
        width: 0.15em;
    }

    .w-\[0\.62em\] {
        width: 0.62em;
    }

    .w-\[0\.3125em\] {
        width: 0.3125em;
    }

    .w-\[1\.5px\] {
        width: 1.5px;
    }

    .w-\[1\.7em\] {
        width: 1.7em;
    }

    .w-\[1\.25em\] {
        width: 1.25em;
    }

    .w-\[1\.75rem\] {
        width: 1.75rem;
    }

    .w-\[2\.5em\] {
        width: 2.5em;
    }

    .w-\[2\.25rem\] {
        width: 2.25rem;
    }

    .w-\[2\.75ch\] {
        width: 2.75ch;
    }

    .w-\[2em\] {
        width: 2em;
    }

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

    .w-\[3px\] {
        width: 3px;
    }

    .w-\[6px\] {
        width: 6px;
    }

    .w-\[7\.5em\] {
        width: 7.5em;
    }

    .w-\[7px\] {
        width: 7px;
    }

    .w-\[10rem\] {
        width: 10rem;
    }

    .w-\[12rem\] {
        width: 12rem;
    }

    .w-\[15\.5rem\] {
        width: 15.5rem;
    }

    .w-\[24\%\] {
        width: 24%;
    }

    .w-\[28\%\] {
        width: 28%;
    }

    .w-\[29\.33\%\] {
        width: 29.33%;
    }

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

    .w-\[31\%\] {
        width: 31%;
    }

    .w-\[32\%\] {
        width: 32%;
    }

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

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

    .w-\[34\%\] {
        width: 34%;
    }

    .w-\[34rem\] {
        width: 34rem;
    }

    .w-\[35\%\] {
        width: 35%;
    }

    .w-\[38\%\] {
        width: 38%;
    }

    .w-\[38cqi\] {
        width: 38cqi;
    }

    .w-\[40\%\] {
        width: 40%;
    }

    .w-\[40rem\] {
        width: 40rem;
    }

    .w-\[42\%\] {
        width: 42%;
    }

    .w-\[42cqi\] {
        width: 42cqi;
    }

    .w-\[44\%\] {
        width: 44%;
    }

    .w-\[45\%\] {
        width: 45%;
    }

    .w-\[46\%\] {
        width: 46%;
    }

    .w-\[46\.67\%\] {
        width: 46.67%;
    }

    .w-\[47cqi\] {
        width: 47cqi;
    }

    .w-\[48\%\] {
        width: 48%;
    }

    .w-\[50\%\] {
        width: 50%;
    }

    .w-\[50px\] {
        width: 50px;
    }

    .w-\[52\%\] {
        width: 52%;
    }

    .w-\[52cqi\] {
        width: 52cqi;
    }

    .w-\[52rem\] {
        width: 52rem;
    }

    .w-\[54\%\] {
        width: 54%;
    }

    .w-\[54cqi\] {
        width: 54cqi;
    }

    .w-\[55\%\] {
        width: 55%;
    }

    .w-\[56\%\] {
        width: 56%;
    }

    .w-\[56cqi\] {
        width: 56cqi;
    }

    .w-\[58\%\] {
        width: 58%;
    }

    .w-\[58cqi\] {
        width: 58cqi;
    }

    .w-\[60\%\] {
        width: 60%;
    }

    .w-\[60rem\] {
        width: 60rem;
    }

    .w-\[62\%\] {
        width: 62%;
    }

    .w-\[62vw\] {
        width: 62vw;
    }

    .w-\[64\%\] {
        width: 64%;
    }

    .w-\[64vw\] {
        width: 64vw;
    }

    .w-\[65\%\] {
        width: 65%;
    }

    .w-\[66vw\] {
        width: 66vw;
    }

    .w-\[68\%\] {
        width: 68%;
    }

    .w-\[68vw\] {
        width: 68vw;
    }

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

    .w-\[70cqi\] {
        width: 70cqi;
    }

    .w-\[70px\] {
        width: 70px;
    }

    .w-\[70vw\] {
        width: 70vw;
    }

    .w-\[72\%\] {
        width: 72%;
    }

    .w-\[72cqi\] {
        width: 72cqi;
    }

    .w-\[72vw\] {
        width: 72vw;
    }

    .w-\[74vw\] {
        width: 74vw;
    }

    .w-\[76\%\] {
        width: 76%;
    }

    .w-\[78\%\] {
        width: 78%;
    }

    .w-\[78cqi\] {
        width: 78cqi;
    }

    .w-\[78vw\] {
        width: 78vw;
    }

    .w-\[80\%\] {
        width: 80%;
    }

    .w-\[80vw\] {
        width: 80vw;
    }

    .w-\[82\%\] {
        width: 82%;
    }

    .w-\[82cqi\] {
        width: 82cqi;
    }

    .w-\[82vw\] {
        width: 82vw;
    }

    .w-\[84\%\] {
        width: 84%;
    }

    .w-\[84vw\] {
        width: 84vw;
    }

    .w-\[86\%\] {
        width: 86%;
    }

    .w-\[86cqi\] {
        width: 86cqi;
    }

    .w-\[86vw\] {
        width: 86vw;
    }

    .w-\[88\%\] {
        width: 88%;
    }

    .w-\[88vw\] {
        width: 88vw;
    }

    .w-\[89\.6\%\] {
        width: 89.6%;
    }

    .w-\[94\%\] {
        width: 94%;
    }

    .w-\[100px\] {
        width: 100px;
    }

    .w-\[110\%\] {
        width: 110%;
    }

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

    .w-\[180px\] {
        width: 180px;
    }

    .w-\[240px\] {
        width: 240px;
    }

    .w-\[260px\] {
        width: 260px;
    }

    .w-\[280px\] {
        width: 280px;
    }

    .w-\[380px\] {
        width: 380px;
    }

    .w-\[500px\] {
        width: 500px;
    }

    .w-\[calc\(100\%-1\.5rem\)\] {
        width: calc(100% - 1.5rem);
    }

    .w-\[calc\(100\%-2\*var\(--container-x\)\)\] {
        width: calc(100% - 2 * var(--container-x));
    }

    .w-\[calc\(100\%-2\.5rem\)\] {
        width: calc(100% - 2.5rem);
    }

    .w-\[calc\(100\%_\+_0\.5em\)\] {
        width: calc(100% + 0.5em);
    }

    .w-\[calc\(100\%_\+_0\.12em\)\] {
        width: calc(100% + 0.12em);
    }

    .w-\[calc\(100\%_\+_3\.5rem\)\] {
        width: calc(100% + 3.5rem);
    }

    .w-\[calc\(100\%_\+_6rem\)\] {
        width: calc(100% + 6rem);
    }

    .w-\[calc\(var\(--before\,0\)_\*_1\%\)\] {
        width: calc(var(--before, 0) * 1%);
    }

    .w-\[calc\(var\(--custom-band-sun\)_\*_1\.6\)\] {
        width: calc(var(--custom-band-sun) * 1.6);
    }

    .w-\[calc\(var\(--custom-beliefs-sun\)_\*_1\.6\)\] {
        width: calc(var(--custom-beliefs-sun) * 1.6);
    }

    .w-\[calc\(var\(--custom-cta-sun\)_\*_1\.6\)\] {
        width: calc(var(--custom-cta-sun) * 1.6);
    }

    .w-\[calc\(var\(--custom-listen-sun\)_\*_1\.6\)\] {
        width: calc(var(--custom-listen-sun) * 1.6);
    }

    .w-\[calc\(var\(--custom-ph-sun\)_\*_1\.6\)\] {
        width: calc(var(--custom-ph-sun) * 1.6);
    }

    .w-\[calc\(var\(--custom-reset-sun\)_\*_1\.6\)\] {
        width: calc(var(--custom-reset-sun) * 1.6);
    }

    .w-\[calc\(var\(--custom-strength\)_\*_100\%\)\] {
        width: calc(var(--custom-strength) * 100%);
    }

    .w-\[calc\(var\(--custom-v\)_\*_100\%\)\] {
        width: calc(var(--custom-v) * 100%);
    }

    .w-\[calc\(var\(--custom-w\,94\%\)_\*_var\(--custom-fit\,1\)\)\] {
        width: calc(var(--custom-w, 94%) * var(--custom-fit, 1));
    }

    .w-\[calc\(var\(--custom-wait-sun\)_\*_1\.6\)\] {
        width: calc(var(--custom-wait-sun) * 1.6);
    }

    .w-\[calc\(var\(--value\)_\*_1\%\)\] {
        width: calc(var(--value) * 1%);
    }

    .w-\[clamp\(2\.5rem\,4vw\,4rem\)\] {
        width: clamp(2.5rem, 4vw, 4rem);
    }

    .w-\[clamp\(2rem\,1\.7rem_\+_0\.8vw\,2\.5rem\)\] {
        width: clamp(2rem, 1.7rem + 0.8vw, 2.5rem);
    }

    .w-\[clamp\(4\.5rem\,3\.5rem_\+_3vw\,6\.5rem\)\] {
        width: clamp(4.5rem, 3.5rem + 3vw, 6.5rem);
    }

    .w-\[clamp\(4rem\,6vw\,5\.5rem\)\] {
        width: clamp(4rem, 6vw, 5.5rem);
    }

    .w-\[clamp\(4rem\,12vw\,6rem\)\] {
        width: clamp(4rem, 12vw, 6rem);
    }

    .w-\[clamp\(5\.5rem\,4\.5rem_\+_3vw\,8rem\)\] {
        width: clamp(5.5rem, 4.5rem + 3vw, 8rem);
    }

    .w-\[clamp\(5\.5rem\,4rem_\+_4vw\,7\.5rem\)\] {
        width: clamp(5.5rem, 4rem + 4vw, 7.5rem);
    }

    .w-\[clamp\(5\.5rem\,9vw\,9rem\)\] {
        width: clamp(5.5rem, 9vw, 9rem);
    }

    .w-\[clamp\(5rem\,3\.5rem_\+_4vw\,8rem\)\] {
        width: clamp(5rem, 3.5rem + 4vw, 8rem);
    }

    .w-\[clamp\(5rem\,3rem_\+_6vw\,8rem\)\] {
        width: clamp(5rem, 3rem + 6vw, 8rem);
    }

    .w-\[clamp\(6\.5rem\,5rem_\+_4vw\,9rem\)\] {
        width: clamp(6.5rem, 5rem + 4vw, 9rem);
    }

    .w-\[clamp\(6\.5rem\,22\%\,9\.5rem\)\] {
        width: clamp(6.5rem, 22%, 9.5rem);
    }

    .w-\[clamp\(6\.75rem\,_5\.5rem_\+_2\.6vw\,_8rem\)\] {
        width: clamp(6.75rem, 5.5rem + 2.6vw, 8rem);
    }

    .w-\[clamp\(6\.75rem\,_30cqi\,_8\.5rem\)\] {
        width: clamp(6.75rem, 30cqi, 8.5rem);
    }

    .w-\[clamp\(6rem\,4rem_\+_5vw\,9rem\)\] {
        width: clamp(6rem, 4rem + 5vw, 9rem);
    }

    .w-\[clamp\(6rem\,10vw\,8rem\)\] {
        width: clamp(6rem, 10vw, 8rem);
    }

    .w-\[clamp\(7rem\,5rem_\+_9cqi\,14rem\)\] {
        width: clamp(7rem, 5rem + 9cqi, 14rem);
    }

    .w-\[clamp\(8\.5rem\,6\.5rem_\+_5vw\,11\.5rem\)\] {
        width: clamp(8.5rem, 6.5rem + 5vw, 11.5rem);
    }

    .w-\[clamp\(8rem\,14vw\,12rem\)\] {
        width: clamp(8rem, 14vw, 12rem);
    }

    .w-\[clamp\(8rem\,14vw\,14rem\)\] {
        width: clamp(8rem, 14vw, 14rem);
    }

    .w-\[clamp\(9\.5rem\,6rem\+12vw\,13\.5rem\)\] {
        width: clamp(9.5rem, 6rem + 12vw, 13.5rem);
    }

    .w-\[clamp\(9rem\,6rem\+6vw\,13rem\)\] {
        width: clamp(9rem, 6rem + 6vw, 13rem);
    }

    .w-\[clamp\(10\.5rem\,13\.4vw\,14\.5rem\)\] {
        width: clamp(10.5rem, 13.4vw, 14.5rem);
    }

    .w-\[clamp\(10\.5rem\,_8rem_\+_9vw\,_13rem\)\] {
        width: clamp(10.5rem, 8rem + 9vw, 13rem);
    }

    .w-\[clamp\(10rem\,7rem_\+_6vw\,13rem\)\] {
        width: clamp(10rem, 7rem + 6vw, 13rem);
    }

    .w-\[clamp\(11rem\,6rem_\+_9vw\,15rem\)\] {
        width: clamp(11rem, 6rem + 9vw, 15rem);
    }

    .w-\[clamp\(12rem\,9rem_\+_10vw\,20rem\)\] {
        width: clamp(12rem, 9rem + 10vw, 20rem);
    }

    .w-\[clamp\(12rem\,22vw\,19rem\)\] {
        width: clamp(12rem, 22vw, 19rem);
    }

    .w-\[clamp\(14rem\,22vw\,20rem\)\] {
        width: clamp(14rem, 22vw, 20rem);
    }

    .w-\[clamp\(14rem\,26vw\,24rem\)\] {
        width: clamp(14rem, 26vw, 24rem);
    }

    .w-\[clamp\(15rem\,24vw\,21rem\)\] {
        width: clamp(15rem, 24vw, 21rem);
    }

    .w-\[clamp\(16rem\,10rem_\+_10vw\,22rem\)\] {
        width: clamp(16rem, 10rem + 10vw, 22rem);
    }

    .w-\[clamp\(16rem\,26vw\,23rem\)\] {
        width: clamp(16rem, 26vw, 23rem);
    }

    .w-\[clamp\(18rem\,12rem_\+_18vw\,30rem\)\] {
        width: clamp(18rem, 12rem + 18vw, 30rem);
    }

    .w-\[max\(0\.75rem\,var\(--custom-platform-share\)\)\] {
        width: max(0.75rem, var(--custom-platform-share));
    }

    .w-\[max\(100cqw\,100cqh_\*_16_\/_9\)\] {
        width: max(100cqw, 177.778cqh);
    }

    .w-\[max\(100cqw\,100cqh_\*_2160_\/_926\)\] {
        width: max(100cqw, 233.261cqh);
    }

    .w-\[max-content\] {
        width: max-content;
    }

    .w-\[min\(1\.375rem\,40\%\)\] {
        width: min(1.375rem, 40%);
    }

    .w-\[min\(17\.5rem\,72\%\)\] {
        width: min(17.5rem, 72%);
    }

    .w-\[min\(19\.5rem\,82\%\)\] {
        width: min(19.5rem, 82%);
    }

    .w-\[min\(19rem\,78\%\)\] {
        width: min(19rem, 78%);
    }

    .w-\[min\(19rem\,calc\(100\%-2rem\)\)\] {
        width: min(19rem, 100% - 2rem);
    }

    .w-\[min\(20rem\,78\%\)\] {
        width: min(20rem, 78%);
    }

    .w-\[min\(20rem\,86\%\)\] {
        width: min(20rem, 86%);
    }

    .w-\[min\(21rem\,100\%\)\] {
        width: min(21rem, 100%);
    }

    .w-\[min\(22rem\,88\%\)\] {
        width: min(22rem, 88%);
    }

    .w-\[min\(22rem\,90\%\)\] {
        width: min(22rem, 90%);
    }

    .w-\[min\(23rem\,82\%\)\] {
        width: min(23rem, 82%);
    }

    .w-\[min\(24rem\,72\%\)\] {
        width: min(24rem, 72%);
    }

    .w-\[min\(24rem\,78\%\)\] {
        width: min(24rem, 78%);
    }

    .w-\[min\(24rem\,78vw\)\] {
        width: min(24rem, 78vw);
    }

    .w-\[min\(25rem\,88\%\)\] {
        width: min(25rem, 88%);
    }

    .w-\[min\(28rem\,100\%\)\] {
        width: min(28rem, 100%);
    }

    .w-\[min\(29rem\,40\%\)\] {
        width: min(29rem, 40%);
    }

    .w-\[min\(30rem\,60\%\)\] {
        width: min(30rem, 60%);
    }

    .w-\[min\(30rem\,70\%\)\] {
        width: min(30rem, 70%);
    }

    .w-\[min\(30rem\,82vw\)\] {
        width: min(30rem, 82vw);
    }

    .w-\[min\(34rem\,60\%\)\] {
        width: min(34rem, 60%);
    }

    .w-\[min\(34rem\,70\%\)\] {
        width: min(34rem, 70%);
    }

    .w-\[min\(36rem\,60\%\)\] {
        width: min(36rem, 60%);
    }

    .w-\[min\(36rem\,70\%\)\] {
        width: min(36rem, 70%);
    }

    .w-\[min\(36rem\,100\%_-_7rem\)\] {
        width: min(36rem, 100% - 7rem);
    }

    .w-\[min\(40rem\,60\%\)\] {
        width: min(40rem, 60%);
    }

    .w-\[min\(40rem\,120\%\)\] {
        width: min(40rem, 120%);
    }

    .w-\[min\(44rem\,70\%\)\] {
        width: min(44rem, 70%);
    }

    .w-\[min\(46rem\,70\%\)\] {
        width: min(46rem, 70%);
    }

    .w-\[min\(46rem\,72\%\)\] {
        width: min(46rem, 72%);
    }

    .w-\[min\(46rem\,110\%\)\] {
        width: min(46rem, 110%);
    }

    .w-\[min\(68\%\,15rem\)\] {
        width: min(68%, 15rem);
    }

    .w-\[min\(72\%\,24rem\)\] {
        width: min(72%, 24rem);
    }

    .w-\[min\(78\%\,4\.5em\)\] {
        width: min(78%, 4.5em);
    }

    .w-\[min\(82\%\,25rem\)\] {
        width: min(82%, 25rem);
    }

    .w-\[min\(86vw\,26rem\)\] {
        width: min(86vw, 26rem);
    }

    .w-\[min\(86vw\,52rem\)\] {
        width: min(86vw, 52rem);
    }

    .w-\[min\(88\%\,32rem\)\] {
        width: min(88%, 32rem);
    }

    .w-\[min\(90\%\,40rem\)\] {
        width: min(90%, 40rem);
    }

    .w-\[min\(94vw\,34rem\)\] {
        width: min(94vw, 34rem);
    }

    .w-\[min\(94vw\,56rem\)\] {
        width: min(94vw, 56rem);
    }

    .w-\[min\(100\%\,15rem\)\] {
        width: min(100%, 15rem);
    }

    .w-\[min\(100\%\,17rem\)\] {
        width: min(100%, 17rem);
    }

    .w-\[min\(100\%\,18rem\)\] {
        width: min(100%, 18rem);
    }

    .w-\[min\(100\%\,20rem\)\] {
        width: min(100%, 20rem);
    }

    .w-\[min\(100\%\,24rem\)\] {
        width: min(100%, 24rem);
    }

    .w-\[min\(100\%\,26rem\)\] {
        width: min(100%, 26rem);
    }

    .w-\[min\(100\%\,27rem\)\] {
        width: min(100%, 27rem);
    }

    .w-\[min\(100\%\,28rem\)\] {
        width: min(100%, 28rem);
    }

    .w-\[min\(100\%\,30rem\)\] {
        width: min(100%, 30rem);
    }

    .w-\[min\(100\%\,31rem\)\] {
        width: min(100%, 31rem);
    }

    .w-\[min\(100\%\,32rem\)\] {
        width: min(100%, 32rem);
    }

    .w-\[min\(100\%\,34rem\)\] {
        width: min(100%, 34rem);
    }

    .w-\[min\(100\%\,36rem\)\] {
        width: min(100%, 36rem);
    }

    .w-\[min\(100\%\,38rem\)\] {
        width: min(100%, 38rem);
    }

    .w-\[min\(100\%\,40rem\)\] {
        width: min(100%, 40rem);
    }

    .w-\[min\(100\%\,46rem\)\] {
        width: min(100%, 46rem);
    }

    .w-\[min\(100\%\,50rem\)\] {
        width: min(100%, 50rem);
    }

    .w-\[min\(100\%\,56rem\)\] {
        width: min(100%, 56rem);
    }

    .w-\[min\(100\%\,60rem\)\] {
        width: min(100%, 60rem);
    }

    .w-\[min\(100\%\,72rem\)\] {
        width: min(100%, 72rem);
    }

    .w-\[min\(100\%\,76rem\)\] {
        width: min(100%, 76rem);
    }

    .w-\[min\(100\%\,_25rem\)\] {
        width: min(100%, 25rem);
    }

    .w-\[min\(100\%\,_31rem\)\] {
        width: min(100%, 31rem);
    }

    .w-\[min\(100\%\,var\(--custom-measure\)\)\] {
        width: min(100%, var(--custom-measure));
    }

    .w-\[min\(100\%_-_2rem\,20rem\)\] {
        width: min(100% - 2rem, 20rem);
    }

    .w-\[min\(100\%_-_2rem\,27rem\)\] {
        width: min(100% - 2rem, 27rem);
    }

    .w-\[min\(100\%_-_var\(--custom-gable-offset\,1rem\)\,23rem\)\] {
        width: min(100% - var(--custom-gable-offset, 1rem), 23rem);
    }

    .w-\[min\(118\%\,40rem\)\] {
        width: min(118%, 40rem);
    }

    .w-\[min\(calc\(100\%_-_2\.5rem\)\,26rem\)\] {
        width: min(100% - 2.5rem, 26rem);
    }

    .w-\[var\(--value\,0\%\)\] {
        width: var(--value, 0%);
    }

    .w-auto {
        width: auto;
    }

    .w-auto\! {
        width: auto !important;
    }

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

    .w-full {
        width: 100%;
    }

    .w-max {
        width: max-content;
    }

    .w-px {
        width: 1px;
    }

    .w-screen {
        width: 100vw;
    }

    .container {
        @media (width >= 40rem) {
            max-width: min(40rem, var(--container-max));
        }

        @media (width >= 48rem) {
            max-width: min(48rem, var(--container-max));
        }

        @media (width >= 64rem) {
            max-width: min(64rem, var(--container-max));
        }

        @media (width >= 80rem) {
            max-width: min(80rem, var(--container-max));
        }

        @media (width >= 96rem) {
            max-width: var(--container-max);
        }
    }

    .max-w-\(--article-w\) {
        max-width: var(--article-w);
    }

    .max-w-\(--custom-art-line\) {
        max-width: var(--custom-art-line);
    }

    .max-w-2xl {
        max-width: var(--container-2xl);
    }

    .max-w-3xl {
        max-width: var(--container-3xl);
    }

    .max-w-4xl {
        max-width: var(--container-4xl);
    }

    .max-w-5xl {
        max-width: var(--container-5xl);
    }

    .max-w-6xl {
        max-width: var(--container-6xl);
    }

    .max-w-7 {
        max-width: calc(var(--spacing) * 7);
    }

    .max-w-17 {
        max-width: calc(var(--spacing) * 17);
    }

    .max-w-52 {
        max-width: calc(var(--spacing) * 52);
    }

    .max-w-56 {
        max-width: calc(var(--spacing) * 56);
    }

    .max-w-60 {
        max-width: calc(var(--spacing) * 60);
    }

    .max-w-68 {
        max-width: calc(var(--spacing) * 68);
    }

    .max-w-72 {
        max-width: calc(var(--spacing) * 72);
    }

    .max-w-76 {
        max-width: calc(var(--spacing) * 76);
    }

    .max-w-88 {
        max-width: calc(var(--spacing) * 88);
    }

    .max-w-96 {
        max-width: calc(var(--spacing) * 96);
    }

    .max-w-100 {
        max-width: calc(var(--spacing) * 100);
    }

    .max-w-104 {
        max-width: calc(var(--spacing) * 104);
    }

    .max-w-108 {
        max-width: calc(var(--spacing) * 108);
    }

    .max-w-112 {
        max-width: calc(var(--spacing) * 112);
    }

    .max-w-116 {
        max-width: calc(var(--spacing) * 116);
    }

    .max-w-120 {
        max-width: calc(var(--spacing) * 120);
    }

    .max-w-124 {
        max-width: calc(var(--spacing) * 124);
    }

    .max-w-128 {
        max-width: calc(var(--spacing) * 128);
    }

    .max-w-132 {
        max-width: calc(var(--spacing) * 132);
    }

    .max-w-136 {
        max-width: calc(var(--spacing) * 136);
    }

    .max-w-140 {
        max-width: calc(var(--spacing) * 140);
    }

    .max-w-144 {
        max-width: calc(var(--spacing) * 144);
    }

    .max-w-150 {
        max-width: calc(var(--spacing) * 150);
    }

    .max-w-152 {
        max-width: calc(var(--spacing) * 152);
    }

    .max-w-156 {
        max-width: calc(var(--spacing) * 156);
    }

    .max-w-160 {
        max-width: calc(var(--spacing) * 160);
    }

    .max-w-164 {
        max-width: calc(var(--spacing) * 164);
    }

    .max-w-168 {
        max-width: calc(var(--spacing) * 168);
    }

    .max-w-170 {
        max-width: calc(var(--spacing) * 170);
    }

    .max-w-176 {
        max-width: calc(var(--spacing) * 176);
    }

    .max-w-184 {
        max-width: calc(var(--spacing) * 184);
    }

    .max-w-192 {
        max-width: calc(var(--spacing) * 192);
    }

    .max-w-200 {
        max-width: calc(var(--spacing) * 200);
    }

    .max-w-205 {
        max-width: calc(var(--spacing) * 205);
    }

    .max-w-208 {
        max-width: calc(var(--spacing) * 208);
    }

    .max-w-216 {
        max-width: calc(var(--spacing) * 216);
    }

    .max-w-224 {
        max-width: calc(var(--spacing) * 224);
    }

    .max-w-232 {
        max-width: calc(var(--spacing) * 232);
    }

    .max-w-235 {
        max-width: calc(var(--spacing) * 235);
    }

    .max-w-240 {
        max-width: calc(var(--spacing) * 240);
    }

    .max-w-248 {
        max-width: calc(var(--spacing) * 248);
    }

    .max-w-256 {
        max-width: calc(var(--spacing) * 256);
    }

    .max-w-264 {
        max-width: calc(var(--spacing) * 264);
    }

    .max-w-272 {
        max-width: calc(var(--spacing) * 272);
    }

    .max-w-280 {
        max-width: calc(var(--spacing) * 280);
    }

    .max-w-288 {
        max-width: calc(var(--spacing) * 288);
    }

    .max-w-304 {
        max-width: calc(var(--spacing) * 304);
    }

    .max-w-\[7ch\] {
        max-width: 7ch;
    }

    .max-w-\[7rem\] {
        max-width: 7rem;
    }

    .max-w-\[8ch\] {
        max-width: 8ch;
    }

    .max-w-\[9\.6em\] {
        max-width: 9.6em;
    }

    .max-w-\[9ch\] {
        max-width: 9ch;
    }

    .max-w-\[10ch\] {
        max-width: 10ch;
    }

    .max-w-\[11ch\] {
        max-width: 11ch;
    }

    .max-w-\[11em\] {
        max-width: 11em;
    }

    .max-w-\[12\.5ch\] {
        max-width: 12.5ch;
    }

    .max-w-\[12\.5em\] {
        max-width: 12.5em;
    }

    .max-w-\[12\.5rem\] {
        max-width: 12.5rem;
    }

    .max-w-\[12ch\] {
        max-width: 12ch;
    }

    .max-w-\[12rem\] {
        max-width: 12rem;
    }

    .max-w-\[13ch\] {
        max-width: 13ch;
    }

    .max-w-\[13em\] {
        max-width: 13em;
    }

    .max-w-\[13rem\] {
        max-width: 13rem;
    }

    .max-w-\[14ch\] {
        max-width: 14ch;
    }

    .max-w-\[14em\] {
        max-width: 14em;
    }

    .max-w-\[14rem\] {
        max-width: 14rem;
    }

    .max-w-\[15ch\] {
        max-width: 15ch;
    }

    .max-w-\[15em\] {
        max-width: 15em;
    }

    .max-w-\[15rem\] {
        max-width: 15rem;
    }

    .max-w-\[16ch\] {
        max-width: 16ch;
    }

    .max-w-\[16em\] {
        max-width: 16em;
    }

    .max-w-\[16rem\] {
        max-width: 16rem;
    }

    .max-w-\[17ch\] {
        max-width: 17ch;
    }

    .max-w-\[17rem\] {
        max-width: 17rem;
    }

    .max-w-\[18ch\] {
        max-width: 18ch;
    }

    .max-w-\[18em\] {
        max-width: 18em;
    }

    .max-w-\[18rem\] {
        max-width: 18rem;
    }

    .max-w-\[19ch\] {
        max-width: 19ch;
    }

    .max-w-\[19rem\] {
        max-width: 19rem;
    }

    .max-w-\[20ch\] {
        max-width: 20ch;
    }

    .max-w-\[20rem\] {
        max-width: 20rem;
    }

    .max-w-\[21em\] {
        max-width: 21em;
    }

    .max-w-\[21rem\] {
        max-width: 21rem;
    }

    .max-w-\[22ch\] {
        max-width: 22ch;
    }

    .max-w-\[22rem\] {
        max-width: 22rem;
    }

    .max-w-\[23rem\] {
        max-width: 23rem;
    }

    .max-w-\[24ch\] {
        max-width: 24ch;
    }

    .max-w-\[24em\] {
        max-width: 24em;
    }

    .max-w-\[24rem\] {
        max-width: 24rem;
    }

    .max-w-\[25rem\] {
        max-width: 25rem;
    }

    .max-w-\[26ch\] {
        max-width: 26ch;
    }

    .max-w-\[26em\] {
        max-width: 26em;
    }

    .max-w-\[26rem\] {
        max-width: 26rem;
    }

    .max-w-\[27rem\] {
        max-width: 27rem;
    }

    .max-w-\[28ch\] {
        max-width: 28ch;
    }

    .max-w-\[28rem\] {
        max-width: 28rem;
    }

    .max-w-\[30ch\] {
        max-width: 30ch;
    }

    .max-w-\[30rem\] {
        max-width: 30rem;
    }

    .max-w-\[31rem\] {
        max-width: 31rem;
    }

    .max-w-\[32ch\] {
        max-width: 32ch;
    }

    .max-w-\[32rem\] {
        max-width: 32rem;
    }

    .max-w-\[33rem\] {
        max-width: 33rem;
    }

    .max-w-\[34ch\] {
        max-width: 34ch;
    }

    .max-w-\[34rem\] {
        max-width: 34rem;
    }

    .max-w-\[35rem\] {
        max-width: 35rem;
    }

    .max-w-\[36ch\] {
        max-width: 36ch;
    }

    .max-w-\[36rem\] {
        max-width: 36rem;
    }

    .max-w-\[38\%\] {
        max-width: 38%;
    }

    .max-w-\[38ch\] {
        max-width: 38ch;
    }

    .max-w-\[38rem\] {
        max-width: 38rem;
    }

    .max-w-\[39rem\] {
        max-width: 39rem;
    }

    .max-w-\[40ch\] {
        max-width: 40ch;
    }

    .max-w-\[40rem\] {
        max-width: 40rem;
    }

    .max-w-\[41rem\] {
        max-width: 41rem;
    }

    .max-w-\[42ch\] {
        max-width: 42ch;
    }

    .max-w-\[42rem\] {
        max-width: 42rem;
    }

    .max-w-\[44ch\] {
        max-width: 44ch;
    }

    .max-w-\[44rem\] {
        max-width: 44rem;
    }

    .max-w-\[46ch\] {
        max-width: 46ch;
    }

    .max-w-\[46rem\] {
        max-width: 46rem;
    }

    .max-w-\[48ch\] {
        max-width: 48ch;
    }

    .max-w-\[48rem\] {
        max-width: 48rem;
    }

    .max-w-\[48rem\]\! {
        max-width: 48rem !important;
    }

    .max-w-\[50ch\] {
        max-width: 50ch;
    }

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

    .max-w-\[52ch\] {
        max-width: 52ch;
    }

    .max-w-\[52rem\] {
        max-width: 52rem;
    }

    .max-w-\[54ch\] {
        max-width: 54ch;
    }

    .max-w-\[54rem\] {
        max-width: 54rem;
    }

    .max-w-\[56ch\] {
        max-width: 56ch;
    }

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

    .max-w-\[58\%\] {
        max-width: 58%;
    }

    .max-w-\[58ch\] {
        max-width: 58ch;
    }

    .max-w-\[58rem\] {
        max-width: 58rem;
    }

    .max-w-\[60ch\] {
        max-width: 60ch;
    }

    .max-w-\[60rem\] {
        max-width: 60rem;
    }

    .max-w-\[60rem\]\! {
        max-width: 60rem !important;
    }

    .max-w-\[62ch\] {
        max-width: 62ch;
    }

    .max-w-\[62rem\] {
        max-width: 62rem;
    }

    .max-w-\[64ch\] {
        max-width: 64ch;
    }

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

    .max-w-\[68ch\] {
        max-width: 68ch;
    }

    .max-w-\[68rem\] {
        max-width: 68rem;
    }

    .max-w-\[70ch\] {
        max-width: 70ch;
    }

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

    .max-w-\[80ch\] {
        max-width: 80ch;
    }

    .max-w-\[85\%\] {
        max-width: 85%;
    }

    .max-w-\[88\%\] {
        max-width: 88%;
    }

    .max-w-\[88vw\] {
        max-width: 88vw;
    }

    .max-w-\[90cqi\] {
        max-width: 90cqi;
    }

    .max-w-\[100rem\] {
        max-width: 100rem;
    }

    .max-w-\[120rem\] {
        max-width: 120rem;
    }

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

    .max-w-\[180px\] {
        max-width: 180px;
    }

    .max-w-\[280px\] {
        max-width: 280px;
    }

    .max-w-\[320px\] {
        max-width: 320px;
    }

    .max-w-\[420px\] {
        max-width: 420px;
    }

    .max-w-\[440px\] {
        max-width: 440px;
    }

    .max-w-\[460px\] {
        max-width: 460px;
    }

    .max-w-\[480px\] {
        max-width: 480px;
    }

    .max-w-\[520px\] {
        max-width: 520px;
    }

    .max-w-\[540px\] {
        max-width: 540px;
    }

    .max-w-\[560px\] {
        max-width: 560px;
    }

    .max-w-\[580px\] {
        max-width: 580px;
    }

    .max-w-\[600px\] {
        max-width: 600px;
    }

    .max-w-\[620px\] {
        max-width: 620px;
    }

    .max-w-\[640px\] {
        max-width: 640px;
    }

    .max-w-\[660px\] {
        max-width: 660px;
    }

    .max-w-\[680px\] {
        max-width: 680px;
    }

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

    .max-w-\[720px\] {
        max-width: 720px;
    }

    .max-w-\[760px\] {
        max-width: 760px;
    }

    .max-w-\[780px\] {
        max-width: 780px;
    }

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

    .max-w-\[820px\] {
        max-width: 820px;
    }

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

    .max-w-\[880px\] {
        max-width: 880px;
    }

    .max-w-\[900px\] {
        max-width: 900px;
    }

    .max-w-\[920px\] {
        max-width: 920px;
    }

    .max-w-\[940px\] {
        max-width: 940px;
    }

    .max-w-\[980px\] {
        max-width: 980px;
    }

    .max-w-\[1040px\] {
        max-width: 1040px;
    }

    .max-w-\[1100px\] {
        max-width: 1100px;
    }

    .max-w-\[1680px\] {
        max-width: 1680px;
    }

    .max-w-\[calc\(46rem_\+_15rem_\+_clamp\(3rem\,6vw\,6rem\)\)\] {
        max-width: calc(61rem + clamp(3rem, 6vw, 6rem));
    }

    .max-w-\[calc\(100\%-2rem\)\] {
        max-width: calc(100% - 2rem);
    }

    .max-w-\[calc\(100\%_-_1\.5rem\)\] {
        max-width: calc(100% - 1.5rem);
    }

    .max-w-\[calc\(100\%_-_2\.5rem\)\] {
        max-width: calc(100% - 2.5rem);
    }

    .max-w-\[calc\(100\%_-_2rem\)\] {
        max-width: calc(100% - 2rem);
    }

    .max-w-\[calc\(100\%_-_5rem\)\] {
        max-width: calc(100% - 5rem);
    }

    .max-w-\[calc\(100\%_-_6rem\)\] {
        max-width: calc(100% - 6rem);
    }

    .max-w-\[calc\(100\%_-_clamp\(1\.5rem\,4vw\,6rem\)\)\] {
        max-width: calc(100% - clamp(1.5rem, 4vw, 6rem));
    }

    .max-w-\[min\(16ch\,100\%\)\] {
        max-width: min(16ch, 100%);
    }

    .max-w-\[min\(40rem\,100\%_-_3rem\)\] {
        max-width: min(40rem, 100% - 3rem);
    }

    .max-w-\[min\(52\%\,22ch\)\] {
        max-width: min(52%, 22ch);
    }

    .max-w-\[min\(52\%\,34rem\)\] {
        max-width: min(52%, 34rem);
    }

    .max-w-\[min\(58rem\,82\%\)\] {
        max-width: min(58rem, 82%);
    }

    .max-w-\[min\(68rem\,calc\(100\%-3rem\)\)\] {
        max-width: min(68rem, 100% - 3rem);
    }

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

    .max-w-lg {
        max-width: var(--container-lg);
    }

    .max-w-md {
        max-width: var(--container-md);
    }

    .max-w-none {
        max-width: none;
    }

    .max-w-sm {
        max-width: var(--container-sm);
    }

    .max-w-xl {
        max-width: var(--container-xl);
    }

    .max-w-xs {
        max-width: var(--container-xs);
    }

    .min-w-0 {
        min-width: calc(var(--spacing) * 0);
    }

    .min-w-5\.5 {
        min-width: calc(var(--spacing) * 5.5);
    }

    .min-w-6 {
        min-width: calc(var(--spacing) * 6);
    }

    .min-w-7 {
        min-width: calc(var(--spacing) * 7);
    }

    .min-w-9 {
        min-width: calc(var(--spacing) * 9);
    }

    .min-w-10 {
        min-width: calc(var(--spacing) * 10);
    }

    .min-w-11 {
        min-width: calc(var(--spacing) * 11);
    }

    .min-w-12 {
        min-width: calc(var(--spacing) * 12);
    }

    .min-w-14 {
        min-width: calc(var(--spacing) * 14);
    }

    .min-w-15 {
        min-width: calc(var(--spacing) * 15);
    }

    .min-w-16 {
        min-width: calc(var(--spacing) * 16);
    }

    .min-w-17 {
        min-width: calc(var(--spacing) * 17);
    }

    .min-w-19 {
        min-width: calc(var(--spacing) * 19);
    }

    .min-w-20 {
        min-width: calc(var(--spacing) * 20);
    }

    .min-w-36 {
        min-width: calc(var(--spacing) * 36);
    }

    .min-w-38 {
        min-width: calc(var(--spacing) * 38);
    }

    .min-w-42 {
        min-width: calc(var(--spacing) * 42);
    }

    .min-w-44 {
        min-width: calc(var(--spacing) * 44);
    }

    .min-w-48 {
        min-width: calc(var(--spacing) * 48);
    }

    .min-w-50 {
        min-width: calc(var(--spacing) * 50);
    }

    .min-w-52 {
        min-width: calc(var(--spacing) * 52);
    }

    .min-w-54 {
        min-width: calc(var(--spacing) * 54);
    }

    .min-w-56 {
        min-width: calc(var(--spacing) * 56);
    }

    .min-w-60 {
        min-width: calc(var(--spacing) * 60);
    }

    .min-w-76 {
        min-width: calc(var(--spacing) * 76);
    }

    .min-w-104 {
        min-width: calc(var(--spacing) * 104);
    }

    .min-w-120 {
        min-width: calc(var(--spacing) * 120);
    }

    .min-w-128 {
        min-width: calc(var(--spacing) * 128);
    }

    .min-w-136 {
        min-width: calc(var(--spacing) * 136);
    }

    .min-w-144 {
        min-width: calc(var(--spacing) * 144);
    }

    .min-w-160 {
        min-width: calc(var(--spacing) * 160);
    }

    .min-w-176 {
        min-width: calc(var(--spacing) * 176);
    }

    .min-w-184 {
        min-width: calc(var(--spacing) * 184);
    }

    .min-w-192 {
        min-width: calc(var(--spacing) * 192);
    }

    .min-w-216 {
        min-width: calc(var(--spacing) * 216);
    }

    .min-w-\[0\] {
        min-width: 0;
    }

    .min-w-\[1\.75rem\] {
        min-width: 1.75rem;
    }

    .min-w-\[2\.9ch\] {
        min-width: 2.9ch;
    }

    .min-w-\[3\.25ch\] {
        min-width: 3.25ch;
    }

    .min-w-\[4\.5ch\] {
        min-width: 4.5ch;
    }

    .min-w-\[4\.5rem\] {
        min-width: 4.5rem;
    }

    .min-w-\[4\.75rem\] {
        min-width: 4.75rem;
    }

    .min-w-\[5\.5rem\] {
        min-width: 5.5rem;
    }

    .min-w-\[5rem\] {
        min-width: 5rem;
    }

    .min-w-\[11\.5rem\] {
        min-width: 11.5rem;
    }

    .min-w-\[12rem\] {
        min-width: 12rem;
    }

    .min-w-\[14rem\] {
        min-width: 14rem;
    }

    .min-w-\[30rem\] {
        min-width: 30rem;
    }

    .min-w-\[33rem\] {
        min-width: 33rem;
    }

    .min-w-\[34rem\] {
        min-width: 34rem;
    }

    .min-w-\[36rem\] {
        min-width: 36rem;
    }

    .min-w-\[44rem\] {
        min-width: 44rem;
    }

    .min-w-\[680px\] {
        min-width: 680px;
    }

    .min-w-\[760px\] {
        min-width: 760px;
    }

    .min-w-\[min\(100\%\,16\.5rem\)\] {
        min-width: min(100%, 16.5rem);
    }

    .min-w-\[min\(100\%\,20rem\)\] {
        min-width: min(100%, 20rem);
    }

    .min-w-\[min\(100\%\,21rem\)\] {
        min-width: min(100%, 21rem);
    }

    .min-w-\[min\(100\%\,30rem\)\] {
        min-width: min(100%, 30rem);
    }

    .min-w-full {
        min-width: 100%;
    }

    .flex-1 {
        flex: 1;
    }

    .flex-\[0_0_100\%\] {
        flex: 0 0 100%;
    }

    .flex-\[0_0_auto\] {
        flex: none;
    }

    .flex-\[0_0_min\(74\%\,18rem\)\] {
        flex: 0 0 min(74%, 18rem);
    }

    .flex-\[0_0_var\(--fill-cell\)\] {
        flex: 0 0 var(--fill-cell);
    }

    .flex-\[0_1_9rem\] {
        flex: 0 9rem;
    }

    .flex-\[0_1_12rem\] {
        flex: 0 12rem;
    }

    .flex-\[0_1_18rem\] {
        flex: 0 18rem;
    }

    .flex-\[0_1_20rem\] {
        flex: 0 20rem;
    }

    .flex-\[0_1_auto\] {
        flex: 0 auto;
    }

    .flex-\[1\.4\] {
        flex: 1.4;
    }

    .flex-\[1\.25_1_0\] {
        flex: 1.25 1 0;
    }

    .flex-\[1_1_0\] {
        flex: 1 1 0;
    }

    .flex-\[1_1_10rem\] {
        flex: 10rem;
    }

    .flex-\[1_1_12rem\] {
        flex: 12rem;
    }

    .flex-\[1_1_14rem\] {
        flex: 14rem;
    }

    .flex-\[1_1_16rem\] {
        flex: 16rem;
    }

    .flex-\[1_1_18rem\] {
        flex: 18rem;
    }

    .flex-\[1_1_20rem\] {
        flex: 20rem;
    }

    .flex-\[1_1_auto\],
    .flex-auto {
        flex: auto;
    }

    .flex-none {
        flex: none;
    }

    .flex-shrink-0 {
        flex-shrink: 0;
    }

    .shrink {
        flex-shrink: 1;
    }

    .shrink-0 {
        flex-shrink: 0;
    }

    .flex-grow,
    .grow {
        flex-grow: 1;
    }

    .basis-\(--fill-cell\) {
        flex-basis: var(--fill-cell);
    }

    .basis-\[16rem\] {
        flex-basis: 16rem;
    }

    .basis-\[20rem\] {
        flex-basis: 20rem;
    }

    .basis-\[72\%\] {
        flex-basis: 72%;
    }

    .basis-\[78\%\] {
        flex-basis: 78%;
    }

    .basis-\[100\%\] {
        flex-basis: 100%;
    }

    .basis-\[calc\(var\(--fill-cell\)_\*_2_\+_var\(--fill-gap\)\)\] {
        flex-basis: calc(var(--fill-cell) * 2 + var(--fill-gap));
    }

    .basis-full {
        flex-basis: 100%;
    }

    .border-collapse {
        border-collapse: collapse;
    }

    .origin-bottom {
        transform-origin: bottom;
    }

    .-translate-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-x-\[3\%\] {
        --tw-translate-x: 3%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-y-\[34\%\] {
        --tw-translate-y: calc(34% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-y-\[58\%\] {
        --tw-translate-y: calc(58% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-translate-y-px {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

    .translate-y-1\/2 {
        --tw-translate-y: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

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

    .translate-y-\[7\%\] {
        --tw-translate-y: 7%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .translate-y-\[22\%\] {
        --tw-translate-y: 22%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

    .translate-y-px {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .-scale-100 {
        --tw-scale-x: calc(100% * -1);
        --tw-scale-y: calc(100% * -1);
        --tw-scale-z: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .-scale-x-100 {
        --tw-scale-x: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .-scale-y-100 {
        --tw-scale-y: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

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

    .-rotate-1 {
        rotate: -1deg;
    }

    .-rotate-2 {
        rotate: -2deg;
    }

    .-rotate-3 {
        rotate: -3deg;
    }

    .-rotate-6 {
        rotate: -6deg;
    }

    .-rotate-90 {
        rotate: -90deg;
    }

    .-rotate-\[3deg\] {
        rotate: -3deg;
    }

    .-rotate-\[16deg\] {
        rotate: -16deg;
    }

    .-rotate-\[28deg\] {
        rotate: -28deg;
    }

    .-rotate-\[30deg\] {
        rotate: -30deg;
    }

    .-rotate-\[38deg\] {
        rotate: -38deg;
    }

    .rotate-1 {
        rotate: 1deg;
    }

    .rotate-2 {
        rotate: 2deg;
    }

    .rotate-3 {
        rotate: 3deg;
    }

    .rotate-6 {
        rotate: 6deg;
    }

    .rotate-12 {
        rotate: 12deg;
    }

    .rotate-45 {
        rotate: 45deg;
    }

    .rotate-180 {
        rotate: 180deg;
    }

    .rotate-\[-2deg\] {
        rotate: -2deg;
    }

    .rotate-\[-8deg\] {
        rotate: -8deg;
    }

    .rotate-\[28deg\] {
        rotate: 28deg;
    }

    .rotate-\[30deg\] {
        rotate: 30deg;
    }

    .rotate-\[38deg\] {
        rotate: 38deg;
    }

    .rotate-\[40deg\] {
        rotate: 40deg;
    }

    .rotate-\[150deg\] {
        rotate: 150deg;
    }

    .-skew-x-12 {
        --tw-skew-x: skewX(calc(12deg * -1));
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
            var(--tw-skew-y,);
    }

    .skew-x-6 {
        --tw-skew-x: skewX(6deg);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
            var(--tw-skew-y,);
    }

    .transform {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,)
            var(--tw-skew-y,);
    }

    .animate-bounce {
        animation: var(--animate-bounce);
    }

    .animate-ping {
        animation: var(--animate-ping);
    }

    .cursor-not-allowed {
        cursor: not-allowed;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .resize {
        resize: both;
    }

    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory;
    }

    .snap-start {
        scroll-snap-align: start;
    }

    .scroll-mt-\(--header-h\) {
        scroll-margin-top: var(--header-h);
    }

    .scroll-mt-20 {
        scroll-margin-top: calc(var(--spacing) * 20);
    }

    .scroll-mt-24 {
        scroll-margin-top: calc(var(--spacing) * 24);
    }

    .scroll-mt-28 {
        scroll-margin-top: calc(var(--spacing) * 28);
    }

    .scroll-mt-32 {
        scroll-margin-top: calc(var(--spacing) * 32);
    }

    .scroll-mt-40 {
        scroll-margin-top: calc(var(--spacing) * 40);
    }

    .scroll-mt-44 {
        scroll-margin-top: calc(var(--spacing) * 44);
    }

    .scroll-mt-\[calc\(var\(--header-h\)\+1\.5rem\)\] {
        scroll-margin-top: calc(var(--header-h) + 1.5rem);
    }

    .scroll-mt-\[calc\(var\(--header-h\)\+1rem\)\] {
        scroll-margin-top: calc(var(--header-h) + 1rem);
    }

    .scroll-mt-\[calc\(var\(--header-h\)\+2rem\)\] {
        scroll-margin-top: calc(var(--header-h) + 2rem);
    }

    .scroll-mt-\[calc\(var\(--header-h\)\+5rem\)\] {
        scroll-margin-top: calc(var(--header-h) + 5rem);
    }

    .scroll-mt-\[calc\(var\(--header-h\)\+11rem\)\] {
        scroll-margin-top: calc(var(--header-h) + 11rem);
    }

    .scroll-mt-\[calc\(var\(--header-h\)\+13rem\)\] {
        scroll-margin-top: calc(var(--header-h) + 13rem);
    }

    .scroll-mt-\[calc\(var\(--header-h\)-1px\)\] {
        scroll-margin-top: calc(var(--header-h) - 1px);
    }

    .scroll-mt-\[calc\(var\(--header-h\)_\+_1rem\)\] {
        scroll-margin-top: calc(var(--header-h) + 1rem);
    }

    .scroll-mt-\[calc\(var\(--header-h\,88px\)\+2rem\)\] {
        scroll-margin-top: calc(var(--header-h, 88px) + 2rem);
    }

    .scroll-mt-\[calc\(var\(--navbar-h\,5rem\)\+2rem\)\] {
        scroll-margin-top: calc(var(--navbar-h, 5rem) + 2rem);
    }

    .scroll-mt-\[var\(--header-h\)\] {
        scroll-margin-top: var(--header-h);
    }

    .scroll-px-\(--container-x\) {
        scroll-padding-inline: var(--container-x);
    }

    .\[scrollbar-width\:none\] {
        scrollbar-width: none;
    }

    .list-inside {
        list-style-position: inside;
    }

    .list-decimal {
        list-style-type: decimal;
    }

    .list-disc {
        list-style-type: disc;
    }

    .list-none {
        list-style-type: none;
    }

    .list-none\! {
        list-style-type: none !important;
    }

    .\[appearance\:textfield\] {
        appearance: textfield;
    }

    .columns-1 {
        columns: 1;
    }

    .columns-2 {
        columns: 2;
    }

    .columns-4 {
        columns: 4;
    }

    .break-inside-avoid {
        break-inside: avoid;
    }

    .auto-cols-\[80\%\] {
        grid-auto-columns: 80%;
    }

    .auto-cols-\[min\(82vw\,24rem\)\] {
        grid-auto-columns: min(82vw, 24rem);
    }

    .grid-flow-col {
        grid-auto-flow: column;
    }

    .grid-flow-dense {
        grid-auto-flow: dense;
    }

    .grid-flow-row-dense {
        grid-auto-flow: row dense;
    }

    .auto-rows-\[1fr\] {
        grid-auto-rows: 1fr;
    }

    .auto-rows-\[9\.5rem\] {
        grid-auto-rows: 9.5rem;
    }

    .auto-rows-\[10rem\] {
        grid-auto-rows: 10rem;
    }

    .auto-rows-\[clamp\(9rem\,6rem_\+_10vw\,16rem\)\] {
        grid-auto-rows: clamp(9rem, 6rem + 10vw, 16rem);
    }

    .auto-rows-\[clamp\(9rem\,17vw\,19rem\)\] {
        grid-auto-rows: clamp(9rem, 17vw, 19rem);
    }

    .auto-rows-\[minmax\(11rem\,auto\)\] {
        grid-auto-rows: minmax(11rem, auto);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .grid-cols-\[1\.15fr_1fr\] {
        grid-template-columns: 1.15fr 1fr;
    }

    .grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto;
    }

    .grid-cols-\[2\.5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 2.5rem minmax(0, 1fr);
    }

    .grid-cols-\[2\.5rem_minmax\(0\,1fr\)_auto\] {
        grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    }

    .grid-cols-\[2\.75rem_1fr_3\.75rem\] {
        grid-template-columns: 2.75rem 1fr 3.75rem;
    }

    .grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 2.75rem minmax(0, 1fr);
    }

    .grid-cols-\[2rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 2rem minmax(0, 1fr);
    }

    .grid-cols-\[3\.5rem_1fr\] {
        grid-template-columns: 3.5rem 1fr;
    }

    .grid-cols-\[3\.5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 3.5rem minmax(0, 1fr);
    }

    .grid-cols-\[3\.5rem_minmax\(0\,1fr\)_4\.25rem\] {
        grid-template-columns: 3.5rem minmax(0, 1fr) 4.25rem;
    }

    .grid-cols-\[3\.5rem_minmax\(0\,1fr\)_auto\] {
        grid-template-columns: 3.5rem minmax(0, 1fr) auto;
    }

    .grid-cols-\[3\.25rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 3.25rem minmax(0, 1fr);
    }

    .grid-cols-\[3rem_1fr\] {
        grid-template-columns: 3rem 1fr;
    }

    .grid-cols-\[3rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .grid-cols-\[4\.5rem_1fr\] {
        grid-template-columns: 4.5rem 1fr;
    }

    .grid-cols-\[4\.5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 4.5rem minmax(0, 1fr);
    }

    .grid-cols-\[4\.75rem_minmax\(0\,1fr\)_2\.5rem\] {
        grid-template-columns: 4.75rem minmax(0, 1fr) 2.5rem;
    }

    .grid-cols-\[4rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 4rem minmax(0, 1fr);
    }

    .grid-cols-\[4rem_minmax\(0\,1fr\)_3\.5rem\] {
        grid-template-columns: 4rem minmax(0, 1fr) 3.5rem;
    }

    .grid-cols-\[4rem_minmax\(0\,1fr\)_auto\] {
        grid-template-columns: 4rem minmax(0, 1fr) auto;
    }

    .grid-cols-\[5\.5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
    }

    .grid-cols-\[5\.5rem_minmax\(0\,1fr\)_auto\] {
        grid-template-columns: 5.5rem minmax(0, 1fr) auto;
    }

    .grid-cols-\[5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 5rem minmax(0, 1fr);
    }

    .grid-cols-\[6\.5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .grid-cols-\[6\.5rem_minmax\(0\,1fr\)_4\.5rem\] {
        grid-template-columns: 6.5rem minmax(0, 1fr) 4.5rem;
    }

    .grid-cols-\[6rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 6rem minmax(0, 1fr);
    }

    .grid-cols-\[7\.5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 7.5rem minmax(0, 1fr);
    }

    .grid-cols-\[7rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 7rem minmax(0, 1fr);
    }

    .grid-cols-\[9rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 9rem minmax(0, 1fr);
    }

    .grid-cols-\[21\.5rem_minmax\(0\,1fr\)\] {
        grid-template-columns: 21.5rem minmax(0, 1fr);
    }

    .grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr;
    }

    .grid-cols-\[auto_auto\] {
        grid-template-columns: auto auto;
    }

    .grid-cols-\[auto_auto_auto\] {
        grid-template-columns: auto auto auto;
    }

    .grid-cols-\[auto_auto_minmax\(3rem\,_1fr\)_auto\] {
        grid-template-columns: auto auto minmax(3rem, 1fr) auto;
    }

    .grid-cols-\[auto_minmax\(0\,1fr\)\] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\] {
        grid-template-columns: auto minmax(0, 1fr) auto auto;
    }

    .grid-cols-\[auto_minmax\(0\,_1fr\)\] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .grid-cols-\[auto_minmax\(2\.5rem\,1fr\)\] {
        grid-template-columns: auto minmax(2.5rem, 1fr);
    }

    .grid-cols-\[auto_repeat\(2\,minmax\(0\,1fr\)\)_auto\] {
        grid-template-columns: auto repeat(2, minmax(0, 1fr)) auto;
    }

    .grid-cols-\[minmax\(0\,0\.7fr\)_minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.2fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,3fr\)\] {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 3fr);
    }

    .grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    }

    .grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,2\.1fr\)\] {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 2.1fr);
    }

    .grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1\.5fr\)_repeat\(4\,minmax\(0\,1fr\)\)_minmax\(0\,1\.4fr\)\] {
        grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)) minmax(0, 1.4fr);
    }

    .grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr));
    }

    .grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1\.12fr\)_minmax\(0\,0\.88fr\)\] {
        grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    }

    .grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)\] {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    }

    .grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1\.22fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1\.25fr\)_repeat\(2\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 1fr));
    }

    .grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_9rem\] {
        grid-template-columns: minmax(0, 1fr) 9rem;
    }

    .grid-cols-\[minmax\(0\,1fr\)_19\.5rem\] {
        grid-template-columns: minmax(0, 1fr) 19.5rem;
    }

    .grid-cols-\[minmax\(0\,1fr\)_auto\] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.7fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.82fr\)_minmax\(0\,1\.18fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr) minmax(0, 1.18fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.15fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.25fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.55fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,4\.2fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 4.2fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,11rem\)_min\(100\%\,42rem\)_minmax\(0\,11rem\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 11rem) min(100%, 42rem) minmax(
                0,
                11rem
            ) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,23rem\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 23rem);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,30rem\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 30rem);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(1\.25rem\,0\.55fr\)_minmax\(0\,1fr\)_minmax\(1\.25rem\,0\.55fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(1.25rem, 0.55fr) minmax(0, 1fr) minmax(
                1.25rem,
                0.55fr
            ) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,1fr\)_minmax\(17rem\,24rem\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(17rem, 24rem);
    }

    .grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }

    .grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,7fr\)\] {
        grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    }

    .grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,8fr\)\] {
        grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    }

    .grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,4fr\)\] {
        grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
    }

    .grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\] {
        grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    }

    .grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    }

    .grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    }

    .grid-cols-\[minmax\(0\,20rem\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,_1\.25fr\)_minmax\(0\,_1fr\)\] {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,_1fr\)\] {
        grid-template-columns: minmax(0, 1fr);
    }

    .grid-cols-\[minmax\(0\,_1fr\)_auto_auto\] {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .grid-cols-\[minmax\(0\,_1fr\)_minmax\(15rem\,_19rem\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 19rem);
    }

    .grid-cols-\[minmax\(0\,_27rem\)\] {
        grid-template-columns: minmax(0, 27rem);
    }

    .grid-cols-\[minmax\(15rem\,_17\.5rem\)_minmax\(0\,_1fr\)\] {
        grid-template-columns: minmax(15rem, 17.5rem) minmax(0, 1fr);
    }

    .grid-cols-\[repeat\(2\,minmax\(0\,13rem\)\)\] {
        grid-template-columns: repeat(2, minmax(0, 13rem));
    }

    .grid-cols-\[repeat\(3\,auto\)\] {
        grid-template-columns: repeat(3, auto);
    }

    .grid-cols-\[repeat\(3\,minmax\(0\,auto\)\)\] {
        grid-template-columns: repeat(3, minmax(0, auto));
    }

    .grid-cols-\[repeat\(4\,1fr\)\] {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid-cols-\[repeat\(4\,2\.25rem\)\] {
        grid-template-columns: repeat(4, 2.25rem);
    }

    .grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)_minmax\(0\,18rem\)\] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 18rem);
    }

    .grid-cols-\[repeat\(4\,minmax\(0\,7\.5rem\)\)\] {
        grid-template-columns: repeat(4, minmax(0, 7.5rem));
    }

    .grid-cols-\[repeat\(4\,minmax\(10\.5rem\,1fr\)\)\] {
        grid-template-columns: repeat(4, minmax(10.5rem, 1fr));
    }

    .grid-cols-\[repeat\(5\,minmax\(8\.5rem\,1fr\)\)\] {
        grid-template-columns: repeat(5, minmax(8.5rem, 1fr));
    }

    .grid-cols-\[repeat\(16\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(16, minmax(0, 1fr));
    }

    .grid-cols-\[repeat\(auto-fill\,minmax\(2\.5rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(2.5rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fill\,minmax\(4\.5rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fill\,minmax\(10rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fill\,minmax\(17rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,18rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(6rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(14\.5rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(14.5rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(14rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(15rem\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,9\.5rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,14rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,15rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,17rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,18rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,20rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,26rem\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
    }

    .grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,max\(14rem\,34\%\)\)\,1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, max(14rem, 34%)), 1fr));
    }

    .grid-cols-\[repeat\(var\(--custom-ways-cols\,1\)\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(var(--custom-ways-cols, 1), minmax(0, 1fr));
    }

    .grid-cols-\[var\(--meta-win-w\)_minmax\(0\,1fr\)\] {
        grid-template-columns: var(--meta-win-w) minmax(0, 1fr);
    }

    .grid-cols-\[var\(--perk-node\)_minmax\(0\,1fr\)\] {
        grid-template-columns: var(--perk-node) minmax(0, 1fr);
    }

    .grid-cols-\[var\(--win-w\)_minmax\(0\,1fr\)\] {
        grid-template-columns: var(--win-w) minmax(0, 1fr);
    }

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

    .grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }

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

    .grid-rows-\[1fr_2\.75rem_1fr\] {
        grid-template-rows: 1fr 2.75rem 1fr;
    }

    .grid-rows-\[1fr_auto\] {
        grid-template-rows: 1fr auto;
    }

    .grid-rows-\[1fr_auto_auto_1fr\] {
        grid-template-rows: 1fr auto auto 1fr;
    }

    .grid-rows-\[auto\] {
        grid-template-rows: auto;
    }

    .grid-rows-\[auto_1\.125rem\] {
        grid-template-rows: auto 1.125rem;
    }

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

    .grid-rows-\[auto_1fr_auto\] {
        grid-template-rows: auto 1fr auto;
    }

    .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto;
    }

    .grid-rows-\[auto_auto_1fr\] {
        grid-template-rows: auto auto 1fr;
    }

    .grid-rows-\[auto_auto_1fr_auto\] {
        grid-template-rows: auto auto 1fr auto;
    }

    .grid-rows-\[auto_auto_1fr_auto_auto\] {
        grid-template-rows: auto auto 1fr auto auto;
    }

    .grid-rows-\[minmax\(0\,1fr\)\] {
        grid-template-rows: minmax(0, 1fr);
    }

    .grid-rows-\[minmax\(0\,1fr\)_auto\] {
        grid-template-rows: minmax(0, 1fr) auto;
    }

    .grid-rows-\[minmax\(8rem\,1fr\)_auto\] {
        grid-template-rows: minmax(8rem, 1fr) auto;
    }

    .grid-rows-\[minmax\(15rem\,1fr\)_auto\] {
        grid-template-rows: minmax(15rem, 1fr) auto;
    }

    .grid-rows-\[repeat\(2\,auto\)\] {
        grid-template-rows: repeat(2, auto);
    }

    .grid-rows-\[var\(--custom-plot\)_auto\] {
        grid-template-rows: var(--custom-plot) auto;
    }

    .grid-rows-none {
        grid-template-rows: none;
    }

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

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

    .flex-row {
        flex-direction: row;
    }

    .flex-nowrap {
        flex-wrap: nowrap;
    }

    .flex-wrap {
        flex-wrap: wrap;
    }

    .place-content-center {
        place-content: center;
    }

    .place-items-center {
        place-items: center;
    }

    .place-items-start {
        place-items: start;
    }

    .\[align-content\:end\] {
        align-content: end;
    }

    .\[align-content\:start\] {
        align-content: start;
    }

    .content-between {
        align-content: space-between;
    }

    .content-center {
        align-content: center;
    }

    .content-end {
        align-content: flex-end;
    }

    .content-start {
        align-content: flex-start;
    }

    .\[align-items\:end\] {
        align-items: end;
    }

    .\[align-items\:last_baseline\] {
        align-items: last baseline;
    }

    .\[align-items\:start\] {
        align-items: start;
    }

    .items-baseline {
        align-items: baseline;
    }

    .items-center {
        align-items: center;
    }

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

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

    .items-stretch {
        align-items: stretch;
    }

    .\!justify-start {
        justify-content: flex-start !important;
    }

    .\[justify-content\:start\] {
        justify-content: start;
    }

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

    .justify-center {
        justify-content: center;
    }

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

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

    .justify-stretch {
        justify-content: stretch;
    }

    .justify-items-center {
        justify-items: center;
    }

    .justify-items-end {
        justify-items: end;
    }

    .justify-items-start {
        justify-items: start;
    }

    .gap-\(--cd-gap\) {
        gap: var(--cd-gap);
    }

    .gap-\(--contact-gap\) {
        gap: var(--contact-gap);
    }

    .gap-\(--custom-gap\) {
        gap: var(--custom-gap);
    }

    .gap-\(--custom-gutter\) {
        gap: var(--custom-gutter);
    }

    .gap-\(--custom-head-space\) {
        gap: var(--custom-head-space);
    }

    .gap-\(--custom-ways-gap\) {
        gap: var(--custom-ways-gap);
    }

    .gap-\(--flow-gap\) {
        gap: var(--flow-gap);
    }

    .gap-\(--milestone-gap\) {
        gap: var(--milestone-gap);
    }

    .gap-\(--sector-gap\) {
        gap: var(--sector-gap);
    }

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

    .gap-0\.5 {
        gap: calc(var(--spacing) * 0.5);
    }

    .gap-0\.25 {
        gap: calc(var(--spacing) * 0.25);
    }

    .gap-0\.75 {
        gap: calc(var(--spacing) * 0.75);
    }

    .gap-1 {
        gap: calc(var(--spacing) * 1);
    }

    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5);
    }

    .gap-1\.25 {
        gap: calc(var(--spacing) * 1.25);
    }

    .gap-1\.75 {
        gap: calc(var(--spacing) * 1.75);
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }

    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5);
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }

    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5);
    }

    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }

    .gap-4\.5 {
        gap: calc(var(--spacing) * 4.5);
    }

    .gap-5 {
        gap: calc(var(--spacing) * 5);
    }

    .gap-5\.5 {
        gap: calc(var(--spacing) * 5.5);
    }

    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }

    .gap-7 {
        gap: calc(var(--spacing) * 7);
    }

    .gap-8 {
        gap: calc(var(--spacing) * 8);
    }

    .gap-9 {
        gap: calc(var(--spacing) * 9);
    }

    .gap-10 {
        gap: calc(var(--spacing) * 10);
    }

    .gap-11 {
        gap: calc(var(--spacing) * 11);
    }

    .gap-12 {
        gap: calc(var(--spacing) * 12);
    }

    .gap-14 {
        gap: calc(var(--spacing) * 14);
    }

    .gap-16 {
        gap: calc(var(--spacing) * 16);
    }

    .gap-18 {
        gap: calc(var(--spacing) * 18);
    }

    .gap-20 {
        gap: calc(var(--spacing) * 20);
    }

    .gap-24 {
        gap: calc(var(--spacing) * 24);
    }

    .gap-\[0\.1rem\] {
        gap: 0.1rem;
    }

    .gap-\[0\.3em\] {
        gap: 0.3em;
    }

    .gap-\[0\.3rem\] {
        gap: 0.3rem;
    }

    .gap-\[0\.4em\] {
        gap: 0.4em;
    }

    .gap-\[0\.4rem\] {
        gap: 0.4rem;
    }

    .gap-\[0\.35em\] {
        gap: 0.35em;
    }

    .gap-\[0\.35rem\] {
        gap: 0.35rem;
    }

    .gap-\[0\.45em\] {
        gap: 0.45em;
    }

    .gap-\[0\.55em\] {
        gap: 0.55em;
    }

    .gap-\[0\.85em\] {
        gap: 0.85em;
    }

    .gap-\[0\.0625rem\] {
        gap: 0.0625rem;
    }

    .gap-\[0\.875rem\] {
        gap: 0.875rem;
    }

    .gap-\[0\.1875rem\] {
        gap: 0.1875rem;
    }

    .gap-\[0\.4375rem\] {
        gap: 0.4375rem;
    }

    .gap-\[1\.5cqi\] {
        gap: 1.5cqi;
    }

    .gap-\[1\.15em\] {
        gap: 1.15em;
    }

    .gap-\[1em\] {
        gap: 1em;
    }

    .gap-\[2\.5cqi\] {
        gap: 2.5cqi;
    }

    .gap-\[2px\] {
        gap: 2px;
    }

    .gap-\[3px\] {
        gap: 3px;
    }

    .gap-\[4px\] {
        gap: 4px;
    }

    .gap-\[9cqi\] {
        gap: 9cqi;
    }

    .gap-\[calc\(\(var\(--pod-ring\)_-_var\(--pod-orb\)\)_\/_2_\+_1rem\)\] {
        gap: calc((var(--pod-ring) - var(--pod-orb)) / 2 + 1rem);
    }

    .gap-\[clamp\(0\.5rem\,0\.25rem_\+_0\.6vw\,0\.875rem\)\] {
        gap: clamp(0.5rem, 0.25rem + 0.6vw, 0.875rem);
    }

    .gap-\[clamp\(0\.5rem\,0\.25rem_\+_1vw\,1rem\)\] {
        gap: clamp(0.5rem, 0.25rem + 1vw, 1rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.4rem_\+_1\.2vw\,1\.5rem\)\] {
        gap: clamp(0.75rem, 0.4rem + 1.2vw, 1.5rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.4rem_\+_1\.2vw\,1\.75rem\)\] {
        gap: clamp(0.75rem, 0.4rem + 1.2vw, 1.75rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.5rem_\+_0\.6vw\,1\.25rem\)\] {
        gap: clamp(0.75rem, 0.5rem + 0.6vw, 1.25rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.5rem_\+_0\.8vw\,1\.5rem\)\] {
        gap: clamp(0.75rem, 0.5rem + 0.8vw, 1.5rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.5rem_\+_1vw\,1\.5rem\)\] {
        gap: clamp(0.75rem, 0.5rem + 1vw, 1.5rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.5rem_\+_1vw\,1\.25rem\)\] {
        gap: clamp(0.75rem, 0.5rem + 1vw, 1.25rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.25rem_\+_1\.2vw\,1\.25rem\)\] {
        gap: clamp(0.75rem, 0.25rem + 1.2vw, 1.25rem);
    }

    .gap-\[clamp\(0\.75rem\,0\.25rem_\+_2vw\,2rem\)\] {
        gap: clamp(0.75rem, 0.25rem + 2vw, 2rem);
    }

    .gap-\[clamp\(0\.75rem\,1\.1vw\,1\.25rem\)\] {
        gap: clamp(0.75rem, 1.1vw, 1.25rem);
    }

    .gap-\[clamp\(0\.75rem\,1\.2vw\,1\.25rem\)\] {
        gap: clamp(0.75rem, 1.2vw, 1.25rem);
    }

    .gap-\[clamp\(0\.75rem\,1\.5vw\,1\.25rem\)\] {
        gap: clamp(0.75rem, 1.5vw, 1.25rem);
    }

    .gap-\[clamp\(0\.375rem\,0\.2rem_\+_0\.5vw\,0\.75rem\)\] {
        gap: clamp(0.375rem, 0.2rem + 0.5vw, 0.75rem);
    }

    .gap-\[clamp\(0\.375rem\,_-0\.5rem_\+_2\.2vw\,_1\.5rem\)\] {
        gap: clamp(0.375rem, 2.2vw - 0.5rem, 1.5rem);
    }

    .gap-\[clamp\(0\.625rem\,0\.3rem_\+_1vw\,1\.25rem\)\] {
        gap: clamp(0.625rem, 0.3rem + 1vw, 1.25rem);
    }

    .gap-\[clamp\(0\.625rem\,0\.4rem_\+_0\.6vw\,1rem\)\] {
        gap: clamp(0.625rem, 0.4rem + 0.6vw, 1rem);
    }

    .gap-\[clamp\(1\.5rem\,1\.25rem_\+_1vw\,2\.25rem\)\] {
        gap: clamp(1.5rem, 1.25rem + 1vw, 2.25rem);
    }

    .gap-\[clamp\(1\.5rem\,1rem\+1\.5vw\,2\.25rem\)\] {
        gap: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
    }

    .gap-\[clamp\(1\.5rem\,1rem\+2vw\,2\.5rem\)\] {
        gap: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .gap-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        gap: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .gap-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.5rem\)\] {
        gap: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .gap-\[clamp\(1\.5rem\,1rem_\+_2vw\,3rem\)\] {
        gap: clamp(1.5rem, 1rem + 2vw, 3rem);
    }

    .gap-\[clamp\(1\.5rem\,2\.5vw\,2\.25rem\)\] {
        gap: clamp(1.5rem, 2.5vw, 2.25rem);
    }

    .gap-\[clamp\(1\.5rem\,2\.5vw\,2rem\)\] {
        gap: clamp(1.5rem, 2.5vw, 2rem);
    }

    .gap-\[clamp\(1\.5rem\,2\.6vw\,2rem\)\] {
        gap: clamp(1.5rem, 2.6vw, 2rem);
    }

    .gap-\[clamp\(1\.5rem\,3vw\,2\.25rem\)\] {
        gap: clamp(1.5rem, 3vw, 2.25rem);
    }

    .gap-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        gap: clamp(1.5rem, 3vw, 3rem);
    }

    .gap-\[clamp\(1\.5rem\,4vw\,4rem\)\] {
        gap: clamp(1.5rem, 4vw, 4rem);
    }

    .gap-\[clamp\(1\.5rem\,_1\.1rem_\+_1\.4vw\,_2\.25rem\)\] {
        gap: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
    }

    .gap-\[clamp\(1\.5rem\,_1\.1rem_\+_1\.6vw\,_2\.5rem\)\] {
        gap: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);
    }

    .gap-\[clamp\(1\.5rem\,_1\.2rem_\+_1vw\,_2rem\)\] {
        gap: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    }

    .gap-\[clamp\(1\.5rem\,_1\.15rem_\+_1\.3vw\,_2\.25rem\)\] {
        gap: clamp(1.5rem, 1.15rem + 1.3vw, 2.25rem);
    }

    .gap-\[clamp\(1\.25rem\,-1rem_\+_3\.5vw\,3\.5rem\)\] {
        gap: clamp(1.25rem, 3.5vw - 1rem, 3.5rem);
    }

    .gap-\[clamp\(1\.25rem\,0\.5rem_\+_2vw\,2\.25rem\)\] {
        gap: clamp(1.25rem, 0.5rem + 2vw, 2.25rem);
    }

    .gap-\[clamp\(1\.25rem\,0\.5rem_\+_2vw\,2rem\)\] {
        gap: clamp(1.25rem, 0.5rem + 2vw, 2rem);
    }

    .gap-\[clamp\(1\.25rem\,0\.75rem_\+_1\.2vw\,2rem\)\] {
        gap: clamp(1.25rem, 0.75rem + 1.2vw, 2rem);
    }

    .gap-\[clamp\(1\.25rem\,0\.75rem_\+_1\.5vw\,2rem\)\] {
        gap: clamp(1.25rem, 0.75rem + 1.5vw, 2rem);
    }

    .gap-\[clamp\(1\.25rem\,2\.6vw\,2rem\)\] {
        gap: clamp(1.25rem, 2.6vw, 2rem);
    }

    .gap-\[clamp\(1\.25rem\,2vw\,1\.75rem\)\] {
        gap: clamp(1.25rem, 2vw, 1.75rem);
    }

    .gap-\[clamp\(1\.25rem\,_0\.5rem_\+_2\.6vw\,_2\.75rem\)\] {
        gap: clamp(1.25rem, 0.5rem + 2.6vw, 2.75rem);
    }

    .gap-\[clamp\(1\.25rem\,_0\.75rem_\+_2vw\,_2\.25rem\)\] {
        gap: clamp(1.25rem, 0.75rem + 2vw, 2.25rem);
    }

    .gap-\[clamp\(1\.25rem\,_1rem_\+_0\.8vw\,_1\.75rem\)\] {
        gap: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
    }

    .gap-\[clamp\(1\.75rem\,1\.5rem_\+_1vw\,2\.5rem\)\] {
        gap: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
    }

    .gap-\[clamp\(1\.75rem\,1\.25rem_\+_1\.2vw\,2\.5rem\)\] {
        gap: clamp(1.75rem, 1.25rem + 1.2vw, 2.5rem);
    }

    .gap-\[clamp\(1\.75rem\,1\.25rem_\+_1\.5vw\,2\.5rem\)\] {
        gap: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
    }

    .gap-\[clamp\(1\.75rem\,1rem_\+_2\.4vw\,3\.25rem\)\] {
        gap: clamp(1.75rem, 1rem + 2.4vw, 3.25rem);
    }

    .gap-\[clamp\(1\.75rem\,1rem_\+_2\.5vw\,3rem\)\] {
        gap: clamp(1.75rem, 1rem + 2.5vw, 3rem);
    }

    .gap-\[clamp\(1\.75rem\,1rem_\+_2vw\,3\.5rem\)\] {
        gap: clamp(1.75rem, 1rem + 2vw, 3.5rem);
    }

    .gap-\[clamp\(1\.75rem\,1rem_\+_2vw\,3rem\)\] {
        gap: clamp(1.75rem, 1rem + 2vw, 3rem);
    }

    .gap-\[clamp\(1\.75rem\,1rem_\+_3vw\,4rem\)\] {
        gap: clamp(1.75rem, 1rem + 3vw, 4rem);
    }

    .gap-\[clamp\(1\.75rem\,3vw\,2\.5rem\)\] {
        gap: clamp(1.75rem, 3vw, 2.5rem);
    }

    .gap-\[clamp\(1\.75rem\,_1\.4rem_\+_1\.2vw\,_2\.5rem\)\] {
        gap: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);
    }

    .gap-\[clamp\(1\.75rem\,_1\.25rem_\+_1\.6vw\,_2\.5rem\)\] {
        gap: clamp(1.75rem, 1.25rem + 1.6vw, 2.5rem);
    }

    .gap-\[clamp\(1\.375rem\,_1\.1rem_\+_0\.8vw\,_1\.75rem\)\] {
        gap: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem);
    }

    .gap-\[clamp\(1rem\,0\.5rem\+1\.5vw\,1\.75rem\)\] {
        gap: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
    }

    .gap-\[clamp\(1rem\,0\.5rem_\+_1\.2vw\,1\.5rem\)\] {
        gap: clamp(1rem, 0.5rem + 1.2vw, 1.5rem);
    }

    .gap-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.5rem\)\] {
        gap: clamp(1rem, 0.5rem + 1.5vw, 1.5rem);
    }

    .gap-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.75rem\)\] {
        gap: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
    }

    .gap-\[clamp\(1rem\,0\.5rem_\+_1\.6vw\,1\.5rem\)\] {
        gap: clamp(1rem, 0.5rem + 1.6vw, 1.5rem);
    }

    .gap-\[clamp\(1rem\,0\.5rem_\+_1\.6vw\,2rem\)\] {
        gap: clamp(1rem, 0.5rem + 1.6vw, 2rem);
    }

    .gap-\[clamp\(1rem\,0\.5rem_\+_1vw\,1\.5rem\)\] {
        gap: clamp(1rem, 0.5rem + 1vw, 1.5rem);
    }

    .gap-\[clamp\(1rem\,1\.6vw\,1\.5rem\)\] {
        gap: clamp(1rem, 1.6vw, 1.5rem);
    }

    .gap-\[clamp\(1rem\,1\.8vw\,1\.5rem\)\] {
        gap: clamp(1rem, 1.8vw, 1.5rem);
    }

    .gap-\[clamp\(1rem\,2vw\,1\.5rem\)\] {
        gap: clamp(1rem, 2vw, 1.5rem);
    }

    .gap-\[clamp\(1rem\,3vw\,2\.5rem\)\] {
        gap: clamp(1rem, 3vw, 2.5rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.5rem\+2\.5vw\,4rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 2.5vw, 4rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,3\.5rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 3vw, 3.5rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4\.5rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,5rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 3vw, 5rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.5rem_\+_4vw\,6rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 4vw, 6rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.75rem_\+_2\.5vw\,4rem\)\] {
        gap: clamp(2.5rem, 1.75rem + 2.5vw, 4rem);
    }

    .gap-\[clamp\(2\.5rem\,1\.75rem_\+_2vw\,3\.5rem\)\] {
        gap: clamp(2.5rem, 1.75rem + 2vw, 3.5rem);
    }

    .gap-\[clamp\(2\.5rem\,2rem\+3vw\,5rem\)\] {
        gap: clamp(2.5rem, 2rem + 3vw, 5rem);
    }

    .gap-\[clamp\(2\.5rem\,2rem_\+_2\.5vw\,4\.5rem\)\] {
        gap: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);
    }

    .gap-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        gap: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .gap-\[clamp\(2\.5rem\,2rem_\+_2vw\,4rem\)\] {
        gap: clamp(2.5rem, 2rem + 2vw, 4rem);
    }

    .gap-\[clamp\(2\.5rem\,2rem_\+_3vw\,5rem\)\] {
        gap: clamp(2.5rem, 2rem + 3vw, 5rem);
    }

    .gap-\[clamp\(2\.5rem\,2rem_\+_3vw\,6rem\)\] {
        gap: clamp(2.5rem, 2rem + 3vw, 6rem);
    }

    .gap-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        gap: clamp(2.5rem, 4vw, 3.5rem);
    }

    .gap-\[clamp\(2\.5rem\,4vw\,4rem\)\] {
        gap: clamp(2.5rem, 4vw, 4rem);
    }

    .gap-\[clamp\(2\.5rem\,5vw\,3\.5rem\)\] {
        gap: clamp(2.5rem, 5vw, 3.5rem);
    }

    .gap-\[clamp\(2\.5rem\,5vw\,4rem\)\] {
        gap: clamp(2.5rem, 5vw, 4rem);
    }

    .gap-\[clamp\(2\.5rem\,5vw\,5\.5rem\)\] {
        gap: clamp(2.5rem, 5vw, 5.5rem);
    }

    .gap-\[clamp\(2\.5rem\,5vw\,5rem\)\] {
        gap: clamp(2.5rem, 5vw, 5rem);
    }

    .gap-\[clamp\(2\.5rem\,5vw\,6rem\)\] {
        gap: clamp(2.5rem, 5vw, 6rem);
    }

    .gap-\[clamp\(2\.5rem\,6vh\,4\.5rem\)\] {
        gap: clamp(2.5rem, 6vh, 4.5rem);
    }

    .gap-\[clamp\(2\.5rem\,6vw\,3\.5rem\)\] {
        gap: clamp(2.5rem, 6vw, 3.5rem);
    }

    .gap-\[clamp\(2\.5rem\,6vw\,5rem\)\] {
        gap: clamp(2.5rem, 6vw, 5rem);
    }

    .gap-\[clamp\(2\.5rem\,6vw\,7rem\)\] {
        gap: clamp(2.5rem, 6vw, 7rem);
    }

    .gap-\[clamp\(2\.5rem\,_1\.5rem_\+_4vw\,_4\.5rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
    }

    .gap-\[clamp\(2\.5rem\,_1\.5rem_\+_4vw\,_4rem\)\] {
        gap: clamp(2.5rem, 1.5rem + 4vw, 4rem);
    }

    .gap-\[clamp\(2\.25rem\,1\.5rem_\+_2\.4vw\,3\.5rem\)\] {
        gap: clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem);
    }

    .gap-\[clamp\(2\.25rem\,_1\.5rem_\+_3vw\,_4rem\)\] {
        gap: clamp(2.25rem, 1.5rem + 3vw, 4rem);
    }

    .gap-\[clamp\(2\.75rem\,2rem_\+_2\.5vw\,4\.5rem\)\] {
        gap: clamp(2.75rem, 2rem + 2.5vw, 4.5rem);
    }

    .gap-\[clamp\(2\.75rem\,2rem_\+_2vw\,4rem\)\] {
        gap: clamp(2.75rem, 2rem + 2vw, 4rem);
    }

    .gap-\[clamp\(2rem\,1\.5rem\+1\.5vw\,3rem\)\] {
        gap: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .gap-\[clamp\(2rem\,1\.5rem\+3vw\,4\.5rem\)\] {
        gap: clamp(2rem, 1.5rem + 3vw, 4.5rem);
    }

    .gap-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,2\.75rem\)\] {
        gap: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .gap-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        gap: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .gap-\[clamp\(2rem\,1\.5rem_\+_1\.6vw\,2\.75rem\)\] {
        gap: clamp(2rem, 1.5rem + 1.6vw, 2.75rem);
    }

    .gap-\[clamp\(2rem\,1\.5rem_\+_2vw\,3rem\)\] {
        gap: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .gap-\[clamp\(2rem\,1\.5rem_\+_2vw\,4rem\)\] {
        gap: clamp(2rem, 1.5rem + 2vw, 4rem);
    }

    .gap-\[clamp\(2rem\,1\.25rem_\+_2\.5vw\,3\.5rem\)\] {
        gap: clamp(2rem, 1.25rem + 2.5vw, 3.5rem);
    }

    .gap-\[clamp\(2rem\,1\.25rem_\+_2\.5vw\,3rem\)\] {
        gap: clamp(2rem, 1.25rem + 2.5vw, 3rem);
    }

    .gap-\[clamp\(2rem\,1\.25rem_\+_2vw\,3rem\)\] {
        gap: clamp(2rem, 1.25rem + 2vw, 3rem);
    }

    .gap-\[clamp\(2rem\,1rem\+2vw\,3\.5rem\)\] {
        gap: clamp(2rem, 1rem + 2vw, 3.5rem);
    }

    .gap-\[clamp\(2rem\,1rem\+3vw\,4rem\)\] {
        gap: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .gap-\[clamp\(2rem\,1rem_\+_3vw\,4\.5rem\)\] {
        gap: clamp(2rem, 1rem + 3vw, 4.5rem);
    }

    .gap-\[clamp\(2rem\,1rem_\+_3vw\,4rem\)\] {
        gap: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .gap-\[clamp\(2rem\,4\.2vw\,5rem\)\] {
        gap: clamp(2rem, 4.2vw, 5rem);
    }

    .gap-\[clamp\(2rem\,4\.5vw\,4\.5rem\)\] {
        gap: clamp(2rem, 4.5vw, 4.5rem);
    }

    .gap-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        gap: clamp(2rem, 4vw, 3.5rem);
    }

    .gap-\[clamp\(2rem\,4vw\,3rem\)\] {
        gap: clamp(2rem, 4vw, 3rem);
    }

    .gap-\[clamp\(2rem\,4vw\,4rem\)\] {
        gap: clamp(2rem, 4vw, 4rem);
    }

    .gap-\[clamp\(2rem\,5vw\,4rem\)\] {
        gap: clamp(2rem, 5vw, 4rem);
    }

    .gap-\[clamp\(2rem\,5vw\,5\.5rem\)\] {
        gap: clamp(2rem, 5vw, 5.5rem);
    }

    .gap-\[clamp\(2rem\,_1\.5rem_\+_1\.5vw\,_2\.75rem\)\] {
        gap: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .gap-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5\.5rem\)\] {
        gap: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .gap-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5rem\)\] {
        gap: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .gap-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,6rem\)\] {
        gap: clamp(3.5rem, 2.5rem + 3vw, 6rem);
    }

    .gap-\[clamp\(3\.5rem\,2rem_\+_2\.5vw\,4rem\)\] {
        gap: clamp(3.5rem, 2rem + 2.5vw, 4rem);
    }

    .gap-\[clamp\(3\.5rem\,2rem_\+_4vw\,5rem\)\] {
        gap: clamp(3.5rem, 2rem + 4vw, 5rem);
    }

    .gap-\[clamp\(3\.5rem\,2rem_\+_4vw\,6rem\)\] {
        gap: clamp(3.5rem, 2rem + 4vw, 6rem);
    }

    .gap-\[clamp\(3\.5rem\,2rem_\+_5vw\,6rem\)\] {
        gap: clamp(3.5rem, 2rem + 5vw, 6rem);
    }

    .gap-\[clamp\(3\.5rem\,6vw\,5rem\)\] {
        gap: clamp(3.5rem, 6vw, 5rem);
    }

    .gap-\[clamp\(3\.5rem\,7vw\,6rem\)\] {
        gap: clamp(3.5rem, 7vw, 6rem);
    }

    .gap-\[clamp\(3\.5rem\,7vw\,7rem\)\] {
        gap: clamp(3.5rem, 7vw, 7rem);
    }

    .gap-\[clamp\(3rem\,2rem\+3vw\,5\.5rem\)\] {
        gap: clamp(3rem, 2rem + 3vw, 5.5rem);
    }

    .gap-\[clamp\(3rem\,2rem\+3vw\,5rem\)\] {
        gap: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .gap-\[clamp\(3rem\,2rem\+4vw\,6rem\)\] {
        gap: clamp(3rem, 2rem + 4vw, 6rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\] {
        gap: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_3vw\,4rem\)\] {
        gap: clamp(3rem, 2rem + 3vw, 4rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_3vw\,5\.5rem\)\] {
        gap: clamp(3rem, 2rem + 3vw, 5.5rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        gap: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_4vw\,4\.5rem\)\] {
        gap: clamp(3rem, 2rem + 4vw, 4.5rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_4vw\,5rem\)\] {
        gap: clamp(3rem, 2rem + 4vw, 5rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_4vw\,6\.5rem\)\] {
        gap: clamp(3rem, 2rem + 4vw, 6.5rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_4vw\,6rem\)\] {
        gap: clamp(3rem, 2rem + 4vw, 6rem);
    }

    .gap-\[clamp\(3rem\,2rem_\+_4vw\,7rem\)\] {
        gap: clamp(3rem, 2rem + 4vw, 7rem);
    }

    .gap-\[clamp\(3rem\,5vw\,4rem\)\] {
        gap: clamp(3rem, 5vw, 4rem);
    }

    .gap-\[clamp\(3rem\,6vw\,4\.5rem\)\] {
        gap: clamp(3rem, 6vw, 4.5rem);
    }

    .gap-\[clamp\(3rem\,6vw\,4rem\)\] {
        gap: clamp(3rem, 6vw, 4rem);
    }

    .gap-\[clamp\(3rem\,6vw\,5rem\)\] {
        gap: clamp(3rem, 6vw, 5rem);
    }

    .gap-\[clamp\(3rem\,_2rem_\+_4vw\,_5rem\)\] {
        gap: clamp(3rem, 2rem + 4vw, 5rem);
    }

    .gap-\[clamp\(4\.5rem\,2\.5rem_\+_5vw\,8rem\)\] {
        gap: clamp(4.5rem, 2.5rem + 5vw, 8rem);
    }

    .gap-\[clamp\(4\.5rem\,2\.5rem_\+_6vw\,9rem\)\] {
        gap: clamp(4.5rem, 2.5rem + 6vw, 9rem);
    }

    .gap-\[clamp\(4\.5rem\,3rem\+4vw\,7\.5rem\)\] {
        gap: clamp(4.5rem, 3rem + 4vw, 7.5rem);
    }

    .gap-\[clamp\(4\.5rem\,3rem\+5vw\,8rem\)\] {
        gap: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .gap-\[clamp\(4\.5rem\,3rem_\+_4vw\,7\.5rem\)\] {
        gap: clamp(4.5rem, 3rem + 4vw, 7.5rem);
    }

    .gap-\[clamp\(4\.5rem\,3rem_\+_4vw\,8rem\)\] {
        gap: clamp(4.5rem, 3rem + 4vw, 8rem);
    }

    .gap-\[clamp\(4\.5rem\,3rem_\+_5vw\,8\.5rem\)\] {
        gap: clamp(4.5rem, 3rem + 5vw, 8.5rem);
    }

    .gap-\[clamp\(4\.5rem\,3rem_\+_5vw\,8rem\)\] {
        gap: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .gap-\[clamp\(4\.5rem\,3rem_\+_6vw\,9rem\)\] {
        gap: clamp(4.5rem, 3rem + 6vw, 9rem);
    }

    .gap-\[clamp\(4rem\,2\.5rem\+4vw\,7\.5rem\)\] {
        gap: clamp(4rem, 2.5rem + 4vw, 7.5rem);
    }

    .gap-\[clamp\(4rem\,2\.5rem\+4vw\,7rem\)\] {
        gap: clamp(4rem, 2.5rem + 4vw, 7rem);
    }

    .gap-\[clamp\(4rem\,2\.5rem\+5vw\,8rem\)\] {
        gap: clamp(4rem, 2.5rem + 5vw, 8rem);
    }

    .gap-\[clamp\(4rem\,2\.5rem_\+_4vw\,7rem\)\] {
        gap: clamp(4rem, 2.5rem + 4vw, 7rem);
    }

    .gap-\[clamp\(4rem\,2\.5rem_\+_5vw\,7\.5rem\)\] {
        gap: clamp(4rem, 2.5rem + 5vw, 7.5rem);
    }

    .gap-\[clamp\(4rem\,2\.5rem_\+_5vw\,8rem\)\] {
        gap: clamp(4rem, 2.5rem + 5vw, 8rem);
    }

    .gap-\[clamp\(4rem\,2rem\+5vw\,7rem\)\] {
        gap: clamp(4rem, 2rem + 5vw, 7rem);
    }

    .gap-\[clamp\(4rem\,2rem_\+_4vw\,7rem\)\] {
        gap: clamp(4rem, 2rem + 4vw, 7rem);
    }

    .gap-\[clamp\(4rem\,2rem_\+_5vw\,7\.5rem\)\] {
        gap: clamp(4rem, 2rem + 5vw, 7.5rem);
    }

    .gap-\[clamp\(4rem\,3rem\+3vw\,6\.5rem\)\] {
        gap: clamp(4rem, 3rem + 3vw, 6.5rem);
    }

    .gap-\[clamp\(4rem\,3rem\+3vw\,7rem\)\] {
        gap: clamp(4rem, 3rem + 3vw, 7rem);
    }

    .gap-\[clamp\(4rem\,3rem\+4vw\,7rem\)\] {
        gap: clamp(4rem, 3rem + 4vw, 7rem);
    }

    .gap-\[clamp\(4rem\,3rem_\+_4vw\,5rem\)\] {
        gap: clamp(4rem, 3rem + 4vw, 5rem);
    }

    .gap-\[clamp\(4rem\,3rem_\+_4vw\,7rem\)\] {
        gap: clamp(4rem, 3rem + 4vw, 7rem);
    }

    .gap-\[clamp\(5rem\,3rem\+5vw\,9rem\)\] {
        gap: clamp(5rem, 3rem + 5vw, 9rem);
    }

    .gap-\[clamp\(5rem\,3rem_\+_5vw\,8\.5rem\)\] {
        gap: clamp(5rem, 3rem + 5vw, 8.5rem);
    }

    .gap-\[clamp\(5rem\,3rem_\+_5vw\,9rem\)\] {
        gap: clamp(5rem, 3rem + 5vw, 9rem);
    }

    .gap-\[clamp\(5rem\,3rem_\+_6vw\,9rem\)\] {
        gap: clamp(5rem, 3rem + 6vw, 9rem);
    }

    .gap-\[clamp\(5rem\,9vw\,8rem\)\] {
        gap: clamp(5rem, 9vw, 8rem);
    }

    .gap-px {
        gap: 1px;
    }

    .space-y-0\! {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0 !important;
            margin-block-start: calc(
                calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
            ) !important;
            margin-block-end: calc(
                calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
            ) !important;
        }
    }

    .space-y-1 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-1\.5 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(
                calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
            );
        }
    }

    .space-y-2 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-2\.5 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(
                calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))
            );
        }
    }

    .space-y-3 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-3\.5 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
            margin-block-end: calc(
                calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))
            );
        }
    }

    .space-y-4 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-5 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-6 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-8 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-10 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-11 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 11) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 11) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-12 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-16 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-20 {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .space-y-\[clamp\(4rem\,3rem\+3vw\,6rem\)\] {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(clamp(4rem, 3rem + 3vw, 6rem) * var(--tw-space-y-reverse));
            margin-block-end: calc(
                clamp(4rem, 3rem + 3vw, 6rem) * calc(1 - var(--tw-space-y-reverse))
            );
        }
    }

    .gap-x-\(--award-gap\) {
        column-gap: var(--award-gap);
    }

    .gap-x-\(--custom-gap\) {
        column-gap: var(--custom-gap);
    }

    .gap-x-\(--custom-gutter\) {
        column-gap: var(--custom-gutter);
    }

    .gap-x-\(--custom-process-gap\) {
        column-gap: var(--custom-process-gap);
    }

    .gap-x-\(--custom-ways-gap\) {
        column-gap: var(--custom-ways-gap);
    }

    .gap-x-\(--flow-gap\) {
        column-gap: var(--flow-gap);
    }

    .gap-x-\(--gap-x\) {
        column-gap: var(--gap-x);
    }

    .gap-x-\(--ins-gap\) {
        column-gap: var(--ins-gap);
    }

    .gap-x-\(--leader-gap\) {
        column-gap: var(--leader-gap);
    }

    .gap-x-\(--perk-gap-x\) {
        column-gap: var(--perk-gap-x);
    }

    .gap-x-0 {
        column-gap: calc(var(--spacing) * 0);
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing) * 2);
    }

    .gap-x-2\.5 {
        column-gap: calc(var(--spacing) * 2.5);
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3);
    }

    .gap-x-3\.5 {
        column-gap: calc(var(--spacing) * 3.5);
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }

    .gap-x-4\.5 {
        column-gap: calc(var(--spacing) * 4.5);
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing) * 5);
    }

    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }

    .gap-x-7 {
        column-gap: calc(var(--spacing) * 7);
    }

    .gap-x-8 {
        column-gap: calc(var(--spacing) * 8);
    }

    .gap-x-9 {
        column-gap: calc(var(--spacing) * 9);
    }

    .gap-x-10 {
        column-gap: calc(var(--spacing) * 10);
    }

    .gap-x-11 {
        column-gap: calc(var(--spacing) * 11);
    }

    .gap-x-12 {
        column-gap: calc(var(--spacing) * 12);
    }

    .gap-x-13 {
        column-gap: calc(var(--spacing) * 13);
    }

    .gap-x-14 {
        column-gap: calc(var(--spacing) * 14);
    }

    .gap-x-16 {
        column-gap: calc(var(--spacing) * 16);
    }

    .gap-x-20 {
        column-gap: calc(var(--spacing) * 20);
    }

    .gap-x-24 {
        column-gap: calc(var(--spacing) * 24);
    }

    .gap-x-\[0\.3em\] {
        column-gap: 0.3em;
    }

    .gap-x-\[0\.22em\] {
        column-gap: 0.22em;
    }

    .gap-x-\[4\.5rem\] {
        column-gap: 4.5rem;
    }

    .gap-x-\[30px\] {
        column-gap: 30px;
    }

    .gap-x-\[clamp\(0\.75rem\,0\.25rem_\+_1\.2vw\,1\.5rem\)\] {
        column-gap: clamp(0.75rem, 0.25rem + 1.2vw, 1.5rem);
    }

    .gap-x-\[clamp\(0\.75rem\,0\.25rem_\+_1\.5vw\,1\.5rem\)\] {
        column-gap: clamp(0.75rem, 0.25rem + 1.5vw, 1.5rem);
    }

    .gap-x-\[clamp\(0\.375rem\,0\.1rem_\+_1vw\,1\.25rem\)\] {
        column-gap: clamp(0.375rem, 0.1rem + 1vw, 1.25rem);
    }

    .gap-x-\[clamp\(1\.5rem\,0\.5rem_\+_3vw\,3\.5rem\)\] {
        column-gap: clamp(1.5rem, 0.5rem + 3vw, 3.5rem);
    }

    .gap-x-\[clamp\(1\.5rem\,1rem_\+_2vw\,3rem\)\] {
        column-gap: clamp(1.5rem, 1rem + 2vw, 3rem);
    }

    .gap-x-\[clamp\(1\.5rem\,2\.5vw\,2\.5rem\)\] {
        column-gap: clamp(1.5rem, 2.5vw, 2.5rem);
    }

    .gap-x-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] {
        column-gap: clamp(1.5rem, 3vw, 2.5rem);
    }

    .gap-x-\[clamp\(1\.5rem\,3vw\,2\.75rem\)\] {
        column-gap: clamp(1.5rem, 3vw, 2.75rem);
    }

    .gap-x-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        column-gap: clamp(1.5rem, 3vw, 3rem);
    }

    .gap-x-\[clamp\(1\.5rem\,4vw\,3\.5rem\)\] {
        column-gap: clamp(1.5rem, 4vw, 3.5rem);
    }

    .gap-x-\[clamp\(1\.25rem\,0\.75rem_\+_1\.2vw\,1\.75rem\)\] {
        column-gap: clamp(1.25rem, 0.75rem + 1.2vw, 1.75rem);
    }

    .gap-x-\[clamp\(1\.25rem\,0\.75rem_\+_1\.2vw\,2rem\)\] {
        column-gap: clamp(1.25rem, 0.75rem + 1.2vw, 2rem);
    }

    .gap-x-\[clamp\(1\.25rem\,0\.75rem_\+_1\.5vw\,2rem\)\] {
        column-gap: clamp(1.25rem, 0.75rem + 1.5vw, 2rem);
    }

    .gap-x-\[clamp\(1\.25rem\,2\.5vw\,2\.5rem\)\] {
        column-gap: clamp(1.25rem, 2.5vw, 2.5rem);
    }

    .gap-x-\[clamp\(1\.25rem\,2vw\,1\.75rem\)\] {
        column-gap: clamp(1.25rem, 2vw, 1.75rem);
    }

    .gap-x-\[clamp\(1\.25rem\,3vw\,2\.5rem\)\] {
        column-gap: clamp(1.25rem, 3vw, 2.5rem);
    }

    .gap-x-\[clamp\(1\.25rem\,3vw\,3rem\)\] {
        column-gap: clamp(1.25rem, 3vw, 3rem);
    }

    .gap-x-\[clamp\(1\.125rem\,_4cqi\,_1\.75rem\)\] {
        column-gap: clamp(1.125rem, 4cqi, 1.75rem);
    }

    .gap-x-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.5rem\)\] {
        column-gap: clamp(1rem, 0.5rem + 1.5vw, 1.5rem);
    }

    .gap-x-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.75rem\)\] {
        column-gap: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
    }

    .gap-x-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,2rem\)\] {
        column-gap: clamp(1rem, 0.5rem + 1.5vw, 2rem);
    }

    .gap-x-\[clamp\(1rem\,0\.5rem_\+_1vw\,1\.5rem\)\] {
        column-gap: clamp(1rem, 0.5rem + 1vw, 1.5rem);
    }

    .gap-x-\[clamp\(1rem\,2\.5vw\,2\.25rem\)\] {
        column-gap: clamp(1rem, 2.5vw, 2.25rem);
    }

    .gap-x-\[clamp\(1rem\,2vw\,1\.5rem\)\] {
        column-gap: clamp(1rem, 2vw, 1.5rem);
    }

    .gap-x-\[clamp\(1rem\,2vw\,1\.75rem\)\] {
        column-gap: clamp(1rem, 2vw, 1.75rem);
    }

    .gap-x-\[clamp\(1rem\,3vw\,3rem\)\] {
        column-gap: clamp(1rem, 3vw, 3rem);
    }

    .gap-x-\[clamp\(1rem\,4vw\,4rem\)\] {
        column-gap: clamp(1rem, 4vw, 4rem);
    }

    .gap-x-\[clamp\(1rem\,_0\.5rem_\+_1\.4vw\,_1\.75rem\)\] {
        column-gap: clamp(1rem, 0.5rem + 1.4vw, 1.75rem);
    }

    .gap-x-\[clamp\(1rem\,_6cqi\,_2\.5rem\)\] {
        column-gap: clamp(1rem, 6cqi, 2.5rem);
    }

    .gap-x-\[clamp\(2\.5rem\,1rem\+4vw\,5rem\)\] {
        column-gap: clamp(2.5rem, 1rem + 4vw, 5rem);
    }

    .gap-x-\[clamp\(2\.5rem\,1rem\+4vw\,6rem\)\] {
        column-gap: clamp(2.5rem, 1rem + 4vw, 6rem);
    }

    .gap-x-\[clamp\(2\.5rem\,4vw\,4\.5rem\)\] {
        column-gap: clamp(2.5rem, 4vw, 4.5rem);
    }

    .gap-x-\[clamp\(2\.5rem\,4vw\,4rem\)\] {
        column-gap: clamp(2.5rem, 4vw, 4rem);
    }

    .gap-x-\[clamp\(2\.5rem\,5vw\,5\.5rem\)\] {
        column-gap: clamp(2.5rem, 5vw, 5.5rem);
    }

    .gap-x-\[clamp\(2\.5rem\,5vw\,5rem\)\] {
        column-gap: clamp(2.5rem, 5vw, 5rem);
    }

    .gap-x-\[clamp\(2\.5rem\,6vw\,6rem\)\] {
        column-gap: clamp(2.5rem, 6vw, 6rem);
    }

    .gap-x-\[clamp\(2\.5rem\,6vw\,7rem\)\] {
        column-gap: clamp(2.5rem, 6vw, 7rem);
    }

    .gap-x-\[clamp\(2rem\,1rem\+3vw\,4\.5rem\)\] {
        column-gap: clamp(2rem, 1rem + 3vw, 4.5rem);
    }

    .gap-x-\[clamp\(2rem\,1rem\+3vw\,4rem\)\] {
        column-gap: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .gap-x-\[clamp\(2rem\,1rem_\+_2\.6vw\,3\.5rem\)\] {
        column-gap: clamp(2rem, 1rem + 2.6vw, 3.5rem);
    }

    .gap-x-\[clamp\(2rem\,1rem_\+_3vw\,4\.5rem\)\] {
        column-gap: clamp(2rem, 1rem + 3vw, 4.5rem);
    }

    .gap-x-\[clamp\(2rem\,1rem_\+_3vw\,4rem\)\] {
        column-gap: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .gap-x-\[clamp\(2rem\,4\.4vw\,4rem\)\] {
        column-gap: clamp(2rem, 4.4vw, 4rem);
    }

    .gap-x-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        column-gap: clamp(2rem, 4vw, 3.5rem);
    }

    .gap-x-\[clamp\(2rem\,4vw\,4rem\)\] {
        column-gap: clamp(2rem, 4vw, 4rem);
    }

    .gap-x-\[clamp\(2rem\,5vw\,4\.5rem\)\] {
        column-gap: clamp(2rem, 5vw, 4.5rem);
    }

    .gap-x-\[clamp\(2rem\,5vw\,5rem\)\] {
        column-gap: clamp(2rem, 5vw, 5rem);
    }

    .gap-x-\[clamp\(2rem\,6vw\,6rem\)\] {
        column-gap: clamp(2rem, 6vw, 6rem);
    }

    .gap-x-\[clamp\(2rem\,_4vw\,_3\.5rem\)\] {
        column-gap: clamp(2rem, 4vw, 3.5rem);
    }

    .gap-x-\[clamp\(3rem\,1rem\+5vw\,6rem\)\] {
        column-gap: clamp(3rem, 1rem + 5vw, 6rem);
    }

    .gap-x-\[clamp\(3rem\,1rem\+5vw\,7rem\)\] {
        column-gap: clamp(3rem, 1rem + 5vw, 7rem);
    }

    .gap-x-\[clamp\(3rem\,1rem\+6vw\,8rem\)\] {
        column-gap: clamp(3rem, 1rem + 6vw, 8rem);
    }

    .gap-x-\[clamp\(3rem\,1rem_\+_4vw\,5\.5rem\)\] {
        column-gap: clamp(3rem, 1rem + 4vw, 5.5rem);
    }

    .gap-x-\[clamp\(3rem\,1rem_\+_5vw\,6\.5rem\)\] {
        column-gap: clamp(3rem, 1rem + 5vw, 6.5rem);
    }

    .gap-x-\[clamp\(3rem\,1rem_\+_5vw\,6rem\)\] {
        column-gap: clamp(3rem, 1rem + 5vw, 6rem);
    }

    .gap-x-\[clamp\(3rem\,1rem_\+_5vw\,7rem\)\] {
        column-gap: clamp(3rem, 1rem + 5vw, 7rem);
    }

    .gap-x-\[clamp\(3rem\,1rem_\+_6vw\,7rem\)\] {
        column-gap: clamp(3rem, 1rem + 6vw, 7rem);
    }

    .gap-x-\[clamp\(3rem\,1rem_\+_6vw\,8rem\)\] {
        column-gap: clamp(3rem, 1rem + 6vw, 8rem);
    }

    .gap-x-\[clamp\(3rem\,2rem_\+_4vw\,6rem\)\] {
        column-gap: clamp(3rem, 2rem + 4vw, 6rem);
    }

    .gap-x-\[clamp\(3rem\,5vw\,5rem\)\] {
        column-gap: clamp(3rem, 5vw, 5rem);
    }

    .gap-x-\[clamp\(3rem\,6vw\,6rem\)\] {
        column-gap: clamp(3rem, 6vw, 6rem);
    }

    .gap-x-\[clamp\(3rem\,6vw\,7rem\)\] {
        column-gap: clamp(3rem, 6vw, 7rem);
    }

    .gap-x-\[clamp\(3rem\,6vw\,8rem\)\] {
        column-gap: clamp(3rem, 6vw, 8rem);
    }

    .gap-x-\[clamp\(3rem\,7vw\,7rem\)\] {
        column-gap: clamp(3rem, 7vw, 7rem);
    }

    .gap-x-\[clamp\(3rem\,7vw\,8rem\)\] {
        column-gap: clamp(3rem, 7vw, 8rem);
    }

    .gap-x-\[clamp\(3rem\,8vw\,8rem\)\] {
        column-gap: clamp(3rem, 8vw, 8rem);
    }

    .gap-x-\[clamp\(4rem\,1rem_\+_6vw\,7\.5rem\)\] {
        column-gap: clamp(4rem, 1rem + 6vw, 7.5rem);
    }

    .gap-x-\[clamp\(4rem\,1rem_\+_7vw\,8rem\)\] {
        column-gap: clamp(4rem, 1rem + 7vw, 8rem);
    }

    .gap-y-\(--custom-gap\) {
        row-gap: var(--custom-gap);
    }

    .gap-y-\(--custom-head-space\) {
        row-gap: var(--custom-head-space);
    }

    .gap-y-\(--flow-drop\) {
        row-gap: var(--flow-drop);
    }

    .gap-y-\(--footer-acc-gap\) {
        row-gap: var(--footer-acc-gap);
    }

    .gap-y-\(--gap-y\) {
        row-gap: var(--gap-y);
    }

    .gap-y-\(--perk-gap-y\) {
        row-gap: var(--perk-gap-y);
    }

    .gap-y-0 {
        row-gap: calc(var(--spacing) * 0);
    }

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing) * 0.5);
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1);
    }

    .gap-y-1\.5 {
        row-gap: calc(var(--spacing) * 1.5);
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }

    .gap-y-2\.5 {
        row-gap: calc(var(--spacing) * 2.5);
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }

    .gap-y-3\.5 {
        row-gap: calc(var(--spacing) * 3.5);
    }

    .gap-y-4 {
        row-gap: calc(var(--spacing) * 4);
    }

    .gap-y-5 {
        row-gap: calc(var(--spacing) * 5);
    }

    .gap-y-5\.5 {
        row-gap: calc(var(--spacing) * 5.5);
    }

    .gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
    }

    .gap-y-7 {
        row-gap: calc(var(--spacing) * 7);
    }

    .gap-y-8 {
        row-gap: calc(var(--spacing) * 8);
    }

    .gap-y-9 {
        row-gap: calc(var(--spacing) * 9);
    }

    .gap-y-10 {
        row-gap: calc(var(--spacing) * 10);
    }

    .gap-y-11 {
        row-gap: calc(var(--spacing) * 11);
    }

    .gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
    }

    .gap-y-14 {
        row-gap: calc(var(--spacing) * 14);
    }

    .gap-y-16 {
        row-gap: calc(var(--spacing) * 16);
    }

    .gap-y-20 {
        row-gap: calc(var(--spacing) * 20);
    }

    .gap-y-\[0\.25em\] {
        row-gap: 0.25em;
    }

    .gap-y-\[clamp\(1\.5rem\,3vw\,2\.25rem\)\] {
        row-gap: clamp(1.5rem, 3vw, 2.25rem);
    }

    .gap-y-\[clamp\(1\.75rem\,1rem\+1\.6vw\,2\.75rem\)\] {
        row-gap: clamp(1.75rem, 1rem + 1.6vw, 2.75rem);
    }

    .gap-y-\[clamp\(1\.75rem\,1rem_\+_2vw\,2\.5rem\)\] {
        row-gap: clamp(1.75rem, 1rem + 2vw, 2.5rem);
    }

    .gap-y-\[clamp\(1\.75rem\,1rem_\+_2vw\,3rem\)\] {
        row-gap: clamp(1.75rem, 1rem + 2vw, 3rem);
    }

    .gap-y-\[clamp\(2\.5rem\,1\.5rem_\+_2\.5vw\,3\.5rem\)\] {
        row-gap: clamp(2.5rem, 1.5rem + 2.5vw, 3.5rem);
    }

    .gap-y-\[clamp\(2\.5rem\,2rem_\+_1\.5vw\,3\.5rem\)\] {
        row-gap: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .gap-y-\[clamp\(2\.5rem\,2rem_\+_1vw\,3rem\)\] {
        row-gap: clamp(2.5rem, 2rem + 1vw, 3rem);
    }

    .gap-y-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        row-gap: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .gap-y-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        row-gap: clamp(2.5rem, 4vw, 3.5rem);
    }

    .gap-y-\[clamp\(2\.5rem\,_2rem_\+_1\.6vw\,_3\.5rem\)\] {
        row-gap: clamp(2.5rem, 2rem + 1.6vw, 3.5rem);
    }

    .gap-y-\[clamp\(2\.25rem\,_1\.5rem_\+_2vw\,_3\.5rem\)\] {
        row-gap: clamp(2.25rem, 1.5rem + 2vw, 3.5rem);
    }

    .gap-y-\[clamp\(2\.75rem\,2rem_\+_2vw\,3\.5rem\)\] {
        row-gap: clamp(2.75rem, 2rem + 2vw, 3.5rem);
    }

    .gap-y-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,2\.5rem\)\] {
        row-gap: clamp(2rem, 1.5rem + 1.5vw, 2.5rem);
    }

    .gap-y-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,2\.75rem\)\] {
        row-gap: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .gap-y-\[clamp\(2rem\,1\.5rem_\+_1vw\,2\.75rem\)\] {
        row-gap: clamp(2rem, 1.5rem + 1vw, 2.75rem);
    }

    .gap-y-\[clamp\(2rem\,1\.5rem_\+_2vw\,3\.5rem\)\] {
        row-gap: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .gap-y-\[clamp\(2rem\,1\.5rem_\+_2vw\,3rem\)\] {
        row-gap: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .gap-y-\[clamp\(2rem\,1rem_\+_2\.5vw\,3rem\)\] {
        row-gap: clamp(2rem, 1rem + 2.5vw, 3rem);
    }

    .gap-y-\[clamp\(2rem\,4vw\,3rem\)\] {
        row-gap: clamp(2rem, 4vw, 3rem);
    }

    .gap-y-\[clamp\(3\.5rem\,2\.5rem\+3vw\,6rem\)\] {
        row-gap: clamp(3.5rem, 2.5rem + 3vw, 6rem);
    }

    .gap-y-\[clamp\(3\.5rem\,2\.5rem_\+_2vw\,4\.5rem\)\] {
        row-gap: clamp(3.5rem, 2.5rem + 2vw, 4.5rem);
    }

    .gap-y-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5\.5rem\)\] {
        row-gap: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .gap-y-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5rem\)\] {
        row-gap: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .gap-y-\[clamp\(3\.5rem\,2rem_\+_5vw\,5rem\)\] {
        row-gap: clamp(3.5rem, 2rem + 5vw, 5rem);
    }

    .gap-y-\[clamp\(3rem\,2\.5rem_\+_1\.5vw\,4\.5rem\)\] {
        row-gap: clamp(3rem, 2.5rem + 1.5vw, 4.5rem);
    }

    .gap-y-\[clamp\(3rem\,2rem\+3vw\,5\.5rem\)\] {
        row-gap: clamp(3rem, 2rem + 3vw, 5.5rem);
    }

    .gap-y-\[clamp\(3rem\,2rem\+4vw\,7rem\)\] {
        row-gap: clamp(3rem, 2rem + 4vw, 7rem);
    }

    .gap-y-\[clamp\(3rem\,2rem_\+_2\.5vw\,4\.5rem\)\] {
        row-gap: clamp(3rem, 2rem + 2.5vw, 4.5rem);
    }

    .gap-y-\[clamp\(3rem\,2rem_\+_2vw\,4rem\)\] {
        row-gap: clamp(3rem, 2rem + 2vw, 4rem);
    }

    .gap-y-\[clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\] {
        row-gap: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .gap-y-\[clamp\(3rem\,2rem_\+_4vw\,4\.5rem\)\] {
        row-gap: clamp(3rem, 2rem + 4vw, 4.5rem);
    }

    .gap-y-\[clamp\(4\.5rem\,3rem_\+_4vw\,6rem\)\] {
        row-gap: clamp(4.5rem, 3rem + 4vw, 6rem);
    }

    .gap-y-\[clamp\(4rem\,3rem\+3vw\,6rem\)\] {
        row-gap: clamp(4rem, 3rem + 3vw, 6rem);
    }

    .gap-y-\[clamp\(5rem\,3\.5rem\+5vw\,8rem\)\] {
        row-gap: clamp(5rem, 3.5rem + 5vw, 8rem);
    }

    .divide-x {
        :where(& > :not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
        }
    }

    .divide-y {
        :where(& > :not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(1px * var(--tw-divide-y-reverse));
            border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        }
    }

    .divide-\(--color-border\) {
        :where(& > :not(:last-child)) {
            border-color: var(--color-border);
        }
    }

    .divide-\[var\(--color-border\)\] {
        :where(& > :not(:last-child)) {
            border-color: var(--color-border);
        }
    }

    .divide-\[var\(--color-border-soft\)\] {
        :where(& > :not(:last-child)) {
            border-color: var(--color-border-soft);
        }
    }

    .divide-white\/10 {
        :where(& > :not(:last-child)) {
            border-color: #ffffff1a;

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
            }
        }
    }

    .divide-white\/15 {
        :where(& > :not(:last-child)) {
            border-color: #ffffff26;

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
            }
        }
    }

    .\[align-self\:end\] {
        align-self: end;
    }

    .\[align-self\:start\] {
        align-self: start;
    }

    .self-center {
        align-self: center;
    }

    .self-end {
        align-self: flex-end;
    }

    .self-start {
        align-self: flex-start;
    }

    .self-stretch {
        align-self: stretch;
    }

    .\[justify-self\:center\] {
        justify-self: center;
    }

    .\[justify-self\:end\] {
        justify-self: end;
    }

    .\[justify-self\:start\] {
        justify-self: start;
    }

    .\[justify-self\:stretch\] {
        justify-self: stretch;
    }

    .justify-self-center {
        justify-self: center;
    }

    .justify-self-end {
        justify-self: flex-end;
    }

    .justify-self-start {
        justify-self: flex-start;
    }

    .justify-self-stretch {
        justify-self: stretch;
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .overflow-clip {
        overflow: clip;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .overflow-visible {
        overflow: visible;
    }

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

    .overflow-x-auto {
        overflow-x: auto;
    }

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

    .overflow-x-visible {
        overflow-x: visible;
    }

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

    .overflow-y-clip {
        overflow-y: clip;
    }

    .\!rounded-2xl {
        border-radius: var(--radius-2xl) !important;
    }

    .\!rounded-xl {
        border-radius: var(--radius-xl) !important;
    }

    .rounded {
        border-radius: 0.25rem;
    }

    .rounded-\(--custom-calc-radius\) {
        border-radius: var(--custom-calc-radius);
    }

    .rounded-\(--custom-card-r\) {
        border-radius: var(--custom-card-r);
    }

    .rounded-\(--custom-card-radius\) {
        border-radius: var(--custom-card-radius);
    }

    .rounded-\(--custom-hero-radius\) {
        border-radius: var(--custom-hero-radius);
    }

    .rounded-\(--custom-mark-radius\) {
        border-radius: var(--custom-mark-radius);
    }

    .rounded-\(--custom-player-art-radius\) {
        border-radius: var(--custom-player-art-radius);
    }

    .rounded-\(--custom-r\) {
        border-radius: var(--custom-r);
    }

    .rounded-\(--custom-radius\) {
        border-radius: var(--custom-radius);
    }

    .rounded-\(--custom-radius-art\) {
        border-radius: var(--custom-radius-art);
    }

    .rounded-\(--custom-radius-card\) {
        border-radius: var(--custom-radius-card);
    }

    .rounded-\(--custom-radius-frame\) {
        border-radius: var(--custom-radius-frame);
    }

    .rounded-\(--custom-radius-panel\) {
        border-radius: var(--custom-radius-panel);
    }

    .rounded-\(--custom-radius-photo\) {
        border-radius: var(--custom-radius-photo);
    }

    .rounded-\(--custom-radius-stage\) {
        border-radius: var(--custom-radius-stage);
    }

    .rounded-\(--custom-radius-tile\) {
        border-radius: var(--custom-radius-tile);
    }

    .rounded-\(--custom-radius-ui\) {
        border-radius: var(--custom-radius-ui);
    }

    .rounded-\(--custom-radius-well\) {
        border-radius: var(--custom-radius-well);
    }

    .rounded-\(--custom-stage-r\) {
        border-radius: var(--custom-stage-r);
    }

    .rounded-\(--custom-stage-radius\) {
        border-radius: var(--custom-stage-radius);
    }

    .rounded-\(--radius-2xl\) {
        border-radius: var(--radius-2xl);
    }

    .rounded-\(--radius-lg\) {
        border-radius: var(--radius-lg);
    }

    .rounded-\(--radius-md\) {
        border-radius: var(--radius-md);
    }

    .rounded-\(--radius-sm\) {
        border-radius: var(--radius-sm);
    }

    .rounded-\(--radius-xl\) {
        border-radius: var(--radius-xl);
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl);
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl);
    }

    .rounded-20 {
        border-radius: var(--radius-20);
    }

    .rounded-28 {
        border-radius: var(--radius-28);
    }

    .rounded-40 {
        border-radius: var(--radius-40);
    }

    .rounded-\[12px\] {
        border-radius: 12px;
    }

    .rounded-\[20\%\] {
        border-radius: 20%;
    }

    .rounded-\[30\%\] {
        border-radius: 30%;
    }

    .rounded-\[calc\(0\.25rem_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(0.25rem * var(--radius-scale));
    }

    .rounded-\[calc\(0\.125rem_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(0.125rem * var(--radius-scale));
    }

    .rounded-\[calc\(0\.375rem_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(0.375rem * var(--radius-scale));
    }

    .rounded-\[calc\(0\.1875rem_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(0.1875rem * var(--radius-scale));
    }

    .rounded-\[calc\(1\.1rem\*var\(--radius-scale\)\)\] {
        border-radius: calc(1.1rem * var(--radius-scale));
    }

    .rounded-\[calc\(1\.5rem\*var\(--radius-scale\)\)\] {
        border-radius: calc(1.5rem * var(--radius-scale));
    }

    .rounded-\[calc\(1\.25rem\*var\(--radius-scale\)\)\] {
        border-radius: calc(1.25rem * var(--radius-scale));
    }

    .rounded-\[calc\(1\.0625rem_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(1.0625rem * var(--radius-scale));
    }

    .rounded-\[calc\(1\.3333rem_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(1.3333rem * var(--radius-scale));
    }

    .rounded-\[calc\(1rem\*var\(--radius-scale\)\)\] {
        border-radius: calc(1rem * var(--radius-scale));
    }

    .rounded-\[calc\(7cqi_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(7cqi * var(--radius-scale));
    }

    .rounded-\[calc\(8cqi_\*_var\(--radius-scale\)\)\] {
        border-radius: calc(8cqi * var(--radius-scale));
    }

    .rounded-\[calc\(var\(--custom-card-radius\)-0\.75rem\)\] {
        border-radius: calc(var(--custom-card-radius) - 0.75rem);
    }

    .rounded-\[calc\(var\(--custom-stage-radius\)_-_var\(--card-pad\)\)\] {
        border-radius: calc(var(--custom-stage-radius) - var(--card-pad));
    }

    .rounded-\[calc\(var\(--device-radius\)-var\(--device-bezel\)\)\] {
        border-radius: calc(var(--device-radius) - var(--device-bezel));
    }

    .rounded-\[calc\(var\(--radius-2xl\)_\+_0\.4rem\)\] {
        border-radius: calc(var(--radius-2xl) + 0.4rem);
    }

    .rounded-\[calc\(var\(--radius-card\)-0\.375rem\)\] {
        border-radius: calc(var(--radius-card) - 0.375rem);
    }

    .rounded-\[calc\(var\(--radius-xl\)_-_0\.5rem\)\] {
        border-radius: calc(var(--radius-xl) - 0.5rem);
    }

    .rounded-\[calc\(var\(--radius-xl\)_-_0\.375rem\)\] {
        border-radius: calc(var(--radius-xl) - 0.375rem);
    }

    .rounded-\[inherit\] {
        border-radius: inherit;
    }

    .rounded-\[max\(0px\,_var\(--radius-xl\)_-_var\(--roi-inset\)\)\] {
        border-radius: max(0px, var(--radius-xl) - var(--roi-inset));
    }

    .rounded-\[var\(--radius-2xl\)\] {
        border-radius: var(--radius-2xl);
    }

    .rounded-\[var\(--radius-xl\)\] {
        border-radius: var(--radius-xl);
    }

    .rounded-full {
        border-radius: 3.40282e38px;
    }

    .rounded-full\! {
        border-radius: 3.40282e38px !important;
    }

    .rounded-lg {
        border-radius: var(--radius-lg);
    }

    .rounded-md {
        border-radius: var(--radius-md);
    }

    .rounded-none {
        border-radius: 0;
    }

    .rounded-pill {
        border-radius: var(--radius-pill);
    }

    .rounded-sm {
        border-radius: var(--radius-sm);
    }

    .rounded-xl {
        border-radius: var(--radius-xl);
    }

    .rounded-xs {
        border-radius: var(--radius-xs);
    }

    .rounded-ss-\(--custom-radius\) {
        border-start-start-radius: var(--custom-radius);
    }

    .rounded-se-\(--custom-radius\) {
        border-start-end-radius: var(--custom-radius);
    }

    .rounded-ee-\(--custom-radius\) {
        border-end-end-radius: var(--custom-radius);
    }

    .rounded-es-\(--custom-radius\) {
        border-end-start-radius: var(--custom-radius);
    }

    .rounded-t-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl);
    }

    .rounded-t-\[2\.1rem\] {
        border-top-left-radius: 2.1rem;
        border-top-right-radius: 2.1rem;
    }

    .rounded-t-\[2\.75rem\] {
        border-top-left-radius: 2.75rem;
        border-top-right-radius: 2.75rem;
    }

    .rounded-t-\[var\(--radius-2xl\)\] {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
    }

    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .rounded-l-pill {
        border-top-left-radius: var(--radius-pill);
        border-bottom-left-radius: var(--radius-pill);
    }

    .rounded-r-pill {
        border-top-right-radius: var(--radius-pill);
        border-bottom-right-radius: var(--radius-pill);
    }

    .rounded-b-40 {
        border-bottom-right-radius: var(--radius-40);
        border-bottom-left-radius: var(--radius-40);
    }

    .rounded-b-xl {
        border-bottom-right-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }

    .rounded-br-md {
        border-bottom-right-radius: var(--radius-md);
    }

    .rounded-bl-md {
        border-bottom-left-radius: var(--radius-md);
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

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

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }

    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px;
    }

    .border-\[3px\] {
        border-style: var(--tw-border-style);
        border-width: 3px;
    }

    .border-\[4px\] {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }

    .border-\[7px\] {
        border-style: var(--tw-border-style);
        border-width: 7px;
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
    }

    .border-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px;
    }

    .border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }

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

    .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

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

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }

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

    .border-l-2 {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed;
    }

    .border-dotted {
        --tw-border-style: dotted;
        border-style: dotted;
    }

    .border-none {
        --tw-border-style: none;
        border-style: none;
    }

    .border-\(--color-bg\) {
        border-color: var(--color-bg);
    }

    .border-\(--color-border\) {
        border-color: var(--color-border);
    }

    .border-\(--color-border-soft\) {
        border-color: var(--color-border-soft);
    }

    .border-\(--color-on-primary\)\/25 {
        border-color: var(--color-on-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-on-primary) 25%, transparent);
        }
    }

    .border-\(--color-primary\) {
        border-color: var(--color-primary);
    }

    .border-\(--color-surface\) {
        border-color: var(--color-surface);
    }

    .border-\(--color-text\) {
        border-color: var(--color-text);
    }

    .border-\(--custom-card-bg\) {
        border-color: var(--custom-card-bg);
    }

    .border-\(--custom-hair\) {
        border-color: var(--custom-hair);
    }

    .border-\(--custom-hairline\) {
        border-color: var(--custom-hairline);
    }

    .border-\(--custom-ink\) {
        border-color: var(--custom-ink);
    }

    .border-\(--custom-ink-line\) {
        border-color: var(--custom-ink-line);
    }

    .border-\(--custom-ink-rule\) {
        border-color: var(--custom-ink-rule);
    }

    .border-\(--custom-line\) {
        border-color: var(--custom-line);
    }

    .border-\(--custom-line-dark\) {
        border-color: var(--custom-line-dark);
    }

    .border-\(--custom-line-deep\) {
        border-color: var(--custom-line-deep);
    }

    .border-\(--custom-line-ink\) {
        border-color: var(--custom-line-ink);
    }

    .border-\(--custom-line-strong\) {
        border-color: var(--custom-line-strong);
    }

    .border-\(--custom-night\) {
        border-color: var(--custom-night);
    }

    .border-\(--custom-on-deep\) {
        border-color: var(--custom-on-deep);
    }

    .border-\(--custom-panel-line\) {
        border-color: var(--custom-panel-line);
    }

    .border-\(--custom-pop\) {
        border-color: var(--custom-pop);
    }

    .border-\(--custom-primary\) {
        border-color: var(--custom-primary);
    }

    .border-\(--custom-rule\) {
        border-color: var(--custom-rule);
    }

    .border-\(--footer-rule\) {
        border-color: var(--footer-rule);
    }

    .border-\(--impact-bg\) {
        border-color: var(--impact-bg);
    }

    .border-\(color\:--custom-hair\) {
        border-color: var(--custom-hair);
    }

    .border-\[color-mix\(in_srgb\,var\(--color-primary\)_14\%\,transparent\)\] {
        border-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-primary) 14%, transparent);
        }
    }

    .border-\[color-mix\(in_srgb\,var\(--color-primary\)_18\%\,transparent\)\] {
        border-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
        }
    }

    .border-\[var\(--color-border\)\] {
        border-color: var(--color-border);
    }

    .border-\[var\(--color-primary\)\] {
        border-color: var(--color-primary);
    }

    .border-\[var\(--color-primary-300\)\] {
        border-color: var(--color-primary-300);
    }

    .border-\[var\(--color-text\)\] {
        border-color: var(--color-text);
    }

    .border-\[var\(--footer-rule\)\] {
        border-color: var(--footer-rule);
    }

    .border-black\/10 {
        border-color: #0000001a;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
    }

    .border-black\/\[0\.06\] {
        border-color: #0000000f;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
        }
    }

    .border-current {
        border-color: currentColor;
    }

    .border-current\/25 {
        border-color: currentColor;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, currentcolor 25%, transparent);
        }
    }

    .border-default {
        border-color: var(--color-border);
    }

    .border-on-primary\/40 {
        border-color: var(--color-on-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-on-primary) 40%, transparent);
        }
    }

    .border-primary {
        border-color: var(--color-primary);
    }

    .border-primary-300 {
        border-color: var(--color-primary-300);
    }

    .border-primary\/40 {
        border-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
        }
    }

    .border-soft {
        border-color: var(--color-border-soft);
    }

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

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

    .border-white\/10 {
        border-color: #ffffff1a;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .border-white\/12 {
        border-color: #ffffff1f;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
        }
    }

    .border-white\/14 {
        border-color: #ffffff24;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
        }
    }

    .border-white\/15 {
        border-color: #ffffff26;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
    }

    .border-white\/16 {
        border-color: #ffffff29;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 16%, transparent);
        }
    }

    .border-white\/20 {
        border-color: #fff3;

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

    .border-white\/22 {
        border-color: #ffffff38;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 22%, transparent);
        }
    }

    .border-white\/25 {
        border-color: #ffffff40;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .border-white\/30 {
        border-color: #ffffff4d;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
    }

    .border-white\/35 {
        border-color: #ffffff59;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
        }
    }

    .border-white\/40 {
        border-color: #fff6;

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

    .border-white\/50 {
        border-color: #ffffff80;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }

    .border-white\/60 {
        border-color: #fff9;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
    }

    .border-white\/\[0\.08\] {
        border-color: #ffffff14;

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
    }

    .border-s-\(--custom-hair\) {
        border-inline-start-color: var(--custom-hair);
    }

    .border-s-\(--custom-line\) {
        border-inline-start-color: var(--custom-line);
    }

    .border-s-\(--custom-line-ink\) {
        border-inline-start-color: var(--custom-line-ink);
    }

    .border-e-\(--custom-line\) {
        border-inline-end-color: var(--custom-line);
    }

    .border-t-\(--color-border\) {
        border-top-color: var(--color-border);
    }

    .border-t-\(--color-border-soft\) {
        border-top-color: var(--color-border-soft);
    }

    .border-t-\(--color-text\) {
        border-top-color: var(--color-text);
    }

    .border-t-\(--custom-draw\) {
        border-top-color: var(--custom-draw);
    }

    .border-t-\(--custom-hair\) {
        border-top-color: var(--custom-hair);
    }

    .border-t-\(--custom-ink-line\) {
        border-top-color: var(--custom-ink-line);
    }

    .border-t-\(--custom-line\) {
        border-top-color: var(--custom-line);
    }

    .border-t-\(--custom-line-dark\) {
        border-top-color: var(--custom-line-dark);
    }

    .border-t-\(--custom-line-ink\) {
        border-top-color: var(--custom-line-ink);
    }

    .border-t-\(--custom-panel-line\) {
        border-top-color: var(--custom-panel-line);
    }

    .border-t-\(--custom-svc-line\) {
        border-top-color: var(--custom-svc-line);
    }

    .border-t-\(--footer-rule\) {
        border-top-color: var(--footer-rule);
    }

    .border-t-\(--impact-rule\) {
        border-top-color: var(--impact-rule);
    }

    .border-t-\(--mini-ui-line\) {
        border-top-color: var(--mini-ui-line);
    }

    .border-t-white\/10 {
        border-top-color: #ffffff1a;

        @supports (color: color-mix(in lab, red, red)) {
            border-top-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .border-r-\(--color-border\) {
        border-right-color: var(--color-border);
    }

    .border-b-\(--color-border\) {
        border-bottom-color: var(--color-border);
    }

    .border-b-\(--color-border-soft\) {
        border-bottom-color: var(--color-border-soft);
    }

    .border-b-\(--color-text\) {
        border-bottom-color: var(--color-text);
    }

    .border-b-\(--custom-hair\) {
        border-bottom-color: var(--custom-hair);
    }

    .border-b-\(--custom-line\) {
        border-bottom-color: var(--custom-line);
    }

    .border-b-\(--custom-line-dark\) {
        border-bottom-color: var(--custom-line-dark);
    }

    .border-b-\(--custom-line-ink\) {
        border-bottom-color: var(--custom-line-ink);
    }

    .border-b-\(--custom-svc-line\) {
        border-bottom-color: var(--custom-svc-line);
    }

    .border-b-\(--footer-rule\) {
        border-bottom-color: var(--footer-rule);
    }

    .border-b-\(--mini-ui-line\) {
        border-bottom-color: var(--mini-ui-line);
    }

    .border-b-white\/30 {
        border-bottom-color: #ffffff4d;

        @supports (color: color-mix(in lab, red, red)) {
            border-bottom-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
    }

    .border-l-\(--color-border\) {
        border-left-color: var(--color-border);
    }

    .border-l-\(--custom-hair\) {
        border-left-color: var(--custom-hair);
    }

    .border-l-\(--custom-line\) {
        border-left-color: var(--custom-line);
    }

    .border-l-current {
        border-left-color: currentColor;
    }

    .bg-\(--aurora-1\) {
        background-color: var(--aurora-1);
    }

    .bg-\(--brand\) {
        background-color: var(--brand);
    }

    .bg-\(--color-accent\) {
        background-color: var(--color-accent);
    }

    .bg-\(--color-accent-base\) {
        background-color: var(--color-accent-base);
    }

    .bg-\(--color-bg\) {
        background-color: var(--color-bg);
    }

    .bg-\(--color-bg-muted\) {
        background-color: var(--color-bg-muted);
    }

    .bg-\(--color-bg-soft\) {
        background-color: var(--color-bg-soft);
    }

    .bg-\(--color-border\) {
        background-color: var(--color-border);
    }

    .bg-\(--color-dark\) {
        background-color: var(--color-dark);
    }

    .bg-\(--color-light\) {
        background-color: var(--color-light);
    }

    .bg-\(--color-on-primary\) {
        background-color: var(--color-on-primary);
    }

    .bg-\(--color-primary\) {
        background-color: var(--color-primary);
    }

    .bg-\(--color-primary-50\) {
        background-color: var(--color-primary-50);
    }

    .bg-\(--color-primary-base\) {
        background-color: var(--color-primary-base);
    }

    .bg-\(--color-secondary\) {
        background-color: var(--color-secondary);
    }

    .bg-\(--color-secondary-base\) {
        background-color: var(--color-secondary-base);
    }

    .bg-\(--color-success\) {
        background-color: var(--color-success);
    }

    .bg-\(--color-success-bg\) {
        background-color: var(--color-success-bg);
    }

    .bg-\(--color-surface\) {
        background-color: var(--color-surface);
    }

    .bg-\(--color-tertiary\) {
        background-color: var(--color-tertiary);
    }

    .bg-\(--color-tertiary-300\) {
        background-color: var(--color-tertiary-300);
    }

    .bg-\(--color-tertiary-base\) {
        background-color: var(--color-tertiary-base);
    }

    .bg-\(--color-text\) {
        background-color: var(--color-text);
    }

    .bg-\(--custom-accent\) {
        background-color: var(--custom-accent);
    }

    .bg-\(--custom-accent-tint\) {
        background-color: var(--custom-accent-tint);
    }

    .bg-\(--custom-alert\) {
        background-color: var(--custom-alert);
    }

    .bg-\(--custom-band\) {
        background-color: var(--custom-band);
    }

    .bg-\(--custom-card\) {
        background-color: var(--custom-card);
    }

    .bg-\(--custom-card-bg\) {
        background-color: var(--custom-card-bg);
    }

    .bg-\(--custom-deep\) {
        background-color: var(--custom-deep);
    }

    .bg-\(--custom-down\) {
        background-color: var(--custom-down);
    }

    .bg-\(--custom-draw\) {
        background-color: var(--custom-draw);
    }

    .bg-\(--custom-glass\) {
        background-color: var(--custom-glass);
    }

    .bg-\(--custom-glass-ink\) {
        background-color: var(--custom-glass-ink);
    }

    .bg-\(--custom-ground\) {
        background-color: var(--custom-ground);
    }

    .bg-\(--custom-ground-2\) {
        background-color: var(--custom-ground-2);
    }

    .bg-\(--custom-guests-bg\) {
        background-color: var(--custom-guests-bg);
    }

    .bg-\(--custom-hot\) {
        background-color: var(--custom-hot);
    }

    .bg-\(--custom-ink\) {
        background-color: var(--custom-ink);
    }

    .bg-\(--custom-ink-2\) {
        background-color: var(--custom-ink-2);
    }

    .bg-\(--custom-ink-3\) {
        background-color: var(--custom-ink-3);
    }

    .bg-\(--custom-light\) {
        background-color: var(--custom-light);
    }

    .bg-\(--custom-line\) {
        background-color: var(--custom-line);
    }

    .bg-\(--custom-line-dark\) {
        background-color: var(--custom-line-dark);
    }

    .bg-\(--custom-mark\) {
        background-color: var(--custom-mark);
    }

    .bg-\(--custom-member-bg\) {
        background-color: var(--custom-member-bg);
    }

    .bg-\(--custom-meta\) {
        background-color: var(--custom-meta);
    }

    .bg-\(--custom-mist\) {
        background-color: var(--custom-mist);
    }

    .bg-\(--custom-night\) {
        background-color: var(--custom-night);
    }

    .bg-\(--custom-offer-bg\) {
        background-color: var(--custom-offer-bg);
    }

    .bg-\(--custom-on-ink\) {
        background-color: var(--custom-on-ink);
    }

    .bg-\(--custom-on-slab\) {
        background-color: var(--custom-on-slab);
    }

    .bg-\(--custom-panel\) {
        background-color: var(--custom-panel);
    }

    .bg-\(--custom-panel-line\) {
        background-color: var(--custom-panel-line);
    }

    .bg-\(--custom-paper\) {
        background-color: var(--custom-paper);
    }

    .bg-\(--custom-pop\) {
        background-color: var(--custom-pop);
    }

    .bg-\(--custom-primary\) {
        background-color: var(--custom-primary);
    }

    .bg-\(--custom-primary-lift\) {
        background-color: var(--custom-primary-lift);
    }

    .bg-\(--custom-scrim\) {
        background-color: var(--custom-scrim);
    }

    .bg-\(--custom-select-line\) {
        background-color: var(--custom-select-line);
    }

    .bg-\(--custom-slab\) {
        background-color: var(--custom-slab);
    }

    .bg-\(--custom-soft\) {
        background-color: var(--custom-soft);
    }

    .bg-\(--custom-stage\) {
        background-color: var(--custom-stage);
    }

    .bg-\(--custom-steps-bg\) {
        background-color: var(--custom-steps-bg);
    }

    .bg-\(--custom-stone\) {
        background-color: var(--custom-stone);
    }

    .bg-\(--custom-surface\) {
        background-color: var(--custom-surface);
    }

    .bg-\(--custom-tile\) {
        background-color: var(--custom-tile);
    }

    .bg-\(--custom-tint\) {
        background-color: var(--custom-tint);
    }

    .bg-\(--custom-tint-deep\) {
        background-color: var(--custom-tint-deep);
    }

    .bg-\(--custom-tone-3\) {
        background-color: var(--custom-tone-3);
    }

    .bg-\(--custom-tray\) {
        background-color: var(--custom-tray);
    }

    .bg-\(--custom-velvet\) {
        background-color: var(--custom-velvet);
    }

    .bg-\(--custom-wire\) {
        background-color: var(--custom-wire);
    }

    .bg-\(--ph-ink\) {
        background-color: var(--ph-ink);
    }

    .bg-\(--product-bg\) {
        background-color: var(--product-bg);
    }

    .bg-\(--sheet\) {
        background-color: var(--sheet);
    }

    .bg-\(--sw\) {
        background-color: var(--sw);
    }

    .bg-\(--swatch\) {
        background-color: var(--swatch);
    }

    .bg-\(--vig-track\) {
        background-color: var(--vig-track);
    }

    .bg-\[\#0A0F1F\] {
        background-color: #0a0f1f;
    }

    .bg-\[\#0c0c0d\] {
        background-color: #0c0c0d;
    }

    .bg-\[\#2bb673\] {
        background-color: #2bb673;
    }

    .bg-\[\#2f3033\] {
        background-color: #2f3033;
    }

    .bg-\[\#28c840\] {
        background-color: #28c840;
    }

    .bg-\[\#60A5FA\] {
        background-color: #60a5fa;
    }

    .bg-\[\#334155\] {
        background-color: #334155;
    }

    .bg-\[\#A5B4FC\] {
        background-color: #a5b4fc;
    }

    .bg-\[\#F8FAFC\] {
        background-color: #f8fafc;
    }

    .bg-\[\#a3c93a\] {
        background-color: #a3c93a;
    }

    .bg-\[\#e2e8f0\] {
        background-color: #e2e8f0;
    }

    .bg-\[\#f2b84b\] {
        background-color: #f2b84b;
    }

    .bg-\[\#febc2e\] {
        background-color: #febc2e;
    }

    .bg-\[\#ff5f57\] {
        background-color: #ff5f57;
    }

    .bg-\[\#fff\] {
        background-color: #fff;
    }

    .bg-\[color-mix\(in_oklab\,var\(--color-accent\)_22\%\,var\(--color-bg\)\)\] {
        background-color: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-bg));
        }
    }

    .bg-\[color-mix\(in_oklch\,var\(--color-primary\)_16\%\,var\(--color-bg\)\)\] {
        background-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklch, var(--color-primary) 16%, var(--color-bg));
        }
    }

    .bg-\[color-mix\(in_oklch\,var\(--color-primary\)_22\%\,var\(--color-bg\)\)\] {
        background-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklch, var(--color-primary) 22%, var(--color-bg));
        }
    }

    .bg-\[color-mix\(in_srgb\,var\(--color-primary-400\)_60\%\,transparent\)\] {
        background-color: var(--color-primary-400);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in srgb, var(--color-primary-400) 60%, transparent);
        }
    }

    .bg-\[color-mix\(in_srgb\,var\(--custom-accent\)_45\%\,var\(--custom-card\)\)\] {
        background-color: var(--custom-accent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in srgb, var(--custom-accent) 45%, var(--custom-card));
        }
    }

    .bg-\[oklch\(from_var\(--color-primary-700\)_min\(l\,0\.35\)_c_h\)\] {
        background-color: oklch(from var(--color-primary-700) min(l, 0.35) c h);
    }

    .bg-\[var\(--color-accent-50\)\] {
        background-color: var(--color-accent-50);
    }

    .bg-\[var\(--color-bg\)\] {
        background-color: var(--color-bg);
    }

    .bg-\[var\(--color-bg-muted\)\] {
        background-color: var(--color-bg-muted);
    }

    .bg-\[var\(--color-border\)\] {
        background-color: var(--color-border);
    }

    .bg-\[var\(--color-dark\)\] {
        background-color: var(--color-dark);
    }

    .bg-\[var\(--color-primary-50\)\] {
        background-color: var(--color-primary-50);
    }

    .bg-\[var\(--color-primary-100\)\] {
        background-color: var(--color-primary-100);
    }

    .bg-\[var\(--color-primary-200\)\] {
        background-color: var(--color-primary-200);
    }

    .bg-\[var\(--color-primary-300\)\] {
        background-color: var(--color-primary-300);
    }

    .bg-\[var\(--color-primary-400\)\] {
        background-color: var(--color-primary-400);
    }

    .bg-\[var\(--color-success\)\] {
        background-color: var(--color-success);
    }

    .bg-\[var\(--color-success-bg\)\] {
        background-color: var(--color-success-bg);
    }

    .bg-\[var\(--color-surface\)\] {
        background-color: var(--color-surface);
    }

    .bg-\[var\(--color-text-muted\)\] {
        background-color: var(--color-text-muted);
    }

    .bg-\[var\(--color-text-soft\)\] {
        background-color: var(--color-text-soft);
    }

    .bg-\[var\(--custom-ink\)\] {
        background-color: var(--custom-ink);
    }

    .bg-\[var\(--custom-tile\)\] {
        background-color: var(--custom-tile);
    }

    .bg-\[var\(--custom-tint\)\] {
        background-color: var(--custom-tint);
    }

    .bg-\[var\(--product-bg\)\] {
        background-color: var(--product-bg);
    }

    .bg-accent\/10 {
        background-color: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
        }
    }

    .bg-base {
        background-color: var(--color-bg);
    }

    .bg-black\/8 {
        background-color: #00000014;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 8%, transparent);
        }
    }

    .bg-black\/25 {
        background-color: #00000040;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
        }
    }

    .bg-black\/30 {
        background-color: #0000004d;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
    }

    .bg-black\/35 {
        background-color: #00000059;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
        }
    }

    .bg-black\/45 {
        background-color: #00000073;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
        }
    }

    .bg-black\/50 {
        background-color: #00000080;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
        }
    }

    .bg-black\/55 {
        background-color: #0000008c;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
        }
    }

    .bg-black\/\[0\.07\] {
        background-color: #00000012;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 7%, transparent);
        }
    }

    .bg-blue-600 {
        background-color: var(--color-blue-600);
    }

    .bg-current {
        background-color: currentColor;
    }

    .bg-dark-surface {
        background-color: var(--color-dark-surface);
    }

    .bg-on-primary {
        background-color: var(--color-on-primary);
    }

    .bg-primary\/10 {
        background-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
        }
    }

    .bg-secondary\/10 {
        background-color: var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
        }
    }

    .bg-soft\! {
        background-color: var(--color-bg-soft) !important;
    }

    .bg-surface {
        background-color: var(--color-surface);
    }

    .bg-tertiary\/10 {
        background-color: var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-tertiary) 10%, transparent);
        }
    }

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

    .bg-white\/4 {
        background-color: #ffffff0a;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
    }

    .bg-white\/5 {
        background-color: #ffffff0d;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
    }

    .bg-white\/6 {
        background-color: #ffffff0f;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
        }
    }

    .bg-white\/8 {
        background-color: #ffffff14;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
    }

    .bg-white\/10 {
        background-color: #ffffff1a;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .bg-white\/12 {
        background-color: #ffffff1f;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
        }
    }

    .bg-white\/15 {
        background-color: #ffffff26;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
    }

    .bg-white\/16 {
        background-color: #ffffff29;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
        }
    }

    .bg-white\/18 {
        background-color: #ffffff2e;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
        }
    }

    .bg-white\/20 {
        background-color: #fff3;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }

    .bg-white\/25 {
        background-color: #ffffff40;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .bg-white\/28 {
        background-color: #ffffff47;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 28%, transparent);
        }
    }

    .bg-white\/30 {
        background-color: #ffffff4d;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
    }

    .bg-white\/35 {
        background-color: #ffffff59;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
        }
    }

    .bg-white\/40 {
        background-color: #fff6;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
    }

    .bg-white\/50 {
        background-color: #ffffff80;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }

    .bg-white\/55 {
        background-color: #ffffff8c;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 55%, transparent);
        }
    }

    .bg-white\/75 {
        background-color: #ffffffbf;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
    }

    .bg-white\/80 {
        background-color: #fffc;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
    }

    .bg-white\/85 {
        background-color: #ffffffd9;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
        }
    }

    .bg-white\/90 {
        background-color: #ffffffe6;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
    }

    .bg-white\/92 {
        background-color: #ffffffeb;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 92%, transparent);
        }
    }

    .bg-white\/95 {
        background-color: #fffffff2;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
        }
    }

    .bg-white\/\[0\.04\] {
        background-color: #ffffff0a;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
    }

    .bg-white\/\[0\.05\] {
        background-color: #ffffff0d;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
    }

    .bg-white\/\[0\.06\] {
        background-color: #ffffff0f;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
        }
    }

    .bg-white\/\[0\.08\] {
        background-color: #ffffff14;

        @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
    }

    .bg-linear-135 {
        --tw-gradient-position: 135deg;

        @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: 135deg in oklab;
        }

        background-image: linear-gradient(var(--tw-gradient-stops));
    }

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

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

        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-linear-to-br {
        --tw-gradient-position: to bottom right;

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

        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-linear-to-l {
        --tw-gradient-position: to left;

        @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to left in oklab;
        }

        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-linear-to-r {
        --tw-gradient-position: to right;

        @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to right in oklab;
        }

        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)) {
            --tw-gradient-position: to top in oklab;
        }

        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .bg-radial-\[50\%_55\%_at_50\%_42\%\] {
        --tw-gradient-position: 50% 55% at 50% 42%;
        background-image: radial-gradient(var(--tw-gradient-stops, 50% 55% at 50% 42%));
    }

    .bg-radial-\[55\%_60\%_at_50\%_50\%\] {
        --tw-gradient-position: 55% 60% at 50% 50%;
        background-image: radial-gradient(var(--tw-gradient-stops, 55% 60% at 50% 50%));
    }

    .bg-radial-\[60\%_60\%_at_45\%_45\%\] {
        --tw-gradient-position: 60% 60% at 45% 45%;
        background-image: radial-gradient(var(--tw-gradient-stops, 60% 60% at 45% 45%));
    }

    .bg-radial-\[60\%_60\%_at_50\%_45\%\] {
        --tw-gradient-position: 60% 60% at 50% 45%;
        background-image: radial-gradient(var(--tw-gradient-stops, 60% 60% at 50% 45%));
    }

    .bg-radial-\[60\%_60\%_at_55\%_45\%\] {
        --tw-gradient-position: 60% 60% at 55% 45%;
        background-image: radial-gradient(var(--tw-gradient-stops, 60% 60% at 55% 45%));
    }

    .bg-\(image\:--custom-gradient\) {
        background-image: var(--custom-gradient);
    }

    .bg-\[image\:var\(--gradient-primary-light\,none\)\,linear-gradient\(135deg\,var\(--color-primary-950\)\,var\(--color-primary-600\)\)\] {
        background-image:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary-950), var(--color-primary-600));
    }

    .bg-\[linear-gradient\(135deg\,var\(--color-dark\)_0\%\,var\(--color-primary-800\)_100\%\)\] {
        background-image: linear-gradient(
            135deg,
            var(--color-dark) 0%,
            var(--color-primary-800) 100%
        );
    }

    .bg-\[linear-gradient\(135deg\,var\(--color-primary-50\)\,var\(--color-primary-200\)\)\] {
        background-image: linear-gradient(
            135deg,
            var(--color-primary-50),
            var(--color-primary-200)
        );
    }

    .bg-\[linear-gradient\(135deg\,var\(--color-primary-900\)\,var\(--color-primary-500\)\)\] {
        background-image: linear-gradient(
            135deg,
            var(--color-primary-900),
            var(--color-primary-500)
        );
    }

    .bg-\[linear-gradient\(135deg\,var\(--color-primary-900\)_0\%\,var\(--color-tertiary-700\)_100\%\)\] {
        background-image: linear-gradient(
            135deg,
            var(--color-primary-900) 0%,
            var(--color-tertiary-700) 100%
        );
    }

    .bg-\[linear-gradient\(135deg\,var\(--color-primary-950\)_0\%\,var\(--color-primary-600\)_100\%\)\] {
        background-image: linear-gradient(
            135deg,
            var(--color-primary-950) 0%,
            var(--color-primary-600) 100%
        );
    }

    .bg-\[linear-gradient\(135deg\,var\(--color-primary-950\)_0\%\,var\(--color-primary-800\)_100\%\)\] {
        background-image: linear-gradient(
            135deg,
            var(--color-primary-950) 0%,
            var(--color-primary-800) 100%
        );
    }

    .bg-\[linear-gradient\(135deg\,var\(--color-primary-950\)_0\%\,var\(--color-quaternary-900\)_100\%\)\] {
        background-image: linear-gradient(
            135deg,
            var(--color-primary-950) 0%,
            var(--color-quaternary-900) 100%
        );
    }

    .bg-\[linear-gradient\(to_bottom\,var\(--color-secondary\)_50\%\,transparent_50\%\)\] {
        background-image: linear-gradient(to bottom, var(--color-secondary) 50%, transparent 50%);
    }

    .bg-\[radial-gradient\(75\%_80\%_at_0\%_100\%\,color-mix\(in_oklab\,var\(--color-primary\)_78\%\,transparent\)\,transparent_58\%\)\,radial-gradient\(60\%_60\%_at_100\%_0\%\,color-mix\(in_oklab\,var\(--color-primary\)_45\%\,transparent\)\,transparent_62\%\)\] {
        background-image:
            radial-gradient(75% 80% at 0% 100%, var(--color-primary), transparent 58%),
            radial-gradient(60% 60% at 100% 0%, var(--color-primary), transparent 62%);

        @supports (color: color-mix(in lab, red, red)) {
            background-image:
                radial-gradient(
                    75% 80% at 0% 100%,
                    color-mix(in oklab, var(--color-primary) 78%, transparent),
                    transparent 58%
                ),
                radial-gradient(
                    60% 60% at 100% 0%,
                    color-mix(in oklab, var(--color-primary) 45%, transparent),
                    transparent 62%
                );
        }
    }

    .bg-\[radial-gradient\(circle\,rgba\(28\,95\,168\,0\.4\)_0\%\,transparent_65\%\)\] {
        background-image: radial-gradient(circle, #1c5fa866 0%, #0000 65%);
    }

    .bg-\[radial-gradient\(circle\,rgba\(79\,130\,230\,0\.3\)_0\%\,transparent_65\%\)\] {
        background-image: radial-gradient(circle, #4f82e64d 0%, #0000 65%);
    }

    .bg-\[repeating-linear-gradient\(135deg\,rgb\(255_255_255\/0\.04\)_0_8px\,transparent_8px_16px\)\] {
        background-image: repeating-linear-gradient(135deg, #ffffff0a 0 8px, #0000 8px 16px);
    }

    .from-\[\#070d24\]\/45 {
        --tw-gradient-from: oklab(16.8769% -0.000754014 -0.0486593 / 0.45);
        --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-\[oklch\(from_var\(--color-primary-700\)_min\(l\,0\.35\)_c_h\)\] {
        --tw-gradient-from: oklch(from var(--color-primary-700) min(l, 0.35) c h);
        --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-\[var\(--color-dark\)\] {
        --tw-gradient-from: var(--color-dark);
        --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-\[var\(--color-primary-50\)\] {
        --tw-gradient-from: var(--color-primary-50);
        --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-\[var\(--color-primary-200\)\] {
        --tw-gradient-from: var(--color-primary-200);
        --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-\[var\(--color-primary-900\)\]\/80 {
        --tw-gradient-from: var(--color-primary-900);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary-900) 80%, 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)
        );
    }

    .from-\[var\(--color-primary-950\)\]\/85 {
        --tw-gradient-from: var(--color-primary-950);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary-950) 85%, 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)
        );
    }

    .from-black {
        --tw-gradient-from: var(--color-black);
        --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-black\/45 {
        --tw-gradient-from: #00000073;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, 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)
        );
    }

    .from-black\/55 {
        --tw-gradient-from: #0000008c;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, 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)
        );
    }

    .from-black\/60 {
        --tw-gradient-from: #0009;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, 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)
        );
    }

    .from-black\/65 {
        --tw-gradient-from: #000000a6;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 65%, 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)
        );
    }

    .from-black\/70 {
        --tw-gradient-from: #000000b3;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, 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)
        );
    }

    .from-black\/75 {
        --tw-gradient-from: #000000bf;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 75%, 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)
        );
    }

    .from-black\/80 {
        --tw-gradient-from: #000c;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, 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)
        );
    }

    .from-black\/85 {
        --tw-gradient-from: #000000d9;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, 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)
        );
    }

    .from-black\/90 {
        --tw-gradient-from: #000000e6;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, 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)
        );
    }

    .from-black\/92 {
        --tw-gradient-from: #000000eb;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 92%, 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)
        );
    }

    .from-black\/95 {
        --tw-gradient-from: #000000f2;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-black) 95%, 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)
        );
    }

    .from-dark {
        --tw-gradient-from: var(--color-dark);
        --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-dark\/85 {
        --tw-gradient-from: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-dark) 85%, 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)
        );
    }

    .from-dark\/90 {
        --tw-gradient-from: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-dark) 90%, 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)
        );
    }

    .from-primary-100 {
        --tw-gradient-from: var(--color-primary-100);
        --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-primary-200 {
        --tw-gradient-from: var(--color-primary-200);
        --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-primary-300 {
        --tw-gradient-from: var(--color-primary-300);
        --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-primary-700 {
        --tw-gradient-from: var(--color-primary-700);
        --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-primary\/90 {
        --tw-gradient-from: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary) 90%, 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)
        );
    }

    .from-transparent {
        --tw-gradient-from: 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)
        );
    }

    .from-white {
        --tw-gradient-from: var(--color-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-0\% {
        --tw-gradient-from-position: 0%;
    }

    .from-35\% {
        --tw-gradient-from-position: 35%;
    }

    .from-38\% {
        --tw-gradient-from-position: 38%;
    }

    .via-\[\#070d24\]\/25 {
        --tw-gradient-via: oklab(16.8769% -0.000754014 -0.0486593 / 0.25);
        --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);
    }

    .via-\[var\(--color-dark\)\]\/75 {
        --tw-gradient-via: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-dark) 75%, 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);
    }

    .via-\[var\(--color-primary\)\]\/30 {
        --tw-gradient-via: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary) 30%, 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);
    }

    .via-\[var\(--color-primary-200\)\] {
        --tw-gradient-via: var(--color-primary-200);
        --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);
    }

    .via-\[var\(--color-primary-900\)\]\/75 {
        --tw-gradient-via: var(--color-primary-900);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary-900) 75%, 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);
    }

    .via-black\/0 {
        --tw-gradient-via: #0000;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 0%, 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);
    }

    .via-black\/10 {
        --tw-gradient-via: #0000001a;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, 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);
    }

    .via-black\/15 {
        --tw-gradient-via: #00000026;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 15%, 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);
    }

    .via-black\/20 {
        --tw-gradient-via: #0003;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, 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);
    }

    .via-black\/25 {
        --tw-gradient-via: #00000040;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, 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);
    }

    .via-black\/30 {
        --tw-gradient-via: #0000004d;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, 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);
    }

    .via-black\/35 {
        --tw-gradient-via: #00000059;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 35%, 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);
    }

    .via-black\/40 {
        --tw-gradient-via: #0006;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, 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);
    }

    .via-black\/45 {
        --tw-gradient-via: #00000073;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 45%, 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);
    }

    .via-black\/55 {
        --tw-gradient-via: #0000008c;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 55%, 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);
    }

    .via-black\/60 {
        --tw-gradient-via: #0009;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, 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);
    }

    .via-black\/62 {
        --tw-gradient-via: #0000009e;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 62%, 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);
    }

    .via-black\/65 {
        --tw-gradient-via: #000000a6;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 65%, 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);
    }

    .via-black\/70 {
        --tw-gradient-via: #000000b3;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 70%, 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);
    }

    .via-black\/88 {
        --tw-gradient-via: #000000e0;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-black) 88%, 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);
    }

    .via-dark\/25 {
        --tw-gradient-via: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-dark) 25%, 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);
    }

    .via-dark\/45 {
        --tw-gradient-via: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-dark) 45%, 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);
    }

    .via-primary\/70 {
        --tw-gradient-via: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-via: color-mix(in oklab, var(--color-primary) 70%, 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);
    }

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

    .via-30\% {
        --tw-gradient-via-position: 30%;
    }

    .to-\[\#070d24\]\/85 {
        --tw-gradient-to: oklab(16.8769% -0.000754014 -0.0486593 / 0.85);
        --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-\[var\(--color-bg\)\] {
        --tw-gradient-to: var(--color-bg);
        --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-\[var\(--color-primary\)\]\/30 {
        --tw-gradient-to: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary) 30%, 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)
        );
    }

    .to-\[var\(--color-primary-950\)\] {
        --tw-gradient-to: var(--color-primary-950);
        --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-\[var\(--color-primary-950\)\]\/90 {
        --tw-gradient-to: var(--color-primary-950);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-primary-950) 90%, 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)
        );
    }

    .to-black\/0 {
        --tw-gradient-to: #0000;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 0%, 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)
        );
    }

    .to-black\/5 {
        --tw-gradient-to: #0000000d;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 5%, 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)
        );
    }

    .to-black\/10 {
        --tw-gradient-to: #0000001a;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, 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)
        );
    }

    .to-black\/15 {
        --tw-gradient-to: #00000026;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 15%, 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)
        );
    }

    .to-black\/20 {
        --tw-gradient-to: #0003;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, 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)
        );
    }

    .to-black\/25 {
        --tw-gradient-to: #00000040;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 25%, 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)
        );
    }

    .to-black\/30 {
        --tw-gradient-to: #0000004d;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 30%, 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)
        );
    }

    .to-black\/35 {
        --tw-gradient-to: #00000059;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 35%, 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)
        );
    }

    .to-black\/45 {
        --tw-gradient-to: #00000073;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 45%, 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)
        );
    }

    .to-black\/50 {
        --tw-gradient-to: #00000080;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 50%, 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)
        );
    }

    .to-black\/70 {
        --tw-gradient-to: #000000b3;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 70%, 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)
        );
    }

    .to-black\/75 {
        --tw-gradient-to: #000000bf;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 75%, 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)
        );
    }

    .to-black\/80 {
        --tw-gradient-to: #000c;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 80%, 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)
        );
    }

    .to-black\/90 {
        --tw-gradient-to: #000000e6;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 90%, 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)
        );
    }

    .to-dark\/10 {
        --tw-gradient-to: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-dark) 10%, 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)
        );
    }

    .to-primary-50 {
        --tw-gradient-to: var(--color-primary-50);
        --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-primary-100 {
        --tw-gradient-to: var(--color-primary-100);
        --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-primary-300 {
        --tw-gradient-to: var(--color-primary-300);
        --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-primary-950 {
        --tw-gradient-to: var(--color-primary-950);
        --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-primary-ink {
        --tw-gradient-to: var(--color-primary-ink);
        --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)
        );
    }

    .to-white\/25 {
        --tw-gradient-to: #ffffff40;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-gradient-to: color-mix(in oklab, var(--color-white) 25%, 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)
        );
    }

    .to-38\% {
        --tw-gradient-to-position: 38%;
    }

    .to-68\% {
        --tw-gradient-to-position: 68%;
    }

    .to-72\% {
        --tw-gradient-to-position: 72%;
    }

    .\[mask-image\:linear-gradient\(90deg\,transparent\,\#000_45\%\)\] {
        mask-image: linear-gradient(90deg, #0000, #000 45%);
    }

    .\[mask-image\:linear-gradient\(to_right\,\#000_90\%\,transparent\)\] {
        mask-image: linear-gradient(to right, #000 90%, #0000);
    }

    .\[mask-image\:linear-gradient\(to_right\,transparent_0\%\,rgba\(0\,0\,0\,0\.12\)_8\%\,black_24\%\,black_76\%\,rgba\(0\,0\,0\,0\.12\)_92\%\,transparent_100\%\)\] {
        mask-image: linear-gradient(
            to right,
            #0000 0%,
            #0000001f 8%,
            #000 24% 76%,
            #0000001f 92%,
            #0000 100%
        );
    }

    .bg-cover {
        background-size: cover;
    }

    .bg-clip-text {
        background-clip: text;
    }

    .bg-center {
        background-position: center;
    }

    .fill-current {
        fill: currentColor;
    }

    .fill-on-primary {
        fill: var(--color-on-primary);
    }

    .stroke-white\/20 {
        stroke: #fff3;

        @supports (color: color-mix(in lab, red, red)) {
            stroke: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }

    .stroke-10 {
        stroke-width: 10px;
    }

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

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

    .\[object-position\:30\%_30\%\] {
        object-position: 30% 30%;
    }

    .object-\(--custom-pos\) {
        object-position: var(--custom-pos);
    }

    .object-\[12\%_30\%\] {
        object-position: 12% 30%;
    }

    .object-\[20\%_50\%\] {
        object-position: 20% 50%;
    }

    .object-\[22\%_30\%\] {
        object-position: 22% 30%;
    }

    .object-\[22\%_50\%\] {
        object-position: 22% 50%;
    }

    .object-\[28\%_50\%\] {
        object-position: 28% 50%;
    }

    .object-\[30\%_50\%\] {
        object-position: 30% 50%;
    }

    .object-\[30\%_60\%\] {
        object-position: 30% 60%;
    }

    .object-\[34\%_30\%\] {
        object-position: 34% 30%;
    }

    .object-\[35\%_50\%\] {
        object-position: 35% 50%;
    }

    .object-\[38\%_50\%\] {
        object-position: 38% 50%;
    }

    .object-\[38\%_60\%\] {
        object-position: 38% 60%;
    }

    .object-\[40\%_40\%\] {
        object-position: 40% 40%;
    }

    .object-\[40\%_45\%\] {
        object-position: 40% 45%;
    }

    .object-\[40\%_50\%\] {
        object-position: 40% 50%;
    }

    .object-\[40\%_55\%\] {
        object-position: 40% 55%;
    }

    .object-\[40\%_60\%\] {
        object-position: 40% 60%;
    }

    .object-\[42\%_50\%\] {
        object-position: 42% 50%;
    }

    .object-\[45\%_50\%\] {
        object-position: 45% 50%;
    }

    .object-\[45\%_55\%\] {
        object-position: 45% 55%;
    }

    .object-\[46\%_50\%\] {
        object-position: 46% 50%;
    }

    .object-\[48\%_50\%\] {
        object-position: 48% 50%;
    }

    .object-\[50\%_6\%\] {
        object-position: 50% 6%;
    }

    .object-\[50\%_8\%\] {
        object-position: 50% 8%;
    }

    .object-\[50\%_10\%\] {
        object-position: 50% 10%;
    }

    .object-\[50\%_12\%\] {
        object-position: 50% 12%;
    }

    .object-\[50\%_15\%\] {
        object-position: 50% 15%;
    }

    .object-\[50\%_18\%\] {
        object-position: 50% 18%;
    }

    .object-\[50\%_20\%\] {
        object-position: 50% 20%;
    }

    .object-\[50\%_22\%\] {
        object-position: 50% 22%;
    }

    .object-\[50\%_25\%\] {
        object-position: 50% 25%;
    }

    .object-\[50\%_28\%\] {
        object-position: 50% 28%;
    }

    .object-\[50\%_30\%\] {
        object-position: 50% 30%;
    }

    .object-\[50\%_35\%\] {
        object-position: 50% 35%;
    }

    .object-\[50\%_36\%\] {
        object-position: 50% 36%;
    }

    .object-\[50\%_40\%\] {
        object-position: 50% 40%;
    }

    .object-\[50\%_42\%\] {
        object-position: 50% 42%;
    }

    .object-\[50\%_45\%\] {
        object-position: 50% 45%;
    }

    .object-\[50\%_50\%\] {
        object-position: 50% 50%;
    }

    .object-\[50\%_55\%\] {
        object-position: 50% 55%;
    }

    .object-\[50\%_60\%\] {
        object-position: 50% 60%;
    }

    .object-\[50\%_62\%\] {
        object-position: 50% 62%;
    }

    .object-\[50\%_65\%\] {
        object-position: 50% 65%;
    }

    .object-\[50\%_70\%\] {
        object-position: 50% 70%;
    }

    .object-\[50\%_72\%\] {
        object-position: 50% 72%;
    }

    .object-\[50\%_75\%\] {
        object-position: 50% 75%;
    }

    .object-\[50\%_80\%\] {
        object-position: 50% 80%;
    }

    .object-\[50\%_100\%\] {
        object-position: 50% 100%;
    }

    .object-\[52\%_50\%\] {
        object-position: 52% 50%;
    }

    .object-\[55\%_40\%\] {
        object-position: 55% 40%;
    }

    .object-\[55\%_45\%\] {
        object-position: 55% 45%;
    }

    .object-\[55\%_50\%\] {
        object-position: 55% 50%;
    }

    .object-\[55\%_60\%\] {
        object-position: 55% 60%;
    }

    .object-\[58\%_50\%\] {
        object-position: 58% 50%;
    }

    .object-\[58\%_70\%\] {
        object-position: 58% 70%;
    }

    .object-\[60\%_30\%\] {
        object-position: 60% 30%;
    }

    .object-\[60\%_35\%\] {
        object-position: 60% 35%;
    }

    .object-\[60\%_40\%\] {
        object-position: 60% 40%;
    }

    .object-\[60\%_45\%\] {
        object-position: 60% 45%;
    }

    .object-\[60\%_50\%\] {
        object-position: 60% 50%;
    }

    .object-\[60\%_55\%\] {
        object-position: 60% 55%;
    }

    .object-\[60\%_60\%\] {
        object-position: 60% 60%;
    }

    .object-\[62\%_30\%\] {
        object-position: 62% 30%;
    }

    .object-\[62\%_40\%\] {
        object-position: 62% 40%;
    }

    .object-\[62\%_45\%\] {
        object-position: 62% 45%;
    }

    .object-\[62\%_50\%\] {
        object-position: 62% 50%;
    }

    .object-\[64\%_30\%\] {
        object-position: 64% 30%;
    }

    .object-\[64\%_50\%\] {
        object-position: 64% 50%;
    }

    .object-\[65\%_50\%\] {
        object-position: 65% 50%;
    }

    .object-\[66\%_24\%\] {
        object-position: 66% 24%;
    }

    .object-\[66\%_50\%\] {
        object-position: 66% 50%;
    }

    .object-\[68\%_50\%\] {
        object-position: 68% 50%;
    }

    .object-\[70\%_45\%\] {
        object-position: 70% 45%;
    }

    .object-\[70\%_50\%\] {
        object-position: 70% 50%;
    }

    .object-\[72\%_50\%\] {
        object-position: 72% 50%;
    }

    .object-\[74\%_50\%\] {
        object-position: 74% 50%;
    }

    .object-\[76\%_40\%\] {
        object-position: 76% 40%;
    }

    .object-\[78\%_center\] {
        object-position: 78% center;
    }

    .object-\[80\%_50\%\] {
        object-position: 80% 50%;
    }

    .object-\[88\%_50\%\] {
        object-position: 88% 50%;
    }

    .object-\[center_25\%\] {
        object-position: center 25%;
    }

    .object-\[center_40\%\] {
        object-position: center 40%;
    }

    .object-\[center_bottom\] {
        object-position: center bottom;
    }

    .object-\[var\(--custom-about-focus\,30\%\)_50\%\] {
        object-position: var(--custom-about-focus, 30%) 50%;
    }

    .object-\[var\(--custom-accounts-pos\,50\%_50\%\)\] {
        object-position: var(--custom-accounts-pos, 50% 50%);
    }

    .object-\[var\(--custom-band-pos\,50\%_50\%\)\] {
        object-position: var(--custom-band-pos, 50% 50%);
    }

    .object-\[var\(--custom-duo-pos\,50\%_50\%\)\] {
        object-position: var(--custom-duo-pos, 50% 50%);
    }

    .object-\[var\(--custom-focus-crop\,50\%_50\%\)\] {
        object-position: var(--custom-focus-crop, 50% 50%);
    }

    .object-\[var\(--custom-focus-x\)_30\%\] {
        object-position: var(--custom-focus-x) 30%;
    }

    .object-\[var\(--custom-hero-pos\,50\%_50\%\)\] {
        object-position: var(--custom-hero-pos, 50% 50%);
    }

    .object-\[var\(--custom-investors-pos\,50\%_25\%\)\] {
        object-position: var(--custom-investors-pos, 50% 25%);
    }

    .object-\[var\(--custom-ph-pos\,50\%_50\%\)\] {
        object-position: var(--custom-ph-pos, 50% 50%);
    }

    .object-\[var\(--custom-photo-pos\,50\%_45\%\)\] {
        object-position: var(--custom-photo-pos, 50% 45%);
    }

    .object-\[var\(--custom-photo-pos\,50\%_50\%\)\] {
        object-position: var(--custom-photo-pos, 50% 50%);
    }

    .object-\[var\(--custom-pos\)\] {
        object-position: var(--custom-pos);
    }

    .object-\[var\(--custom-pos\,50\%_35\%\)\] {
        object-position: var(--custom-pos, 50% 35%);
    }

    .object-\[var\(--custom-pos\,50\%_50\%\)\] {
        object-position: var(--custom-pos, 50% 50%);
    }

    .object-\[var\(--custom-services-pos\,50\%_50\%\)\] {
        object-position: var(--custom-services-pos, 50% 50%);
    }

    .object-\[var\(--custom-stage-pos\,50\%_50\%\)\] {
        object-position: var(--custom-stage-pos, 50% 50%);
    }

    .object-\[var\(--custom-story-pos\,50\%_50\%\)\] {
        object-position: var(--custom-story-pos, 50% 50%);
    }

    .object-\[var\(--custom-work-pos\,50\%_50\%\)\] {
        object-position: var(--custom-work-pos, 50% 50%);
    }

    .object-\[var\(--pos\,50\%_50\%\)\] {
        object-position: var(--pos, 50% 50%);
    }

    .object-\[x_y\] {
        object-position: x y;
    }

    .object-top {
        object-position: top;
    }

    .p-\(--card-pad\) {
        padding: var(--card-pad);
    }

    .p-\(--cover-pad\) {
        padding: var(--cover-pad);
    }

    .p-\(--custom-case-gap\) {
        padding: var(--custom-case-gap);
    }

    .p-\(--custom-frame\) {
        padding: var(--custom-frame);
    }

    .p-\(--custom-gutter\) {
        padding: var(--custom-gutter);
    }

    .p-\(--custom-inset\) {
        padding: var(--custom-inset);
    }

    .p-\(--custom-pad\) {
        padding: var(--custom-pad);
    }

    .p-\(--custom-stage-gap\) {
        padding: var(--custom-stage-gap);
    }

    .p-\(--custom-stage-inset\) {
        padding: var(--custom-stage-inset);
    }

    .p-\(--custom-voices-pad\) {
        padding: var(--custom-voices-pad);
    }

    .p-\(--gap-pad\) {
        padding: var(--gap-pad);
    }

    .p-\(--invoice-pad\) {
        padding: var(--invoice-pad);
    }

    .p-\(--pad\) {
        padding: var(--pad);
    }

    .p-\(--roi-inset\) {
        padding: var(--roi-inset);
    }

    .p-\(--roi-pad\) {
        padding: var(--roi-pad);
    }

    .p-\(--tr-pad\) {
        padding: var(--tr-pad);
    }

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

    .p-0\.5 {
        padding: calc(var(--spacing) * 0.5);
    }

    .p-0\.75 {
        padding: calc(var(--spacing) * 0.75);
    }

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

    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5);
    }

    .p-1\.25 {
        padding: calc(var(--spacing) * 1.25);
    }

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

    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5);
    }

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

    .p-3\.5 {
        padding: calc(var(--spacing) * 3.5);
    }

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

    .p-4\.5 {
        padding: calc(var(--spacing) * 4.5);
    }

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

    .p-5\.5 {
        padding: calc(var(--spacing) * 5.5);
    }

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

    .p-6\.5 {
        padding: calc(var(--spacing) * 6.5);
    }

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

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

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

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

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

    .p-\[0\.4rem\] {
        padding: 0.4rem;
    }

    .p-\[0\.8em\] {
        padding: 0.8em;
    }

    .p-\[0\.95em\] {
        padding: 0.95em;
    }

    .p-\[0\.1875rem\] {
        padding: 0.1875rem;
    }

    .p-\[0\.3125rem\] {
        padding: 0.3125rem;
    }

    .p-\[1\.4em\] {
        padding: 1.4em;
    }

    .p-\[1\.25em\] {
        padding: 1.25em;
    }

    .p-\[3\.2cqi\] {
        padding: 3.2cqi;
    }

    .p-\[6\%\] {
        padding: 6%;
    }

    .p-\[9\%\] {
        padding: 9%;
    }

    .p-\[12\%\] {
        padding: 12%;
    }

    .p-\[14\%\] {
        padding: 14%;
    }

    .p-\[clamp\(0\.5rem\,0\.2rem\+1\.5vw\,2rem\)\] {
        padding: clamp(0.5rem, 0.2rem + 1.5vw, 2rem);
    }

    .p-\[clamp\(0\.5rem\,0\.2rem\+1vw\,1\.5rem\)\] {
        padding: clamp(0.5rem, 0.2rem + 1vw, 1.5rem);
    }

    .p-\[clamp\(0\.5rem\,0\.2rem\+1vw\,1\.25rem\)\] {
        padding: clamp(0.5rem, 0.2rem + 1vw, 1.25rem);
    }

    .p-\[clamp\(0\.5rem\,_0\.2rem_\+_1vw\,_0\.875rem\)\] {
        padding: clamp(0.5rem, 0.2rem + 1vw, 0.875rem);
    }

    .p-\[clamp\(0\.75rem\,0\.25rem_\+_1vw\,1rem\)\] {
        padding: clamp(0.75rem, 0.25rem + 1vw, 1rem);
    }

    .p-\[clamp\(0\.75rem\,1\.4vw\,1\.125rem\)\] {
        padding: clamp(0.75rem, 1.4vw, 1.125rem);
    }

    .p-\[clamp\(0\.75rem\,2vw\,1\.75rem\)\] {
        padding: clamp(0.75rem, 2vw, 1.75rem);
    }

    .p-\[clamp\(0\.75rem\,3\.5vw\,3rem\)\] {
        padding: clamp(0.75rem, 3.5vw, 3rem);
    }

    .p-\[clamp\(0\.625rem\,0\.4rem_\+_0\.6vw\,0\.875rem\)\] {
        padding: clamp(0.625rem, 0.4rem + 0.6vw, 0.875rem);
    }

    .p-\[clamp\(0\.875rem\,1\.4vw\,1\.25rem\)\] {
        padding: clamp(0.875rem, 1.4vw, 1.25rem);
    }

    .p-\[clamp\(1\.5rem\,0\.5rem\+4vw\,4\.5rem\)\] {
        padding: clamp(1.5rem, 0.5rem + 4vw, 4.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.5rem_\+_3\.6vw\,4\.5rem\)\] {
        padding: clamp(1.5rem, 0.5rem + 3.6vw, 4.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.5rem_\+_4vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 0.5rem + 4vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.5rem_\+_4vw\,4\.5rem\)\] {
        padding: clamp(1.5rem, 0.5rem + 4vw, 4.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.8rem_\+_3vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 0.8rem + 3vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.8rem_\+_3vw\,3rem\)\] {
        padding: clamp(1.5rem, 0.8rem + 3vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem\+2\.5vw\,3\.25rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 2.5vw, 3.25rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem\+2\.5vw\,3rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 2.5vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem_\+_2\.4vw\,3rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 2.4vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem_\+_2\.5vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 2.5vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem_\+_2\.6vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 2.6vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem_\+_3vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 3vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem_\+_3vw\,3rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 3vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,0\.75rem_\+_3vw\,4rem\)\] {
        padding: clamp(1.5rem, 0.75rem + 3vw, 4rem);
    }

    .p-\[clamp\(1\.5rem\,1\.1rem\+1\.2vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1\.1rem\+1vw\,2rem\)\] {
        padding: clamp(1.5rem, 1.1rem + 1vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,1\.1rem_\+_1\.2vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1\.1rem_\+_1vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1.1rem + 1vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1\.2rem\+1vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1\.2rem\+1vw\,2rem\)\] {
        padding: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,1\.2rem_\+_0\.8vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1.2rem + 0.8vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1\.2rem_\+_0\.8vw\,2rem\)\] {
        padding: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,2\.125rem\)\] {
        padding: clamp(1.5rem, 1.2rem + 1vw, 2.125rem);
    }

    .p-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,2rem\)\] {
        padding: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,1\.25rem_\+_0\.6vw\,1\.75rem\)\] {
        padding: clamp(1.5rem, 1.25rem + 0.6vw, 1.75rem);
    }

    .p-\[clamp\(1\.5rem\,1\.25rem_\+_1vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1.25rem + 1vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+1\.2vw\,2rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.2vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+1\.4vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.4vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+1\.5vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+1\.5vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+1\.6vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.6vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+1\.6vw\,2\.75rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.6vw, 2.75rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+1vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 1vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2\.4vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.4vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2\.4vw\,3rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.4vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2\.5vw\,3\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.5vw, 3.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2\.5vw\,3rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.5vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2vw\,2\.75rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 2.75rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2vw\,3\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 3.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem\+2vw\,3rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1\.4vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.4vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1\.4vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.4vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.5vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1\.6vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.6vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1\.6vw\,2\.75rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.6vw, 2.75rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_1vw\,2rem\)\] {
        padding: clamp(1.5rem, 1rem + 1vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2\.4vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.4vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2\.4vw\,3\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.4vw, 3.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2\.5vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.5vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2\.5vw\,3rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.5vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2\.6vw\,3\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 2.6vw, 3.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.75rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 2.75rem);
    }

    .p-\[clamp\(1\.5rem\,1rem_\+_2vw\,3rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,2\.2vw\,2rem\)\] {
        padding: clamp(1.5rem, 2.2vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,2\.4vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 2.4vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,2\.4vw\,2rem\)\] {
        padding: clamp(1.5rem, 2.4vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,2vw\,1\.75rem\)\] {
        padding: clamp(1.5rem, 2vw, 1.75rem);
    }

    .p-\[clamp\(1\.5rem\,3\.5vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 3.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] {
        padding: clamp(1.5rem, 3vw, 2.5rem);
    }

    .p-\[clamp\(1\.5rem\,3vw\,2\.25rem\)\] {
        padding: clamp(1.5rem, 3vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,3vw\,2\.75rem\)\] {
        padding: clamp(1.5rem, 3vw, 2.75rem);
    }

    .p-\[clamp\(1\.5rem\,3vw\,2rem\)\] {
        padding: clamp(1.5rem, 3vw, 2rem);
    }

    .p-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        padding: clamp(1.5rem, 3vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,4vw\,3rem\)\] {
        padding: clamp(1.5rem, 4vw, 3rem);
    }

    .p-\[clamp\(1\.5rem\,_1rem_\+_1\.6vw\,_2\.25rem\)\] {
        padding: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
    }

    .p-\[clamp\(1\.5rem\,_1rem_\+_2vw\,_2\.5rem\)\] {
        padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.25rem\,0\.5rem_\+_3\.4vw\,4\.5rem\)\] {
        padding: clamp(1.25rem, 0.5rem + 3.4vw, 4.5rem);
    }

    .p-\[clamp\(1\.25rem\,0\.5rem_\+_3vw\,2\.5rem\)\] {
        padding: clamp(1.25rem, 0.5rem + 3vw, 2.5rem);
    }

    .p-\[clamp\(1\.25rem\,0\.5rem_\+_3vw\,2rem\)\] {
        padding: clamp(1.25rem, 0.5rem + 3vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,0\.5rem_\+_3vw\,3\.5rem\)\] {
        padding: clamp(1.25rem, 0.5rem + 3vw, 3.5rem);
    }

    .p-\[clamp\(1\.25rem\,0\.5rem_\+_4vw\,5rem\)\] {
        padding: clamp(1.25rem, 0.5rem + 4vw, 5rem);
    }

    .p-\[clamp\(1\.25rem\,0\.9rem\+1vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 0.9rem + 1vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,0\.9rem_\+_1\.2vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 0.9rem + 1.2vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,0\.9rem_\+_1\.2vw\,2rem\)\] {
        padding: clamp(1.25rem, 0.9rem + 1.2vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,0\.9rem_\+_1vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 0.9rem + 1vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,0\.75rem\+1\.5vw\,2rem\)\] {
        padding: clamp(1.25rem, 0.75rem + 1.5vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,0\.75rem_\+_1\.4vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 0.75rem + 1.4vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,0\.75rem_\+_2vw\,2\.5rem\)\] {
        padding: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.25rem\,1rem\+1vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,1rem\+1vw\,2rem\)\] {
        padding: clamp(1.25rem, 1rem + 1vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_0\.6vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 1rem + 0.6vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_0\.8vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_1\.2vw\,2rem\)\] {
        padding: clamp(1.25rem, 1rem + 1.2vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_1\.4vw\,2rem\)\] {
        padding: clamp(1.25rem, 1rem + 1.4vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        padding: clamp(1.25rem, 1rem + 1.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_1\.5vw\,2\.25rem\)\] {
        padding: clamp(1.25rem, 1rem + 1.5vw, 2.25rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_1vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_1vw\,2rem\)\] {
        padding: clamp(1.25rem, 1rem + 1vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,1rem_\+_3vw\,4rem\)\] {
        padding: clamp(1.25rem, 1rem + 3vw, 4rem);
    }

    .p-\[clamp\(1\.25rem\,2\.4vw\,2rem\)\] {
        padding: clamp(1.25rem, 2.4vw, 2rem);
    }

    .p-\[clamp\(1\.25rem\,2vw\,1\.75rem\)\] {
        padding: clamp(1.25rem, 2vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,3vw\,2\.5rem\)\] {
        padding: clamp(1.25rem, 3vw, 2.5rem);
    }

    .p-\[clamp\(1\.25rem\,5cqi\,1\.75rem\)\] {
        padding: clamp(1.25rem, 5cqi, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,7cqi\,1\.875rem\)\] {
        padding: clamp(1.25rem, 7cqi, 1.875rem);
    }

    .p-\[clamp\(1\.25rem\,9cqi\,1\.75rem\)\] {
        padding: clamp(1.25rem, 9cqi, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,_0\.9rem_\+_1\.2vw\,_1\.75rem\)\] {
        padding: clamp(1.25rem, 0.9rem + 1.2vw, 1.75rem);
    }

    .p-\[clamp\(1\.25rem\,_1rem_\+_1\.2vw\,_2rem\)\] {
        padding: clamp(1.25rem, 1rem + 1.2vw, 2rem);
    }

    .p-\[clamp\(1\.75rem\,0\.5rem\+4vw\,4\.5rem\)\] {
        padding: clamp(1.75rem, 0.5rem + 4vw, 4.5rem);
    }

    .p-\[clamp\(1\.75rem\,0\.9rem_\+_2\.6vw\,3\.25rem\)\] {
        padding: clamp(1.75rem, 0.9rem + 2.6vw, 3.25rem);
    }

    .p-\[clamp\(1\.75rem\,0\.9rem_\+_3vw\,4rem\)\] {
        padding: clamp(1.75rem, 0.9rem + 3vw, 4rem);
    }

    .p-\[clamp\(1\.75rem\,0\.75rem\+3vw\,4rem\)\] {
        padding: clamp(1.75rem, 0.75rem + 3vw, 4rem);
    }

    .p-\[clamp\(1\.75rem\,0\.75rem_\+_3vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 0.75rem + 3vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem\+1\.4vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.4vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem\+1\.5vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem\+1\.5vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.5vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem\+1\.6vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem\+1\.6vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem\+2vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 2vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem\+2vw\,3rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 2vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem_\+_1\.5vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem_\+_1\.5vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.5vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem_\+_1\.6vw\,3rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 1.6vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem_\+_2\.5vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 2.5vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.2rem_\+_2vw\,3rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 2vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1\.4rem_\+_1vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.4rem + 1vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem\+1\.5vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem\+1\.6vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 1.6vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem\+2vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem\+2vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem_\+_1\.4vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 1.4vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem_\+_1\.5vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem_\+_1\.5vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem_\+_1\.6vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 1.6vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem_\+_2\.5vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 2.5vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem_\+_2vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1\.25rem_\+_2vw\,3rem\)\] {
        padding: clamp(1.75rem, 1.25rem + 2vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1rem\+2\.4vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.4vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem\+2\.5vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem\+2vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem\+2vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1rem + 2vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1rem\+2vw\,3rem\)\] {
        padding: clamp(1.75rem, 1rem + 2vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1rem\+3vw\,4\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 3vw, 4.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem\+3vw\,4rem\)\] {
        padding: clamp(1.75rem, 1rem + 3vw, 4rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.4vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.4vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.4vw\,3\.25rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.4vw, 3.25rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.4vw\,3rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.4vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.4vw\,4rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.4vw, 4rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.5vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.5vw\,3rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.5vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.6vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.6vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2\.6vw\,3\.75rem\)\] {
        padding: clamp(1.75rem, 1rem + 2.6vw, 3.75rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 1rem + 2vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_2vw\,3rem\)\] {
        padding: clamp(1.75rem, 1rem + 2vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_3\.5vw\,4\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 3.5vw, 4.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_3\.5vw\,5rem\)\] {
        padding: clamp(1.75rem, 1rem + 3.5vw, 5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_3vw\,3\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 3vw, 3.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_3vw\,3\.75rem\)\] {
        padding: clamp(1.75rem, 1rem + 3vw, 3.75rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_3vw\,3rem\)\] {
        padding: clamp(1.75rem, 1rem + 3vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_3vw\,4\.5rem\)\] {
        padding: clamp(1.75rem, 1rem + 3vw, 4.5rem);
    }

    .p-\[clamp\(1\.75rem\,1rem_\+_3vw\,4rem\)\] {
        padding: clamp(1.75rem, 1rem + 3vw, 4rem);
    }

    .p-\[clamp\(1\.75rem\,2\.6vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 2.6vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,2\.6vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 2.6vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,3vw\,2\.5rem\)\] {
        padding: clamp(1.75rem, 3vw, 2.5rem);
    }

    .p-\[clamp\(1\.75rem\,3vw\,2\.25rem\)\] {
        padding: clamp(1.75rem, 3vw, 2.25rem);
    }

    .p-\[clamp\(1\.75rem\,3vw\,2\.75rem\)\] {
        padding: clamp(1.75rem, 3vw, 2.75rem);
    }

    .p-\[clamp\(1\.75rem\,4vw\,3rem\)\] {
        padding: clamp(1.75rem, 4vw, 3rem);
    }

    .p-\[clamp\(1\.75rem\,_1\.2rem_\+_2\.6vw\,_3\.25rem\)\] {
        padding: clamp(1.75rem, 1.2rem + 2.6vw, 3.25rem);
    }

    .p-\[clamp\(1\.125rem\,0\.8rem\+1vw\,1\.75rem\)\] {
        padding: clamp(1.125rem, 0.8rem + 1vw, 1.75rem);
    }

    .p-\[clamp\(1\.125rem\,0\.8rem_\+_1vw\,1\.5rem\)\] {
        padding: clamp(1.125rem, 0.8rem + 1vw, 1.5rem);
    }

    .p-\[clamp\(1\.125rem\,0\.8rem_\+_1vw\,1\.75rem\)\] {
        padding: clamp(1.125rem, 0.8rem + 1vw, 1.75rem);
    }

    .p-\[clamp\(1\.375rem\,1rem_\+_0\.8vw\,1\.75rem\)\] {
        padding: clamp(1.375rem, 1rem + 0.8vw, 1.75rem);
    }

    .p-\[clamp\(1\.375rem\,2\.6vw\,2\.25rem\)\] {
        padding: clamp(1.375rem, 2.6vw, 2.25rem);
    }

    .p-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.75rem\)\] {
        padding: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
    }

    .p-\[clamp\(1rem\,0\.5rem_\+_2vw\,2\.5rem\)\] {
        padding: clamp(1rem, 0.5rem + 2vw, 2.5rem);
    }

    .p-\[clamp\(1rem\,0\.6rem\+1\.4vw\,1\.75rem\)\],
    .p-\[clamp\(1rem\,0\.6rem_\+_1\.4vw\,1\.75rem\)\] {
        padding: clamp(1rem, 0.6rem + 1.4vw, 1.75rem);
    }

    .p-\[clamp\(1rem\,0\.75rem\+1vw\,1\.5rem\)\],
    .p-\[clamp\(1rem\,0\.75rem_\+_1vw\,1\.5rem\)\] {
        padding: clamp(1rem, 0.75rem + 1vw, 1.5rem);
    }

    .p-\[clamp\(1rem\,2\.5vw\,2rem\)\] {
        padding: clamp(1rem, 2.5vw, 2rem);
    }

    .p-\[clamp\(1rem\,2vw\,1\.75rem\)\] {
        padding: clamp(1rem, 2vw, 1.75rem);
    }

    .p-\[clamp\(1rem\,_0\.4rem_\+_2\.4vw\,_2\.25rem\)\] {
        padding: clamp(1rem, 0.4rem + 2.4vw, 2.25rem);
    }

    .p-\[clamp\(1rem\,_0\.4rem_\+_2\.6vw\,_2\.75rem\)\] {
        padding: clamp(1rem, 0.4rem + 2.6vw, 2.75rem);
    }

    .p-\[clamp\(1rem\,_0\.5rem_\+_2\.4vw\,_2rem\)\] {
        padding: clamp(1rem, 0.5rem + 2.4vw, 2rem);
    }

    .p-\[clamp\(2\.25rem\,1rem_\+_5vw\,6rem\)\] {
        padding: clamp(2.25rem, 1rem + 5vw, 6rem);
    }

    .p-\[clamp\(2\.25rem\,5vw\,4\.5rem\)\] {
        padding: clamp(2.25rem, 5vw, 4.5rem);
    }

    .p-\[clamp\(2rem\,0\.75rem_\+_5vw\,6rem\)\] {
        padding: clamp(2rem, 0.75rem + 5vw, 6rem);
    }

    .p-\[clamp\(2rem\,1\.2rem_\+_3vw\,3\.5rem\)\] {
        padding: clamp(2rem, 1.2rem + 3vw, 3.5rem);
    }

    .p-\[clamp\(2rem\,1\.5rem\+2vw\,3\.5rem\)\] {
        padding: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .p-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,2\.75rem\)\] {
        padding: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .p-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        padding: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .p-\[clamp\(2rem\,1\.5rem_\+_2\.5vw\,3\.5rem\)\] {
        padding: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
    }

    .p-\[clamp\(2rem\,1\.25rem_\+_2vw\,3rem\)\] {
        padding: clamp(2rem, 1.25rem + 2vw, 3rem);
    }

    .p-\[clamp\(2rem\,1\.25rem_\+_3vw\,4rem\)\] {
        padding: clamp(2rem, 1.25rem + 3vw, 4rem);
    }

    .p-\[clamp\(2rem\,1rem\+3vw\,4rem\)\] {
        padding: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .p-\[clamp\(2rem\,1rem_\+_3\.4vw\,4\.5rem\)\] {
        padding: clamp(2rem, 1rem + 3.4vw, 4.5rem);
    }

    .p-\[clamp\(2rem\,1rem_\+_3vw\,3\.5rem\)\] {
        padding: clamp(2rem, 1rem + 3vw, 3.5rem);
    }

    .p-\[clamp\(2rem\,1rem_\+_3vw\,4rem\)\] {
        padding: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .p-\[clamp\(2rem\,1rem_\+_4\.5vw\,5rem\)\] {
        padding: clamp(2rem, 1rem + 4.5vw, 5rem);
    }

    .p-\[clamp\(2rem\,1rem_\+_4vw\,4\.5rem\)\] {
        padding: clamp(2rem, 1rem + 4vw, 4.5rem);
    }

    .p-\[clamp\(2rem\,1rem_\+_4vw\,4rem\)\] {
        padding: clamp(2rem, 1rem + 4vw, 4rem);
    }

    .p-\[clamp\(2rem\,1rem_\+_4vw\,5rem\)\] {
        padding: clamp(2rem, 1rem + 4vw, 5rem);
    }

    .p-\[clamp\(2rem\,4\.4vw\,3\.5rem\)\] {
        padding: clamp(2rem, 4.4vw, 3.5rem);
    }

    .p-\[clamp\(2rem\,5\.5vw\,5rem\)\] {
        padding: clamp(2rem, 5.5vw, 5rem);
    }

    .p-\[clamp\(2rem\,5vw\,4\.5rem\)\] {
        padding: clamp(2rem, 5vw, 4.5rem);
    }

    .p-\[inherit\] {
        padding: inherit;
    }

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

    .px-\(--board-pad\) {
        padding-inline: var(--board-pad);
    }

    .px-\(--console-pad\) {
        padding-inline: var(--console-pad);
    }

    .px-\(--container-x\) {
        padding-inline: var(--container-x);
    }

    .px-\(--cs-pad\) {
        padding-inline: var(--cs-pad);
    }

    .px-\(--custom-beliefs-pad\) {
        padding-inline: var(--custom-beliefs-pad);
    }

    .px-\(--custom-focus-x\) {
        padding-inline: var(--custom-focus-x);
    }

    .px-\(--custom-frame\) {
        padding-inline: var(--custom-frame);
    }

    .px-\(--custom-gutter\) {
        padding-inline: var(--custom-gutter);
    }

    .px-\(--custom-hero-inset\) {
        padding-inline: var(--custom-hero-inset);
    }

    .px-\(--custom-inset\) {
        padding-inline: var(--custom-inset);
    }

    .px-\(--custom-pad\) {
        padding-inline: var(--custom-pad);
    }

    .px-\(--custom-reset-pad\) {
        padding-inline: var(--custom-reset-pad);
    }

    .px-\(--custom-stage-gap\) {
        padding-inline: var(--custom-stage-gap);
    }

    .px-\(--custom-stage-x\) {
        padding-inline: var(--custom-stage-x);
    }

    .px-\(--custom-ways-pad\) {
        padding-inline: var(--custom-ways-pad);
    }

    .px-\(--ro-pad\) {
        padding-inline: var(--ro-pad);
    }

    .px-\(--serp-pad\) {
        padding-inline: var(--serp-pad);
    }

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

    .px-1 {
        padding-inline: calc(var(--spacing) * 1);
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5);
    }

    .px-1\.25 {
        padding-inline: calc(var(--spacing) * 1.25);
    }

    .px-2 {
        padding-inline: calc(var(--spacing) * 2);
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5);
    }

    .px-3 {
        padding-inline: calc(var(--spacing) * 3);
    }

    .px-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5);
    }

    .px-3\.75 {
        padding-inline: calc(var(--spacing) * 3.75);
    }

    .px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }

    .px-4\.5 {
        padding-inline: calc(var(--spacing) * 4.5);
    }

    .px-5 {
        padding-inline: calc(var(--spacing) * 5);
    }

    .px-5\.5 {
        padding-inline: calc(var(--spacing) * 5.5);
    }

    .px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }

    .px-6\.5 {
        padding-inline: calc(var(--spacing) * 6.5);
    }

    .px-7 {
        padding-inline: calc(var(--spacing) * 7);
    }

    .px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }

    .px-9 {
        padding-inline: calc(var(--spacing) * 9);
    }

    .px-\[0\.06em\] {
        padding-inline: 0.06em;
    }

    .px-\[0\.6em\] {
        padding-inline: 0.6em;
    }

    .px-\[0\.9rem\] {
        padding-inline: 0.9rem;
    }

    .px-\[1\.375rem\] {
        padding-inline: 1.375rem;
    }

    .px-\[1\.625rem\] {
        padding-inline: 1.625rem;
    }

    .px-\[4\.5cqi\] {
        padding-inline: 4.5cqi;
    }

    .px-\[calc\(var\(--container-x\)\+1\.5rem\)\] {
        padding-inline: calc(var(--container-x) + 1.5rem);
    }

    .px-\[clamp\(0\.5rem\,0\.25rem_\+_0\.7vw\,0\.875rem\)\] {
        padding-inline: clamp(0.5rem, 0.25rem + 0.7vw, 0.875rem);
    }

    .px-\[clamp\(0\.5rem\,0\.25rem_\+_1vw\,1rem\)\] {
        padding-inline: clamp(0.5rem, 0.25rem + 1vw, 1rem);
    }

    .px-\[clamp\(0\.75rem\,0\.2rem_\+_2\.4vw\,2\.75rem\)\] {
        padding-inline: clamp(0.75rem, 0.2rem + 2.4vw, 2.75rem);
    }

    .px-\[clamp\(0\.75rem\,5vw\,4\.5rem\)\] {
        padding-inline: clamp(0.75rem, 5vw, 4.5rem);
    }

    .px-\[clamp\(0\.875rem\,2vw\,1\.375rem\)\] {
        padding-inline: clamp(0.875rem, 2vw, 1.375rem);
    }

    .px-\[clamp\(0rem\,1vw\,0\.5rem\)\] {
        padding-inline: clamp(0rem, 1vw, 0.5rem);
    }

    .px-\[clamp\(1\.5rem\,0\.5rem_\+_3\.5vw\,5rem\)\] {
        padding-inline: clamp(1.5rem, 0.5rem + 3.5vw, 5rem);
    }

    .px-\[clamp\(1\.5rem\,0\.5rem_\+_3\.6vw\,4\.5rem\)\] {
        padding-inline: clamp(1.5rem, 0.5rem + 3.6vw, 4.5rem);
    }

    .px-\[clamp\(1\.5rem\,0\.5rem_\+_4\.5vw\,5\.5rem\)\] {
        padding-inline: clamp(1.5rem, 0.5rem + 4.5vw, 5.5rem);
    }

    .px-\[clamp\(1\.5rem\,0\.5rem_\+_4vw\,5\.5rem\)\] {
        padding-inline: clamp(1.5rem, 0.5rem + 4vw, 5.5rem);
    }

    .px-\[clamp\(1\.5rem\,0\.5rem_\+_4vw\,5rem\)\] {
        padding-inline: clamp(1.5rem, 0.5rem + 4vw, 5rem);
    }

    .px-\[clamp\(1\.5rem\,0\.5rem_\+_4vw\,6rem\)\] {
        padding-inline: clamp(1.5rem, 0.5rem + 4vw, 6rem);
    }

    .px-\[clamp\(1\.5rem\,0\.5rem_\+_5vw\,6rem\)\] {
        padding-inline: clamp(1.5rem, 0.5rem + 5vw, 6rem);
    }

    .px-\[clamp\(1\.5rem\,0\.75rem_\+_4vw\,5rem\)\] {
        padding-inline: clamp(1.5rem, 0.75rem + 4vw, 5rem);
    }

    .px-\[clamp\(1\.5rem\,1\.25rem_\+_1vw\,2rem\)\] {
        padding-inline: clamp(1.5rem, 1.25rem + 1vw, 2rem);
    }

    .px-\[clamp\(1\.5rem\,1rem_\+_1\.4vw\,2rem\)\] {
        padding-inline: clamp(1.5rem, 1rem + 1.4vw, 2rem);
    }

    .px-\[clamp\(1\.5rem\,1rem_\+_2\.5vw\,3\.5rem\)\] {
        padding-inline: clamp(1.5rem, 1rem + 2.5vw, 3.5rem);
    }

    .px-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.5rem\)\] {
        padding-inline: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    }

    .px-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.75rem\)\] {
        padding-inline: clamp(1.5rem, 1rem + 2vw, 2.75rem);
    }

    .px-\[clamp\(1\.5rem\,1rem_\+_3vw\,4\.5rem\)\] {
        padding-inline: clamp(1.5rem, 1rem + 3vw, 4.5rem);
    }

    .px-\[clamp\(1\.5rem\,1rem_\+_3vw\,4rem\)\] {
        padding-inline: clamp(1.5rem, 1rem + 3vw, 4rem);
    }

    .px-\[clamp\(1\.5rem\,1rem_\+_4vw\,5rem\)\] {
        padding-inline: clamp(1.5rem, 1rem + 4vw, 5rem);
    }

    .px-\[clamp\(1\.5rem\,4vw\,3\.5rem\)\] {
        padding-inline: clamp(1.5rem, 4vw, 3.5rem);
    }

    .px-\[clamp\(1\.5rem\,5vw\,4\.5rem\)\] {
        padding-inline: clamp(1.5rem, 5vw, 4.5rem);
    }

    .px-\[clamp\(1\.25rem\,0\.5rem_\+_2\.4vw\,3rem\)\] {
        padding-inline: clamp(1.25rem, 0.5rem + 2.4vw, 3rem);
    }

    .px-\[clamp\(1\.25rem\,0\.5rem_\+_2\.5vw\,2\.5rem\)\] {
        padding-inline: clamp(1.25rem, 0.5rem + 2.5vw, 2.5rem);
    }

    .px-\[clamp\(1\.25rem\,0\.5rem_\+_2vw\,2rem\)\] {
        padding-inline: clamp(1.25rem, 0.5rem + 2vw, 2rem);
    }

    .px-\[clamp\(1\.25rem\,0\.5rem_\+_2vw\,3rem\)\] {
        padding-inline: clamp(1.25rem, 0.5rem + 2vw, 3rem);
    }

    .px-\[clamp\(1\.25rem\,0\.5rem_\+_3vw\,4rem\)\] {
        padding-inline: clamp(1.25rem, 0.5rem + 3vw, 4rem);
    }

    .px-\[clamp\(1\.25rem\,0\.8rem_\+_1\.4vw\,2\.25rem\)\] {
        padding-inline: clamp(1.25rem, 0.8rem + 1.4vw, 2.25rem);
    }

    .px-\[clamp\(1\.25rem\,0\.75rem_\+_1\.2vw\,2rem\)\] {
        padding-inline: clamp(1.25rem, 0.75rem + 1.2vw, 2rem);
    }

    .px-\[clamp\(1\.25rem\,3vw\,2\.5rem\)\] {
        padding-inline: clamp(1.25rem, 3vw, 2.5rem);
    }

    .px-\[clamp\(1\.25rem\,3vw\,2\.25rem\)\] {
        padding-inline: clamp(1.25rem, 3vw, 2.25rem);
    }

    .px-\[clamp\(1\.25rem\,3vw\,2\.75rem\)\] {
        padding-inline: clamp(1.25rem, 3vw, 2.75rem);
    }

    .px-\[clamp\(1\.25rem\,_0\.75rem_\+_2vw\,_2\.5rem\)\] {
        padding-inline: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
    }

    .px-\[clamp\(1\.25rem\,_1rem_\+_1\.2vw\,_2rem\)\] {
        padding-inline: clamp(1.25rem, 1rem + 1.2vw, 2rem);
    }

    .px-\[clamp\(1\.75rem\,5vw\,5rem\)\] {
        padding-inline: clamp(1.75rem, 5vw, 5rem);
    }

    .px-\[clamp\(1\.125rem\,6cqi\,1\.75rem\)\] {
        padding-inline: clamp(1.125rem, 6cqi, 1.75rem);
    }

    .px-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,1\.5rem\)\] {
        padding-inline: clamp(1rem, 0.5rem + 1.5vw, 1.5rem);
    }

    .px-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,2rem\)\] {
        padding-inline: clamp(1rem, 0.5rem + 1.5vw, 2rem);
    }

    .px-\[clamp\(1rem\,0\.5rem_\+_2\.5vw\,3\.5rem\)\] {
        padding-inline: clamp(1rem, 0.5rem + 2.5vw, 3.5rem);
    }

    .px-\[clamp\(1rem\,0\.5rem_\+_2vw\,2\.5rem\)\] {
        padding-inline: clamp(1rem, 0.5rem + 2vw, 2.5rem);
    }

    .px-\[clamp\(1rem\,2\.4vw\,2\.5rem\)\] {
        padding-inline: clamp(1rem, 2.4vw, 2.5rem);
    }

    .px-\[clamp\(1rem\,2\.4vw\,2rem\)\] {
        padding-inline: clamp(1rem, 2.4vw, 2rem);
    }

    .px-\[clamp\(1rem\,3vw\,3rem\)\] {
        padding-inline: clamp(1rem, 3vw, 3rem);
    }

    .px-\[clamp\(1rem\,4vw\,3\.5rem\)\] {
        padding-inline: clamp(1rem, 4vw, 3.5rem);
    }

    .px-\[clamp\(1rem\,5vw\,4rem\)\] {
        padding-inline: clamp(1rem, 5vw, 4rem);
    }

    .px-\[max\(var\(--container-x\)\,\(100vw_-_var\(--container-width\)\)_\/_2_\+_var\(--container-x\)\)\] {
        padding-inline: max(
            var(--container-x),
            (100vw - var(--container-width)) / 2 + var(--container-x)
        );
    }

    .px-\[var\(--container-x\)\] {
        padding-inline: var(--container-x);
    }

    .px-\[var\(--container-x\,1rem\)\] {
        padding-inline: var(--container-x, 1rem);
    }

    .py-\(--custom-band-space\) {
        padding-block: var(--custom-band-space);
    }

    .py-\(--custom-half\) {
        padding-block: var(--custom-half);
    }

    .py-\(--custom-section\) {
        padding-block: var(--custom-section);
    }

    .py-\(--custom-space\) {
        padding-block: var(--custom-space);
    }

    .py-\(--pc-rise\) {
        padding-block: var(--pc-rise);
    }

    .py-\(--section-space\) {
        padding-block: var(--section-space);
    }

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

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

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

    .py-1 {
        padding-block: calc(var(--spacing) * 1);
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5);
    }

    .py-1\.25 {
        padding-block: calc(var(--spacing) * 1.25);
    }

    .py-1\.75 {
        padding-block: calc(var(--spacing) * 1.75);
    }

    .py-2 {
        padding-block: calc(var(--spacing) * 2);
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5);
    }

    .py-2\.25 {
        padding-block: calc(var(--spacing) * 2.25);
    }

    .py-2\.75 {
        padding-block: calc(var(--spacing) * 2.75);
    }

    .py-3 {
        padding-block: calc(var(--spacing) * 3);
    }

    .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5);
    }

    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }

    .py-4\.5 {
        padding-block: calc(var(--spacing) * 4.5);
    }

    .py-5 {
        padding-block: calc(var(--spacing) * 5);
    }

    .py-5\.5 {
        padding-block: calc(var(--spacing) * 5.5);
    }

    .py-6 {
        padding-block: calc(var(--spacing) * 6);
    }

    .py-6\.5 {
        padding-block: calc(var(--spacing) * 6.5);
    }

    .py-7 {
        padding-block: calc(var(--spacing) * 7);
    }

    .py-8 {
        padding-block: calc(var(--spacing) * 8);
    }

    .py-9 {
        padding-block: calc(var(--spacing) * 9);
    }

    .py-10 {
        padding-block: calc(var(--spacing) * 10);
    }

    .py-12 {
        padding-block: calc(var(--spacing) * 12);
    }

    .py-14 {
        padding-block: calc(var(--spacing) * 14);
    }

    .py-16 {
        padding-block: calc(var(--spacing) * 16);
    }

    .py-20 {
        padding-block: calc(var(--spacing) * 20);
    }

    .py-24 {
        padding-block: calc(var(--spacing) * 24);
    }

    .py-\[0\.1em\] {
        padding-block: 0.1em;
    }

    .py-\[0\.2em\] {
        padding-block: 0.2em;
    }

    .py-\[0\.3em\] {
        padding-block: 0.3em;
    }

    .py-\[0\.3rem\] {
        padding-block: 0.3rem;
    }

    .py-\[0\.4rem\] {
        padding-block: 0.4rem;
    }

    .py-\[0\.45rem\] {
        padding-block: 0.45rem;
    }

    .py-\[0\.0625rem\] {
        padding-block: 0.0625rem;
    }

    .py-\[0\.3125rem\] {
        padding-block: 0.3125rem;
    }

    .py-\[0\.4375rem\] {
        padding-block: 0.4375rem;
    }

    .py-\[0\.5625rem\] {
        padding-block: 0.5625rem;
    }

    .py-\[0\.8125rem\] {
        padding-block: 0.8125rem;
    }

    .py-\[0\.9375rem\] {
        padding-block: 0.9375rem;
    }

    .py-\[4cqi\] {
        padding-block: 4cqi;
    }

    .py-\[calc\(3vw\+0\.5rem\)\] {
        padding-block: calc(3vw + 0.5rem);
    }

    .py-\[calc\(var\(--section-space\)\*0\.6\)\] {
        padding-block: calc(var(--section-space) * 0.6);
    }

    .py-\[calc\(var\(--section-space\)\*0\.7\)\] {
        padding-block: calc(var(--section-space) * 0.7);
    }

    .py-\[calc\(var\(--section-space\)\*0\.8\)\] {
        padding-block: calc(var(--section-space) * 0.8);
    }

    .py-\[calc\(var\(--section-space\)_\*_0\.75\)\] {
        padding-block: calc(var(--section-space) * 0.75);
    }

    .py-\[clamp\(0\.5rem\,_0\.1rem_\+_1\.6vw\,_1\.5rem\)\] {
        padding-block: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
    }

    .py-\[clamp\(0\.5rem\,_0\.2rem_\+_1vw\,_1rem\)\] {
        padding-block: clamp(0.5rem, 0.2rem + 1vw, 1rem);
    }

    .py-\[clamp\(0\.75rem\,1\.6vw\,1\.25rem\)\] {
        padding-block: clamp(0.75rem, 1.6vw, 1.25rem);
    }

    .py-\[clamp\(0rem\,-1rem_\+_4vw\,3rem\)\] {
        padding-block: clamp(0rem, 4vw - 1rem, 3rem);
    }

    .py-\[clamp\(1\.5rem\,0\.5rem_\+_3\.6vw\,4rem\)\] {
        padding-block: clamp(1.5rem, 0.5rem + 3.6vw, 4rem);
    }

    .py-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,2\.25rem\)\] {
        padding-block: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
    }

    .py-\[clamp\(1\.5rem\,1rem_\+_1\.6vw\,2\.5rem\)\] {
        padding-block: clamp(1.5rem, 1rem + 1.6vw, 2.5rem);
    }

    .py-\[clamp\(1\.5rem\,1rem_\+_2vw\,2\.75rem\)\],
    .py-\[clamp\(1\.5rem\,_1rem_\+_2vw\,_2\.75rem\)\] {
        padding-block: clamp(1.5rem, 1rem + 2vw, 2.75rem);
    }

    .py-\[clamp\(1\.25rem\,0\.6rem_\+_2\.2vw\,2\.75rem\)\] {
        padding-block: clamp(1.25rem, 0.6rem + 2.2vw, 2.75rem);
    }

    .py-\[clamp\(1\.25rem\,_1rem_\+_1vw\,_1\.75rem\)\] {
        padding-block: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    }

    .py-\[clamp\(1\.75rem\,1\.2rem\+2vw\,3rem\)\] {
        padding-block: clamp(1.75rem, 1.2rem + 2vw, 3rem);
    }

    .py-\[clamp\(1\.75rem\,1\.4rem_\+_1vw\,2\.5rem\)\] {
        padding-block: clamp(1.75rem, 1.4rem + 1vw, 2.5rem);
    }

    .py-\[clamp\(1\.75rem\,1\.25rem\+1\.5vw\,2\.75rem\)\] {
        padding-block: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
    }

    .py-\[clamp\(1\.75rem\,1\.25rem_\+_1\.5vw\,2\.5rem\)\] {
        padding-block: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem);
    }

    .py-\[clamp\(1\.75rem\,1\.25rem_\+_1\.6vw\,2\.75rem\)\] {
        padding-block: clamp(1.75rem, 1.25rem + 1.6vw, 2.75rem);
    }

    .py-\[clamp\(1\.75rem\,1rem_\+_2vw\,2\.75rem\)\] {
        padding-block: clamp(1.75rem, 1rem + 2vw, 2.75rem);
    }

    .py-\[clamp\(1\.75rem\,5vw\,4\.5rem\)\] {
        padding-block: clamp(1.75rem, 5vw, 4.5rem);
    }

    .py-\[clamp\(1rem\,0\.5rem_\+_1\.2vw\,1\.75rem\)\] {
        padding-block: clamp(1rem, 0.5rem + 1.2vw, 1.75rem);
    }

    .py-\[clamp\(1rem\,0\.5rem_\+_1\.5vw\,2rem\)\] {
        padding-block: clamp(1rem, 0.5rem + 1.5vw, 2rem);
    }

    .py-\[clamp\(1rem\,0\.5rem_\+_3vw\,4rem\)\] {
        padding-block: clamp(1rem, 0.5rem + 3vw, 4rem);
    }

    .py-\[clamp\(1rem\,0\.75rem_\+_0\.8vw\,1\.5rem\)\] {
        padding-block: clamp(1rem, 0.75rem + 0.8vw, 1.5rem);
    }

    .py-\[clamp\(1rem\,3vw\,2rem\)\] {
        padding-block: clamp(1rem, 3vw, 2rem);
    }

    .py-\[clamp\(2\.5rem\,1\.5rem\+2\.6vw\,3\.75rem\)\] {
        padding-block: clamp(2.5rem, 1.5rem + 2.6vw, 3.75rem);
    }

    .py-\[clamp\(2\.5rem\,1\.5rem_\+_2\.8vw\,4rem\)\] {
        padding-block: clamp(2.5rem, 1.5rem + 2.8vw, 4rem);
    }

    .py-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4rem\)\] {
        padding-block: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .py-\[clamp\(2\.5rem\,1\.5rem_\+_4vw\,5\.5rem\)\] {
        padding-block: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);
    }

    .py-\[clamp\(2\.5rem\,1\.75rem_\+_2\.5vw\,4\.5rem\)\] {
        padding-block: clamp(2.5rem, 1.75rem + 2.5vw, 4.5rem);
    }

    .py-\[clamp\(2\.5rem\,1rem\+5vh\,5rem\)\] {
        padding-block: clamp(2.5rem, 1rem + 5vh, 5rem);
    }

    .py-\[clamp\(2\.5rem\,1rem_\+_4\.6vw\,5\.5rem\)\] {
        padding-block: clamp(2.5rem, 1rem + 4.6vw, 5.5rem);
    }

    .py-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        padding-block: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .py-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        padding-block: clamp(2.5rem, 4vw, 3.5rem);
    }

    .py-\[clamp\(2\.5rem\,6vw\,5\.5rem\)\] {
        padding-block: clamp(2.5rem, 6vw, 5.5rem);
    }

    .py-\[clamp\(2\.5rem\,_1\.5rem_\+_4vw\,_4\.5rem\)\] {
        padding-block: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
    }

    .py-\[clamp\(2\.25rem\,1\.25rem_\+_4vw\,5rem\)\] {
        padding-block: clamp(2.25rem, 1.25rem + 4vw, 5rem);
    }

    .py-\[clamp\(2\.25rem\,1rem_\+_3\.6vw\,4\.75rem\)\] {
        padding-block: clamp(2.25rem, 1rem + 3.6vw, 4.75rem);
    }

    .py-\[clamp\(2\.25rem\,1rem_\+_4\.4vw\,5rem\)\] {
        padding-block: clamp(2.25rem, 1rem + 4.4vw, 5rem);
    }

    .py-\[clamp\(2\.25rem\,4vw\,3rem\)\] {
        padding-block: clamp(2.25rem, 4vw, 3rem);
    }

    .py-\[clamp\(2\.75rem\,1\.5rem_\+_2\.5vw\,4rem\)\] {
        padding-block: clamp(2.75rem, 1.5rem + 2.5vw, 4rem);
    }

    .py-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        padding-block: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .py-\[clamp\(2rem\,1\.5rem_\+_2vw\,3rem\)\] {
        padding-block: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .py-\[clamp\(2rem\,1rem_\+_3\.4vw\,4\.5rem\)\] {
        padding-block: clamp(2rem, 1rem + 3.4vw, 4.5rem);
    }

    .py-\[clamp\(2rem\,1rem_\+_3vw\,4rem\)\] {
        padding-block: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .py-\[clamp\(2rem\,1rem_\+_4vw\,4\.5rem\)\] {
        padding-block: clamp(2rem, 1rem + 4vw, 4.5rem);
    }

    .py-\[clamp\(2rem\,4vw\,3rem\)\] {
        padding-block: clamp(2rem, 4vw, 3rem);
    }

    .py-\[clamp\(3\.5rem\,2\.5rem\+3vw\,5\.5rem\)\],
    .py-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5\.5rem\)\] {
        padding-block: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .py-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5rem\)\] {
        padding-block: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .py-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,6rem\)\] {
        padding-block: clamp(3.5rem, 2.5rem + 3vw, 6rem);
    }

    .py-\[clamp\(3\.5rem\,2rem\+4vw\,6rem\)\] {
        padding-block: clamp(3.5rem, 2rem + 4vw, 6rem);
    }

    .py-\[clamp\(3\.5rem\,2rem\+5vw\,6rem\)\] {
        padding-block: clamp(3.5rem, 2rem + 5vw, 6rem);
    }

    .py-\[clamp\(3\.5rem\,2rem_\+_5vw\,7rem\)\] {
        padding-block: clamp(3.5rem, 2rem + 5vw, 7rem);
    }

    .py-\[clamp\(3\.5rem\,2rem_\+_6vw\,8rem\)\] {
        padding-block: clamp(3.5rem, 2rem + 6vw, 8rem);
    }

    .py-\[clamp\(3\.5rem\,6vw\,5\.5rem\)\] {
        padding-block: clamp(3.5rem, 6vw, 5.5rem);
    }

    .py-\[clamp\(3rem\,1\.5rem_\+_5vw\,6\.5rem\)\] {
        padding-block: clamp(3rem, 1.5rem + 5vw, 6.5rem);
    }

    .py-\[clamp\(3rem\,2rem\+3vw\,5rem\)\] {
        padding-block: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .py-\[clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\] {
        padding-block: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .py-\[clamp\(3rem\,2rem_\+_3vw\,4\.75rem\)\] {
        padding-block: clamp(3rem, 2rem + 3vw, 4.75rem);
    }

    .py-\[clamp\(3rem\,2rem_\+_3vw\,5\.5rem\)\] {
        padding-block: clamp(3rem, 2rem + 3vw, 5.5rem);
    }

    .py-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        padding-block: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .py-\[clamp\(3rem\,6vw\,5rem\)\] {
        padding-block: clamp(3rem, 6vw, 5rem);
    }

    .py-\[clamp\(4\.5rem\,2\.5rem_\+_6vw\,9rem\)\] {
        padding-block: clamp(4.5rem, 2.5rem + 6vw, 9rem);
    }

    .py-\[clamp\(4\.5rem\,3rem\+5vw\,8rem\)\] {
        padding-block: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .py-\[clamp\(4\.5rem\,3rem\+6vw\,8rem\)\] {
        padding-block: clamp(4.5rem, 3rem + 6vw, 8rem);
    }

    .py-\[clamp\(4\.5rem\,3rem\+6vw\,9rem\)\] {
        padding-block: clamp(4.5rem, 3rem + 6vw, 9rem);
    }

    .py-\[clamp\(4\.5rem\,3rem_\+_5vw\,8rem\)\] {
        padding-block: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .py-\[clamp\(4\.5rem\,8vw\,7\.5rem\)\] {
        padding-block: clamp(4.5rem, 8vw, 7.5rem);
    }

    .py-\[clamp\(4\.5rem\,9vw\,8\.5rem\)\] {
        padding-block: clamp(4.5rem, 9vw, 8.5rem);
    }

    .py-\[clamp\(4\.5rem\,9vw\,8rem\)\] {
        padding-block: clamp(4.5rem, 9vw, 8rem);
    }

    .py-\[clamp\(4\.5rem\,11vw\,8rem\)\] {
        padding-block: clamp(4.5rem, 11vw, 8rem);
    }

    .py-\[clamp\(4rem\,3rem\+3vw\,6\.5rem\)\] {
        padding-block: clamp(4rem, 3rem + 3vw, 6.5rem);
    }

    .py-\[clamp\(4rem\,3rem\+3vw\,6rem\)\] {
        padding-block: clamp(4rem, 3rem + 3vw, 6rem);
    }

    .py-\[clamp\(4rem\,3rem\+4vw\,7rem\)\] {
        padding-block: clamp(4rem, 3rem + 4vw, 7rem);
    }

    .py-\[clamp\(4rem\,3rem_\+_3vw\,6rem\)\] {
        padding-block: clamp(4rem, 3rem + 3vw, 6rem);
    }

    .py-\[clamp\(5rem\,3rem_\+_6vw\,8rem\)\] {
        padding-block: clamp(5rem, 3rem + 6vw, 8rem);
    }

    .py-\[clamp\(5rem\,3rem_\+_6vw\,9rem\)\] {
        padding-block: clamp(5rem, 3rem + 6vw, 9rem);
    }

    .py-\[clamp\(5rem\,3rem_\+_7vw\,10rem\)\] {
        padding-block: clamp(5rem, 3rem + 7vw, 10rem);
    }

    .py-\[clamp\(5rem\,9vw\,8\.5rem\)\] {
        padding-block: clamp(5rem, 9vw, 8.5rem);
    }

    .py-\[clamp\(5rem\,10vw\,9rem\)\] {
        padding-block: clamp(5rem, 10vw, 9rem);
    }

    .py-\[clamp\(5rem\,12vw\,9rem\)\] {
        padding-block: clamp(5rem, 12vw, 9rem);
    }

    .py-\[clamp\(6rem\,4rem\+7vw\,11rem\)\] {
        padding-block: clamp(6rem, 4rem + 7vw, 11rem);
    }

    .py-\[var\(--section-space\)\] {
        padding-block: var(--section-space);
    }

    .ps-0 {
        padding-inline-start: calc(var(--spacing) * 0);
    }

    .ps-1\.5 {
        padding-inline-start: calc(var(--spacing) * 1.5);
    }

    .ps-2 {
        padding-inline-start: calc(var(--spacing) * 2);
    }

    .ps-2\.5 {
        padding-inline-start: calc(var(--spacing) * 2.5);
    }

    .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3);
    }

    .ps-3\.5 {
        padding-inline-start: calc(var(--spacing) * 3.5);
    }

    .ps-4 {
        padding-inline-start: calc(var(--spacing) * 4);
    }

    .ps-4\.5 {
        padding-inline-start: calc(var(--spacing) * 4.5);
    }

    .ps-5 {
        padding-inline-start: calc(var(--spacing) * 5);
    }

    .ps-6 {
        padding-inline-start: calc(var(--spacing) * 6);
    }

    .ps-7 {
        padding-inline-start: calc(var(--spacing) * 7);
    }

    .ps-8 {
        padding-inline-start: calc(var(--spacing) * 8);
    }

    .ps-9 {
        padding-inline-start: calc(var(--spacing) * 9);
    }

    .ps-11 {
        padding-inline-start: calc(var(--spacing) * 11);
    }

    .ps-11\.5 {
        padding-inline-start: calc(var(--spacing) * 11.5);
    }

    .ps-12 {
        padding-inline-start: calc(var(--spacing) * 12);
    }

    .ps-13 {
        padding-inline-start: calc(var(--spacing) * 13);
    }

    .ps-14 {
        padding-inline-start: calc(var(--spacing) * 14);
    }

    .ps-\[10\%\] {
        padding-inline-start: 10%;
    }

    .ps-\[40\%\] {
        padding-inline-start: 40%;
    }

    .ps-\[clamp\(1\.25rem\,0\.5rem_\+_3vw\,4rem\)\] {
        padding-inline-start: clamp(1.25rem, 0.5rem + 3vw, 4rem);
    }

    .ps-\[clamp\(1\.25rem\,0\.75rem_\+_2vw\,2\.5rem\)\] {
        padding-inline-start: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);
    }

    .pe-0 {
        padding-inline-end: calc(var(--spacing) * 0);
    }

    .pe-1 {
        padding-inline-end: calc(var(--spacing) * 1);
    }

    .pe-3 {
        padding-inline-end: calc(var(--spacing) * 3);
    }

    .pe-3\.5 {
        padding-inline-end: calc(var(--spacing) * 3.5);
    }

    .pe-4 {
        padding-inline-end: calc(var(--spacing) * 4);
    }

    .pe-5 {
        padding-inline-end: calc(var(--spacing) * 5);
    }

    .pe-6 {
        padding-inline-end: calc(var(--spacing) * 6);
    }

    .pe-7 {
        padding-inline-end: calc(var(--spacing) * 7);
    }

    .pe-8 {
        padding-inline-end: calc(var(--spacing) * 8);
    }

    .pe-10 {
        padding-inline-end: calc(var(--spacing) * 10);
    }

    .pe-14 {
        padding-inline-end: calc(var(--spacing) * 14);
    }

    .pe-16 {
        padding-inline-end: calc(var(--spacing) * 16);
    }

    .pe-18 {
        padding-inline-end: calc(var(--spacing) * 18);
    }

    .pe-\[0\.04em\] {
        padding-inline-end: 0.04em;
    }

    .pe-\[22\%\] {
        padding-inline-end: 22%;
    }

    .pe-\[clamp\(0\.5rem\,2vw\,2\.5rem\)\] {
        padding-inline-end: clamp(0.5rem, 2vw, 2.5rem);
    }

    .pe-\[clamp\(0\.75rem\,2vw\,2\.5rem\)\] {
        padding-inline-end: clamp(0.75rem, 2vw, 2.5rem);
    }

    .pe-\[clamp\(0rem\,-1rem_\+_3vw\,2\.5rem\)\] {
        padding-inline-end: clamp(0rem, 3vw - 1rem, 2.5rem);
    }

    .pe-\[clamp\(2\.5rem\,8vw\,6\.5rem\)\] {
        padding-inline-end: clamp(2.5rem, 8vw, 6.5rem);
    }

    .pe-\[clamp\(2rem\,8vw\,6rem\)\] {
        padding-inline-end: clamp(2rem, 8vw, 6rem);
    }

    .pe-\[clamp\(3rem\,2rem\+4vw\,6rem\)\],
    .pe-\[clamp\(3rem\,2rem_\+_4vw\,6rem\)\] {
        padding-inline-end: clamp(3rem, 2rem + 4vw, 6rem);
    }

    .pt-\(--console-pad\) {
        padding-top: var(--console-pad);
    }

    .pt-\(--custom-beliefs-pad\) {
        padding-top: var(--custom-beliefs-pad);
    }

    .pt-\(--custom-frame\) {
        padding-top: var(--custom-frame);
    }

    .pt-\(--custom-gap\) {
        padding-top: var(--custom-gap);
    }

    .pt-\(--custom-gutter\) {
        padding-top: var(--custom-gutter);
    }

    .pt-\(--custom-half\) {
        padding-top: var(--custom-half);
    }

    .pt-\(--custom-hero-inset\) {
        padding-top: var(--custom-hero-inset);
    }

    .pt-\(--custom-reset-pad\) {
        padding-top: var(--custom-reset-pad);
    }

    .pt-\(--custom-section\) {
        padding-top: var(--custom-section);
    }

    .pt-\(--custom-security-pad\) {
        padding-top: var(--custom-security-pad);
    }

    .pt-\(--custom-space\) {
        padding-top: var(--custom-space);
    }

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

    .pt-\(--section-space\) {
        padding-top: var(--section-space);
    }

    .pt-\(--tr-pad\) {
        padding-top: var(--tr-pad);
    }

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

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

    .pt-1 {
        padding-top: calc(var(--spacing) * 1);
    }

    .pt-1\.5 {
        padding-top: calc(var(--spacing) * 1.5);
    }

    .pt-2 {
        padding-top: calc(var(--spacing) * 2);
    }

    .pt-2\.5 {
        padding-top: calc(var(--spacing) * 2.5);
    }

    .pt-2\.25 {
        padding-top: calc(var(--spacing) * 2.25);
    }

    .pt-2\.75 {
        padding-top: calc(var(--spacing) * 2.75);
    }

    .pt-3 {
        padding-top: calc(var(--spacing) * 3);
    }

    .pt-3\.5 {
        padding-top: calc(var(--spacing) * 3.5);
    }

    .pt-4 {
        padding-top: calc(var(--spacing) * 4);
    }

    .pt-4\.5 {
        padding-top: calc(var(--spacing) * 4.5);
    }

    .pt-5 {
        padding-top: calc(var(--spacing) * 5);
    }

    .pt-5\.5 {
        padding-top: calc(var(--spacing) * 5.5);
    }

    .pt-6 {
        padding-top: calc(var(--spacing) * 6);
    }

    .pt-7 {
        padding-top: calc(var(--spacing) * 7);
    }

    .pt-8 {
        padding-top: calc(var(--spacing) * 8);
    }

    .pt-9 {
        padding-top: calc(var(--spacing) * 9);
    }

    .pt-10 {
        padding-top: calc(var(--spacing) * 10);
    }

    .pt-11 {
        padding-top: calc(var(--spacing) * 11);
    }

    .pt-12 {
        padding-top: calc(var(--spacing) * 12);
    }

    .pt-14 {
        padding-top: calc(var(--spacing) * 14);
    }

    .pt-16 {
        padding-top: calc(var(--spacing) * 16);
    }

    .pt-20 {
        padding-top: calc(var(--spacing) * 20);
    }

    .pt-24 {
        padding-top: calc(var(--spacing) * 24);
    }

    .pt-28 {
        padding-top: calc(var(--spacing) * 28);
    }

    .pt-32 {
        padding-top: calc(var(--spacing) * 32);
    }

    .pt-36 {
        padding-top: calc(var(--spacing) * 36);
    }

    .pt-40 {
        padding-top: calc(var(--spacing) * 40);
    }

    .pt-\[0\.1em\] {
        padding-top: 0.1em;
    }

    .pt-\[0\.8em\] {
        padding-top: 0.8em;
    }

    .pt-\[14\%\] {
        padding-top: 14%;
    }

    .pt-\[calc\(\(var\(--pod-ring\)_-_var\(--pod-orb\)\)_\/_2\)\] {
        padding-top: calc((var(--pod-ring) - var(--pod-orb)) / 2);
    }

    .pt-\[calc\(6rem\+clamp\(2rem\,5svh\,3\.5rem\)\)\] {
        padding-top: calc(6rem + clamp(2rem, 5svh, 3.5rem));
    }

    .pt-\[calc\(var\(--custom-head\)-1rem\)\] {
        padding-top: calc(var(--custom-head) - 1rem);
    }

    .pt-\[calc\(var\(--custom-head\)_\+_0\.5rem\)\] {
        padding-top: calc(var(--custom-head) + 0.5rem);
    }

    .pt-\[calc\(var\(--custom-head\)_\+_1\.25rem\)\] {
        padding-top: calc(var(--custom-head) + 1.25rem);
    }

    .pt-\[calc\(var\(--custom-hem-y\)\+2rem\)\] {
        padding-top: calc(var(--custom-hem-y) + 2rem);
    }

    .pt-\[calc\(var\(--custom-pad\)_\+_1\.5rem\)\] {
        padding-top: calc(var(--custom-pad) + 1.5rem);
    }

    .pt-\[calc\(var\(--custom-section\)\*0\.75\)\] {
        padding-top: calc(var(--custom-section) * 0.75);
    }

    .pt-\[calc\(var\(--header-h\)\+1\.25rem\)\] {
        padding-top: calc(var(--header-h) + 1.25rem);
    }

    .pt-\[calc\(var\(--header-h\)\+3rem\)\] {
        padding-top: calc(var(--header-h) + 3rem);
    }

    .pt-\[calc\(var\(--header-h\)\+4rem\)\] {
        padding-top: calc(var(--header-h) + 4rem);
    }

    .pt-\[calc\(var\(--header-h\)\+16rem\)\] {
        padding-top: calc(var(--header-h) + 16rem);
    }

    .pt-\[calc\(var\(--header-h\)\+clamp\(1\.5rem\,0\.5rem\+2\.5vw\,3rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(1.5rem, 0.5rem + 2.5vw, 3rem));
    }

    .pt-\[calc\(var\(--header-h\)\+clamp\(1\.25rem\,0\.5rem\+2vw\,2\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(1.25rem, 0.5rem + 2vw, 2.5rem));
    }

    .pt-\[calc\(var\(--header-h\)\+clamp\(2\.5rem\,1\.5rem\+3vw\,4\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2.5rem, 1.5rem + 3vw, 4.5rem));
    }

    .pt-\[calc\(var\(--header-h\)\+clamp\(2\.5rem\,1\.5rem\+4vw\,6rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2.5rem, 1.5rem + 4vw, 6rem));
    }

    .pt-\[calc\(var\(--header-h\)\+clamp\(2rem\,1\.25rem\+2\.5vw\,3\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2rem, 1.25rem + 2.5vw, 3.5rem));
    }

    .pt-\[calc\(var\(--header-h\)\+clamp\(2rem\,1rem\+3vw\,4rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2rem, 1rem + 3vw, 4rem));
    }

    .pt-\[calc\(var\(--header-h\)\+clamp\(3rem\,1\.5rem\+5vw\,5\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(3rem, 1.5rem + 5vw, 5.5rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_2rem\)\] {
        padding-top: calc(var(--header-h) + 2rem);
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(1\.5rem\,0\.5rem_\+_3vw\,3\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(1.5rem, 0.5rem + 3vw, 3.5rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(1\.25rem\,0\.5rem_\+_2\.5vw\,3rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(1.25rem, 0.5rem + 2.5vw, 3rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(1rem\,0\.25rem_\+_1\.6vw\,2rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(1rem, 0.25rem + 1.6vw, 2rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(1rem\,4svh_-_1rem\,2\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(1rem, 4svh - 1rem, 2.5rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(2\.5rem\,1\.5rem_\+_3vw\,4\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2.5rem, 1.5rem + 3vw, 4.5rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(2\.5rem\,1rem_\+_4vw\,5\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2.5rem, 1rem + 4vw, 5.5rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(2\.25rem\,0\.5rem_\+_3\.5vw\,4rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2.25rem, 0.5rem + 3.5vw, 4rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(2\.25rem\,1rem_\+_2\.6vw\,3\.25rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2.25rem, 1rem + 2.6vw, 3.25rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(2rem\,0\.75rem_\+_3\.4vw\,4\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2rem, 0.75rem + 3.4vw, 4.5rem));
    }

    .pt-\[calc\(var\(--header-h\)_\+_clamp\(2rem\,4vw\,3\.5rem\)\)\] {
        padding-top: calc(var(--header-h) + clamp(2rem, 4vw, 3.5rem));
    }

    .pt-\[calc\(var\(--header-h\,5\.5rem\)_\+_clamp\(2\.25rem\,1rem_\+_2\.5vw\,3\.5rem\)\)\] {
        padding-top: calc(var(--header-h, 5.5rem) + clamp(2.25rem, 1rem + 2.5vw, 3.5rem));
    }

    .pt-\[calc\(var\(--header-h\,5\.5rem\)_\+_clamp\(3rem\,1\.5rem_\+_5vw\,6\.5rem\)\)\] {
        padding-top: calc(var(--header-h, 5.5rem) + clamp(3rem, 1.5rem + 5vw, 6.5rem));
    }

    .pt-\[calc\(var\(--header-h\,5rem\)_\+_clamp\(2\.5rem\,1rem_\+_3\.4vw\,4\.5rem\)\)\] {
        padding-top: calc(var(--header-h, 5rem) + clamp(2.5rem, 1rem + 3.4vw, 4.5rem));
    }

    .pt-\[calc\(var\(--header-h\,88px\)_\+_clamp\(3rem\,1\.5rem_\+_5vw\,6\.5rem\)\)\] {
        padding-top: calc(var(--header-h, 88px) + clamp(3rem, 1.5rem + 5vw, 6.5rem));
    }

    .pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)\+clamp\(1\.75rem\,0\.75rem\+3vh\,3\.75rem\)\)\] {
        padding-top: calc(
            var(--header-h-rest, var(--header-h)) + clamp(1.75rem, 0.75rem + 3vh, 3.75rem)
        );
    }

    .pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)_\+_1rem\)\] {
        padding-top: calc(var(--header-h-rest, var(--header-h)) + 1rem);
    }

    .pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)_\+_2rem\)\] {
        padding-top: calc(var(--header-h-rest, var(--header-h)) + 2rem);
    }

    .pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)_\+_clamp\(1\.25rem\,0\.75rem_\+_1\.5vw\,2\.25rem\)\)\] {
        padding-top: calc(
            var(--header-h-rest, var(--header-h)) + clamp(1.25rem, 0.75rem + 1.5vw, 2.25rem)
        );
    }

    .pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)_\+_clamp\(1\.25rem\,0\.75rem_\+_1\.5vw\,2rem\)\)\] {
        padding-top: calc(
            var(--header-h-rest, var(--header-h)) + clamp(1.25rem, 0.75rem + 1.5vw, 2rem)
        );
    }

    .pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)_\+_clamp\(1\.25rem\,0\.75rem_\+_1vw\,1\.75rem\)\)\] {
        padding-top: calc(
            var(--header-h-rest, var(--header-h)) + clamp(1.25rem, 0.75rem + 1vw, 1.75rem)
        );
    }

    .pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)_\+_clamp\(3rem\,2rem_\+_3vw\,5\.5rem\)\)\] {
        padding-top: calc(var(--header-h-rest, var(--header-h)) + clamp(3rem, 2rem + 3vw, 5.5rem));
    }

    .pt-\[calc\(var\(--search-h\,3\.5rem\)_\/_2_\+_1\.25rem\)\] {
        padding-top: calc(var(--search-h, 3.5rem) / 2 + 1.25rem);
    }

    .pt-\[calc\(var\(--section-space\)\*0\.4\)\] {
        padding-top: calc(var(--section-space) * 0.4);
    }

    .pt-\[calc\(var\(--section-space\)\*0\.5\)\] {
        padding-top: calc(var(--section-space) * 0.5);
    }

    .pt-\[calc\(var\(--section-space\)\*0\.6\)\] {
        padding-top: calc(var(--section-space) * 0.6);
    }

    .pt-\[calc\(var\(--section-space\)\*0\.55\)\] {
        padding-top: calc(var(--section-space) * 0.55);
    }

    .pt-\[calc\(var\(--section-space\)\*0\.75\)\] {
        padding-top: calc(var(--section-space) * 0.75);
    }

    .pt-\[calc\(var\(--section-space\)\+4rem\)\] {
        padding-top: calc(var(--section-space) + 4rem);
    }

    .pt-\[calc\(var\(--section-space\)-2rem\)\] {
        padding-top: calc(var(--section-space) - 2rem);
    }

    .pt-\[calc\(var\(--section-space\)_\*_0\.4\)\] {
        padding-top: calc(var(--section-space) * 0.4);
    }

    .pt-\[calc\(var\(--section-space\)_\*_0\.9\)\] {
        padding-top: calc(var(--section-space) * 0.9);
    }

    .pt-\[calc\(var\(--section-space\)_\*_0\.15\)\] {
        padding-top: calc(var(--section-space) * 0.15);
    }

    .pt-\[calc\(var\(--section-space\)_\*_0\.75\)\] {
        padding-top: calc(var(--section-space) * 0.75);
    }

    .pt-\[calc\(var\(--section-space\)_-_1\.25rem\)\] {
        padding-top: calc(var(--section-space) - 1.25rem);
    }

    .pt-\[calc\(var\(--sun\)_\*_0\.2\)\] {
        padding-top: calc(var(--sun) * 0.2);
    }

    .pt-\[calc\(var\(--topbar-h\)_\+_var\(--navbar-h\)_\+_2rem\)\] {
        padding-top: calc(var(--topbar-h) + var(--navbar-h) + 2rem);
    }

    .pt-\[clamp\(0\.5rem\,0\.25rem_\+_1vw\,1rem\)\] {
        padding-top: clamp(0.5rem, 0.25rem + 1vw, 1rem);
    }

    .pt-\[clamp\(0\.5rem\,1vw\,1rem\)\] {
        padding-top: clamp(0.5rem, 1vw, 1rem);
    }

    .pt-\[clamp\(0\.5rem\,2vw\,1\.5rem\)\] {
        padding-top: clamp(0.5rem, 2vw, 1.5rem);
    }

    .pt-\[clamp\(0\.5rem\,2vw\,2rem\)\] {
        padding-top: clamp(0.5rem, 2vw, 2rem);
    }

    .pt-\[clamp\(0\.75rem\,1\.3vw\,1\.25rem\)\] {
        padding-top: clamp(0.75rem, 1.3vw, 1.25rem);
    }

    .pt-\[clamp\(1\.5rem\,0\.5rem\+2vw\,2\.5rem\)\] {
        padding-top: clamp(1.5rem, 0.5rem + 2vw, 2.5rem);
    }

    .pt-\[clamp\(1\.5rem\,0\.5rem\+3vw\,4rem\)\] {
        padding-top: clamp(1.5rem, 0.5rem + 3vw, 4rem);
    }

    .pt-\[clamp\(1\.5rem\,0\.6rem_\+_2\.6vw\,3rem\)\] {
        padding-top: clamp(1.5rem, 0.6rem + 2.6vw, 3rem);
    }

    .pt-\[clamp\(1\.5rem\,0\.75rem\+2vw\,2\.5rem\)\] {
        padding-top: clamp(1.5rem, 0.75rem + 2vw, 2.5rem);
    }

    .pt-\[clamp\(1\.5rem\,1rem\+2vw\,3rem\)\] {
        padding-top: clamp(1.5rem, 1rem + 2vw, 3rem);
    }

    .pt-\[clamp\(1\.5rem\,1rem_\+_1\.4vw\,2rem\)\] {
        padding-top: clamp(1.5rem, 1rem + 1.4vw, 2rem);
    }

    .pt-\[clamp\(1\.5rem\,1rem_\+_2vw\,3rem\)\] {
        padding-top: clamp(1.5rem, 1rem + 2vw, 3rem);
    }

    .pt-\[clamp\(1\.5rem\,2\.5vw\,2\.5rem\)\] {
        padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
    }

    .pt-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] {
        padding-top: clamp(1.5rem, 3vw, 2.5rem);
    }

    .pt-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        padding-top: clamp(1.5rem, 3vw, 3rem);
    }

    .pt-\[clamp\(1\.5rem\,4svh\,2\.75rem\)\] {
        padding-top: clamp(1.5rem, 4svh, 2.75rem);
    }

    .pt-\[clamp\(1\.5rem\,4vw\,3\.5rem\)\] {
        padding-top: clamp(1.5rem, 4vw, 3.5rem);
    }

    .pt-\[clamp\(1\.5rem\,_1\.2rem_\+_1\.2vw\,_2\.25rem\)\] {
        padding-top: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
    }

    .pt-\[clamp\(1\.25rem\,0\.5rem\+2\.4vw\,3rem\)\] {
        padding-top: clamp(1.25rem, 0.5rem + 2.4vw, 3rem);
    }

    .pt-\[clamp\(1\.25rem\,0\.25rem_\+_2\.5vw\,3rem\)\] {
        padding-top: clamp(1.25rem, 0.25rem + 2.5vw, 3rem);
    }

    .pt-\[clamp\(1\.25rem\,0\.75rem_\+_1vw\,1\.75rem\)\] {
        padding-top: clamp(1.25rem, 0.75rem + 1vw, 1.75rem);
    }

    .pt-\[clamp\(1\.25rem\,2\.5vw\,2rem\)\] {
        padding-top: clamp(1.25rem, 2.5vw, 2rem);
    }

    .pt-\[clamp\(1\.25rem\,8cqi\,2\.25rem\)\] {
        padding-top: clamp(1.25rem, 8cqi, 2.25rem);
    }

    .pt-\[clamp\(1\.25rem\,_1rem_\+_0\.8vw\,_1\.5rem\)\] {
        padding-top: clamp(1.25rem, 1rem + 0.8vw, 1.5rem);
    }

    .pt-\[clamp\(1\.25rem\,_1rem_\+_0\.8vw\,_1\.75rem\)\] {
        padding-top: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
    }

    .pt-\[clamp\(1\.25rem\,_1rem_\+_1vw\,_1\.75rem\)\] {
        padding-top: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    }

    .pt-\[clamp\(1\.75rem\,1rem_\+_1\.6vw\,2\.5rem\)\] {
        padding-top: clamp(1.75rem, 1rem + 1.6vw, 2.5rem);
    }

    .pt-\[clamp\(1\.75rem\,1rem_\+_2\.5vw\,3\.5rem\)\] {
        padding-top: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
    }

    .pt-\[clamp\(1\.75rem\,1rem_\+_3vw\,4rem\)\] {
        padding-top: clamp(1.75rem, 1rem + 3vw, 4rem);
    }

    .pt-\[clamp\(1\.75rem\,3vw\,2\.5rem\)\] {
        padding-top: clamp(1.75rem, 3vw, 2.5rem);
    }

    .pt-\[clamp\(1\.75rem\,3vw\,2\.75rem\)\] {
        padding-top: clamp(1.75rem, 3vw, 2.75rem);
    }

    .pt-\[clamp\(1rem\,0\.5rem\+1\.5vw\,2rem\)\] {
        padding-top: clamp(1rem, 0.5rem + 1.5vw, 2rem);
    }

    .pt-\[clamp\(1rem\,0\.5rem\+2vw\,2\.5rem\)\] {
        padding-top: clamp(1rem, 0.5rem + 2vw, 2.5rem);
    }

    .pt-\[clamp\(1rem\,0\.5rem_\+_2vw\,2rem\)\] {
        padding-top: clamp(1rem, 0.5rem + 2vw, 2rem);
    }

    .pt-\[clamp\(1rem\,2vw\,1\.5rem\)\] {
        padding-top: clamp(1rem, 2vw, 1.5rem);
    }

    .pt-\[clamp\(1rem\,3vw\,2\.5rem\)\] {
        padding-top: clamp(1rem, 3vw, 2.5rem);
    }

    .pt-\[clamp\(1rem\,4vw\,3rem\)\] {
        padding-top: clamp(1rem, 4vw, 3rem);
    }

    .pt-\[clamp\(2\.5rem\,0\.75rem_\+_5vw\,6rem\)\] {
        padding-top: clamp(2.5rem, 0.75rem + 5vw, 6rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem\+2\.5vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 2.5vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4\.5rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem_\+_2\.5vw\,4\.5rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 2.5vw, 4.5rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,3\.5rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 3vw, 3.5rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4\.5rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.5rem_\+_4vw\,5\.5rem\)\] {
        padding-top: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.25rem_\+_4vw\,5\.5rem\)\] {
        padding-top: clamp(2.5rem, 1.25rem + 4vw, 5.5rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.75rem\+2vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 1.75rem + 2vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.75rem_\+_2vw\,3\.75rem\)\] {
        padding-top: clamp(2.5rem, 1.75rem + 2vw, 3.75rem);
    }

    .pt-\[clamp\(2\.5rem\,1\.75rem_\+_2vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 1.75rem + 2vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,1rem\+4vw\,5\.5rem\)\] {
        padding-top: clamp(2.5rem, 1rem + 4vw, 5.5rem);
    }

    .pt-\[clamp\(2\.5rem\,1rem_\+_4vw\,5rem\)\] {
        padding-top: clamp(2.5rem, 1rem + 4vw, 5rem);
    }

    .pt-\[clamp\(2\.5rem\,2rem\+1\.5vw\,3\.5rem\)\] {
        padding-top: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .pt-\[clamp\(2\.5rem\,2rem\+2vw\,3\.5rem\)\] {
        padding-top: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .pt-\[clamp\(2\.5rem\,2rem\+2vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 2rem + 2vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,2rem_\+_1\.5vw\,3\.5rem\)\] {
        padding-top: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .pt-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        padding-top: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .pt-\[clamp\(2\.5rem\,2rem_\+_2vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 2rem + 2vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,4\.5vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 4.5vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        padding-top: clamp(2.5rem, 4vw, 3.5rem);
    }

    .pt-\[clamp\(2\.5rem\,5vw\,4rem\)\] {
        padding-top: clamp(2.5rem, 5vw, 4rem);
    }

    .pt-\[clamp\(2\.5rem\,6vw\,5\.5rem\)\] {
        padding-top: clamp(2.5rem, 6vw, 5.5rem);
    }

    .pt-\[clamp\(2\.25rem\,1\.5rem_\+_3vw\,3\.75rem\)\] {
        padding-top: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);
    }

    .pt-\[clamp\(2\.25rem\,1\.25rem_\+_2\.5vw\,4rem\)\] {
        padding-top: clamp(2.25rem, 1.25rem + 2.5vw, 4rem);
    }

    .pt-\[clamp\(2\.25rem\,1rem\+3\.5vw\,4\.5rem\)\] {
        padding-top: clamp(2.25rem, 1rem + 3.5vw, 4.5rem);
    }

    .pt-\[clamp\(2\.25rem\,1rem\+5vh\,5\.5rem\)\] {
        padding-top: clamp(2.25rem, 1rem + 5vh, 5.5rem);
    }

    .pt-\[clamp\(2\.25rem\,1rem_\+_3\.5vw\,4\.5rem\)\] {
        padding-top: clamp(2.25rem, 1rem + 3.5vw, 4.5rem);
    }

    .pt-\[clamp\(2\.25rem\,1rem_\+_3vw\,4rem\)\] {
        padding-top: clamp(2.25rem, 1rem + 3vw, 4rem);
    }

    .pt-\[clamp\(2\.25rem\,4vw\,3\.5rem\)\] {
        padding-top: clamp(2.25rem, 4vw, 3.5rem);
    }

    .pt-\[clamp\(2rem\,0\.5rem_\+_3vw\,3\.5rem\)\] {
        padding-top: clamp(2rem, 0.5rem + 3vw, 3.5rem);
    }

    .pt-\[clamp\(2rem\,0\.5rem_\+_4vw\,4\.5rem\)\] {
        padding-top: clamp(2rem, 0.5rem + 4vw, 4.5rem);
    }

    .pt-\[clamp\(2rem\,1\.5rem\+1\.5vw\,3rem\)\] {
        padding-top: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .pt-\[clamp\(2rem\,1\.5rem\+2vw\,3\.5rem\)\] {
        padding-top: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .pt-\[clamp\(2rem\,1\.5rem_\+_1\.2vw\,2\.75rem\)\] {
        padding-top: clamp(2rem, 1.5rem + 1.2vw, 2.75rem);
    }

    .pt-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        padding-top: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .pt-\[clamp\(2rem\,1\.5rem_\+_2vw\,3\.5rem\)\] {
        padding-top: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .pt-\[clamp\(2rem\,1\.5rem_\+_2vw\,3rem\)\] {
        padding-top: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .pt-\[clamp\(2rem\,1\.25rem_\+_2vw\,3\.25rem\)\] {
        padding-top: clamp(2rem, 1.25rem + 2vw, 3.25rem);
    }

    .pt-\[clamp\(2rem\,1rem\+2\.5vw\,3\.5rem\)\] {
        padding-top: clamp(2rem, 1rem + 2.5vw, 3.5rem);
    }

    .pt-\[clamp\(2rem\,1rem\+2vw\,2\.5rem\)\] {
        padding-top: clamp(2rem, 1rem + 2vw, 2.5rem);
    }

    .pt-\[clamp\(2rem\,1rem\+3vw\,4rem\)\] {
        padding-top: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .pt-\[clamp\(2rem\,1rem_\+_3vw\,3\.5rem\)\] {
        padding-top: clamp(2rem, 1rem + 3vw, 3.5rem);
    }

    .pt-\[clamp\(2rem\,1rem_\+_3vw\,3\.75rem\)\] {
        padding-top: clamp(2rem, 1rem + 3vw, 3.75rem);
    }

    .pt-\[clamp\(2rem\,1rem_\+_3vw\,4\.5rem\)\] {
        padding-top: clamp(2rem, 1rem + 3vw, 4.5rem);
    }

    .pt-\[clamp\(2rem\,1rem_\+_3vw\,4rem\)\] {
        padding-top: clamp(2rem, 1rem + 3vw, 4rem);
    }

    .pt-\[clamp\(2rem\,3\.4vw\,3rem\)\] {
        padding-top: clamp(2rem, 3.4vw, 3rem);
    }

    .pt-\[clamp\(2rem\,3\.5vw\,2\.75rem\)\] {
        padding-top: clamp(2rem, 3.5vw, 2.75rem);
    }

    .pt-\[clamp\(2rem\,3\.5vw\,3\.5rem\)\] {
        padding-top: clamp(2rem, 3.5vw, 3.5rem);
    }

    .pt-\[clamp\(2rem\,3\.5vw\,3rem\)\] {
        padding-top: clamp(2rem, 3.5vw, 3rem);
    }

    .pt-\[clamp\(2rem\,3vw\,3rem\)\] {
        padding-top: clamp(2rem, 3vw, 3rem);
    }

    .pt-\[clamp\(2rem\,4vw\,3rem\)\] {
        padding-top: clamp(2rem, 4vw, 3rem);
    }

    .pt-\[clamp\(2rem\,8vw\,6rem\)\] {
        padding-top: clamp(2rem, 8vw, 6rem);
    }

    .pt-\[clamp\(3\.5rem\,2\.5rem\+3vw\,5rem\)\] {
        padding-top: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .pt-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5\.5rem\)\] {
        padding-top: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .pt-\[clamp\(3\.5rem\,2rem\+4vw\,6rem\)\] {
        padding-top: clamp(3.5rem, 2rem + 4vw, 6rem);
    }

    .pt-\[clamp\(3\.5rem\,2rem\+5vw\,6\.5rem\)\] {
        padding-top: clamp(3.5rem, 2rem + 5vw, 6.5rem);
    }

    .pt-\[clamp\(3\.5rem\,2rem_\+_4\.5vw\,6\.5rem\)\] {
        padding-top: clamp(3.5rem, 2rem + 4.5vw, 6.5rem);
    }

    .pt-\[clamp\(3\.5rem\,2rem_\+_5vw\,6\.5rem\)\] {
        padding-top: clamp(3.5rem, 2rem + 5vw, 6.5rem);
    }

    .pt-\[clamp\(3\.5rem\,2rem_\+_5vw\,6rem\)\] {
        padding-top: clamp(3.5rem, 2rem + 5vw, 6rem);
    }

    .pt-\[clamp\(3\.5rem\,2rem_\+_6vw\,7rem\)\] {
        padding-top: clamp(3.5rem, 2rem + 6vw, 7rem);
    }

    .pt-\[clamp\(3\.5rem\,6vw\,5\.5rem\)\] {
        padding-top: clamp(3.5rem, 6vw, 5.5rem);
    }

    .pt-\[clamp\(3\.5rem\,6vw\,5rem\)\] {
        padding-top: clamp(3.5rem, 6vw, 5rem);
    }

    .pt-\[clamp\(3\.5rem\,7vw\,6rem\)\] {
        padding-top: clamp(3.5rem, 7vw, 6rem);
    }

    .pt-\[clamp\(3rem\,1\.5rem\+3\.5vw\,5rem\)\] {
        padding-top: clamp(3rem, 1.5rem + 3.5vw, 5rem);
    }

    .pt-\[clamp\(3rem\,2rem\+3vw\,4\.5rem\)\] {
        padding-top: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .pt-\[clamp\(3rem\,2rem\+3vw\,5\.5rem\)\] {
        padding-top: clamp(3rem, 2rem + 3vw, 5.5rem);
    }

    .pt-\[clamp\(3rem\,2rem\+3vw\,5rem\)\] {
        padding-top: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .pt-\[clamp\(3rem\,2rem\+4vw\,6rem\)\] {
        padding-top: clamp(3rem, 2rem + 4vw, 6rem);
    }

    .pt-\[clamp\(3rem\,2rem_\+_2vw\,4rem\)\] {
        padding-top: clamp(3rem, 2rem + 2vw, 4rem);
    }

    .pt-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        padding-top: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .pt-\[clamp\(3rem\,5vw\,4\.5rem\)\] {
        padding-top: clamp(3rem, 5vw, 4.5rem);
    }

    .pt-\[clamp\(3rem\,6vw\,4\.5rem\)\] {
        padding-top: clamp(3rem, 6vw, 4.5rem);
    }

    .pt-\[clamp\(3rem\,6vw\,5\.5rem\)\] {
        padding-top: clamp(3rem, 6vw, 5.5rem);
    }

    .pt-\[clamp\(3rem\,6vw\,5rem\)\] {
        padding-top: clamp(3rem, 6vw, 5rem);
    }

    .pt-\[clamp\(4\.5rem\,3rem_\+_5vw\,8rem\)\] {
        padding-top: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .pt-\[clamp\(4\.5rem\,8vw\,7rem\)\] {
        padding-top: clamp(4.5rem, 8vw, 7rem);
    }

    .pt-\[clamp\(4\.5rem\,9vw\,7\.5rem\)\] {
        padding-top: clamp(4.5rem, 9vw, 7.5rem);
    }

    .pt-\[clamp\(4rem\,8vw\,7\.5rem\)\] {
        padding-top: clamp(4rem, 8vw, 7.5rem);
    }

    .pt-\[clamp\(4rem\,8vw\,7rem\)\] {
        padding-top: clamp(4rem, 8vw, 7rem);
    }

    .pt-\[clamp\(5rem\,3\.5rem\+5vw\,8\.5rem\)\] {
        padding-top: clamp(5rem, 3.5rem + 5vw, 8.5rem);
    }

    .pt-\[clamp\(5rem\,3rem_\+_5vw\,7\.5rem\)\] {
        padding-top: clamp(5rem, 3rem + 5vw, 7.5rem);
    }

    .pt-\[clamp\(5rem\,3rem_\+_6vw\,9rem\)\] {
        padding-top: clamp(5rem, 3rem + 6vw, 9rem);
    }

    .pt-\[clamp\(5rem\,3rem_\+_7vw\,10rem\)\] {
        padding-top: clamp(5rem, 3rem + 7vw, 10rem);
    }

    .pt-\[var\(--custom-board-top\)\] {
        padding-top: var(--custom-board-top);
    }

    .pt-\[var\(--custom-frame-gap\)\] {
        padding-top: var(--custom-frame-gap);
    }

    .pt-\[var\(--section-space\)\] {
        padding-top: var(--section-space);
    }

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

    .pr-1 {
        padding-right: calc(var(--spacing) * 1);
    }

    .pr-1\.5 {
        padding-right: calc(var(--spacing) * 1.5);
    }

    .pr-1\.75 {
        padding-right: calc(var(--spacing) * 1.75);
    }

    .pr-2 {
        padding-right: calc(var(--spacing) * 2);
    }

    .pr-2\.5 {
        padding-right: calc(var(--spacing) * 2.5);
    }

    .pr-3 {
        padding-right: calc(var(--spacing) * 3);
    }

    .pr-3\.5 {
        padding-right: calc(var(--spacing) * 3.5);
    }

    .pr-4 {
        padding-right: calc(var(--spacing) * 4);
    }

    .pr-4\.5 {
        padding-right: calc(var(--spacing) * 4.5);
    }

    .pr-5 {
        padding-right: calc(var(--spacing) * 5);
    }

    .pr-5\.5 {
        padding-right: calc(var(--spacing) * 5.5);
    }

    .pr-6 {
        padding-right: calc(var(--spacing) * 6);
    }

    .pr-7 {
        padding-right: calc(var(--spacing) * 7);
    }

    .pr-8 {
        padding-right: calc(var(--spacing) * 8);
    }

    .pr-9 {
        padding-right: calc(var(--spacing) * 9);
    }

    .pr-10 {
        padding-right: calc(var(--spacing) * 10);
    }

    .pr-28 {
        padding-right: calc(var(--spacing) * 28);
    }

    .pr-32 {
        padding-right: calc(var(--spacing) * 32);
    }

    .pr-\[0\.3em\] {
        padding-right: 0.3em;
    }

    .pr-\[0\.04em\] {
        padding-right: 0.04em;
    }

    .pr-\[0\.06em\] {
        padding-right: 0.06em;
    }

    .pr-\[0\.6em\] {
        padding-right: 0.6em;
    }

    .pr-\[0\.14em\] {
        padding-right: 0.14em;
    }

    .pr-\[0\.95rem\] {
        padding-right: 0.95rem;
    }

    .pr-\[18\%\] {
        padding-right: 18%;
    }

    .pr-\[calc\(var\(--custom-pad\)_\+_1rem\)\] {
        padding-right: calc(var(--custom-pad) + 1rem);
    }

    .pr-\[clamp\(0rem\,3vw\,3rem\)\] {
        padding-right: clamp(0rem, 3vw, 3rem);
    }

    .pr-\[clamp\(3rem\,2rem_\+_3vw\,5\.5rem\)\] {
        padding-right: clamp(3rem, 2rem + 3vw, 5.5rem);
    }

    .pr-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        padding-right: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .pr-\[var\(--custom-frame-gap\)\] {
        padding-right: var(--custom-frame-gap);
    }

    .\!pb-10 {
        padding-bottom: calc(var(--spacing) * 10) !important;
    }

    .pb-\(--cs-pad\) {
        padding-bottom: var(--cs-pad);
    }

    .pb-\(--custom-frame\) {
        padding-bottom: var(--custom-frame);
    }

    .pb-\(--custom-half\) {
        padding-bottom: var(--custom-half);
    }

    .pb-\(--custom-inset\) {
        padding-bottom: var(--custom-inset);
    }

    .pb-\(--custom-pad-b\) {
        padding-bottom: var(--custom-pad-b);
    }

    .pb-\(--custom-section\) {
        padding-bottom: var(--custom-section);
    }

    .pb-\(--custom-security-pad\) {
        padding-bottom: var(--custom-security-pad);
    }

    .pb-\(--custom-space\) {
        padding-bottom: var(--custom-space);
    }

    .pb-\(--custom-stage-foot\) {
        padding-bottom: var(--custom-stage-foot);
    }

    .pb-\(--custom-stage-gap\) {
        padding-bottom: var(--custom-stage-gap);
    }

    .pb-\(--hero-reel-inset\) {
        padding-bottom: var(--hero-reel-inset);
    }

    .pb-\(--section-space\) {
        padding-bottom: var(--section-space);
    }

    .pb-\(--serp-pad\) {
        padding-bottom: var(--serp-pad);
    }

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

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

    .pb-1\.5 {
        padding-bottom: calc(var(--spacing) * 1.5);
    }

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

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

    .pb-2\.25 {
        padding-bottom: calc(var(--spacing) * 2.25);
    }

    .pb-2\.75 {
        padding-bottom: calc(var(--spacing) * 2.75);
    }

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

    .pb-3\.5 {
        padding-bottom: calc(var(--spacing) * 3.5);
    }

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

    .pb-4\.5 {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

    .pb-5\.5 {
        padding-bottom: calc(var(--spacing) * 5.5);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pb-\[0\.04em\] {
        padding-bottom: 0.04em;
    }

    .pb-\[0\.05em\] {
        padding-bottom: 0.05em;
    }

    .pb-\[0\.06em\] {
        padding-bottom: 0.06em;
    }

    .pb-\[0\.6em\] {
        padding-bottom: 0.6em;
    }

    .pb-\[0\.08em\] {
        padding-bottom: 0.08em;
    }

    .pb-\[0\.18em\] {
        padding-bottom: 0.18em;
    }

    .pb-\[1\.375rem\] {
        padding-bottom: 1.375rem;
    }

    .pb-\[6cqi\] {
        padding-bottom: 6cqi;
    }

    .pb-\[14\%\] {
        padding-bottom: 14%;
    }

    .pb-\[16\%\] {
        padding-bottom: 16%;
    }

    .pb-\[18\%\] {
        padding-bottom: 18%;
    }

    .pb-\[calc\(clamp\(3\.5rem\,2\.5rem\+3vw\,5rem\)\+clamp\(5rem\,3rem\+5vw\,7\.5rem\)\)\] {
        padding-bottom: calc(clamp(3.5rem, 2.5rem + 3vw, 5rem) + clamp(5rem, 3rem + 5vw, 7.5rem));
    }

    .pb-\[calc\(var\(--console-pad\)_-_0\.25rem\)\] {
        padding-bottom: calc(var(--console-pad) - 0.25rem);
    }

    .pb-\[calc\(var\(--custom-beliefs-sun\)_\*_0\.5_\+_var\(--custom-beliefs-pad\)\)\] {
        padding-bottom: calc(var(--custom-beliefs-sun) * 0.5 + var(--custom-beliefs-pad));
    }

    .pb-\[calc\(var\(--custom-cta-sun\)_\*_0\.5_\+_clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\)\] {
        padding-bottom: calc(var(--custom-cta-sun) * 0.5 + clamp(3rem, 2rem + 3vw, 4.5rem));
    }

    .pb-\[calc\(var\(--custom-listen-sun\)_\*_0\.5_\+_clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\)\] {
        padding-bottom: calc(var(--custom-listen-sun) * 0.5 + clamp(3rem, 2rem + 3vw, 4.5rem));
    }

    .pb-\[calc\(var\(--custom-reset-sun\)_\*_0\.5_\+_var\(--custom-reset-pad\)\)\] {
        padding-bottom: calc(var(--custom-reset-sun) * 0.5 + var(--custom-reset-pad));
    }

    .pb-\[calc\(var\(--custom-section\)\*0\.75\)\] {
        padding-bottom: calc(var(--custom-section) * 0.75);
    }

    .pb-\[calc\(var\(--section-space\)\*0\.5\)\] {
        padding-bottom: calc(var(--section-space) * 0.5);
    }

    .pb-\[calc\(var\(--section-space\)\*0\.6\)\] {
        padding-bottom: calc(var(--section-space) * 0.6);
    }

    .pb-\[calc\(var\(--section-space\)\*0\.7\)\] {
        padding-bottom: calc(var(--section-space) * 0.7);
    }

    .pb-\[calc\(var\(--section-space\)\*0\.8\)\] {
        padding-bottom: calc(var(--section-space) * 0.8);
    }

    .pb-\[calc\(var\(--section-space\)\*0\.75\)\] {
        padding-bottom: calc(var(--section-space) * 0.75);
    }

    .pb-\[calc\(var\(--section-space\)\+7rem\)\] {
        padding-bottom: calc(var(--section-space) + 7rem);
    }

    .pb-\[calc\(var\(--section-space\)\+clamp\(5rem\,3rem\+5vw\,7\.5rem\)\)\] {
        padding-bottom: calc(var(--section-space) + clamp(5rem, 3rem + 5vw, 7.5rem));
    }

    .pb-\[calc\(var\(--section-space\)_\*_0\.6\)\] {
        padding-bottom: calc(var(--section-space) * 0.6);
    }

    .pb-\[calc\(var\(--section-space\)_\*_0\.7\)\] {
        padding-bottom: calc(var(--section-space) * 0.7);
    }

    .pb-\[calc\(var\(--section-space\)_\*_0\.75\)\] {
        padding-bottom: calc(var(--section-space) * 0.75);
    }

    .pb-\[calc\(var\(--section-space\)_\*_1\.1\)\] {
        padding-bottom: calc(var(--section-space) * 1.1);
    }

    .pb-\[calc\(var\(--section-space\)_\*_1\.3\)\] {
        padding-bottom: calc(var(--section-space) * 1.3);
    }

    .pb-\[calc\(var\(--section-space\)_\*_1\.05\)\] {
        padding-bottom: calc(var(--section-space) * 1.05);
    }

    .pb-\[calc\(var\(--section-space\)_\+_3rem\)\] {
        padding-bottom: calc(var(--section-space) + 3rem);
    }

    .pb-\[calc\(var\(--sun-rise\)_\+_1\.75rem\)\] {
        padding-bottom: calc(var(--sun-rise) + 1.75rem);
    }

    .pb-\[clamp\(0\.5rem\,0\.25rem_\+_0\.7vw\,0\.875rem\)\] {
        padding-bottom: clamp(0.5rem, 0.25rem + 0.7vw, 0.875rem);
    }

    .pb-\[clamp\(0\.5rem\,2vw\,1\.5rem\)\] {
        padding-bottom: clamp(0.5rem, 2vw, 1.5rem);
    }

    .pb-\[clamp\(0\.75rem\,5vw\,4\.5rem\)\] {
        padding-bottom: clamp(0.75rem, 5vw, 4.5rem);
    }

    .pb-\[clamp\(0rem\,4vw\,5rem\)\] {
        padding-bottom: clamp(0rem, 4vw, 5rem);
    }

    .pb-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.5rem\)\] {
        padding-bottom: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
    }

    .pb-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2\.25rem\)\] {
        padding-bottom: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
    }

    .pb-\[clamp\(1\.5rem\,1rem_\+_1\.5vw\,2rem\)\] {
        padding-bottom: clamp(1.5rem, 1rem + 1.5vw, 2rem);
    }

    .pb-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] {
        padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
    }

    .pb-\[clamp\(1\.5rem\,4svh\,2\.75rem\)\] {
        padding-bottom: clamp(1.5rem, 4svh, 2.75rem);
    }

    .pb-\[clamp\(1\.5rem\,_1\.1rem_\+_1\.4vw\,_2\.25rem\)\] {
        padding-bottom: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);
    }

    .pb-\[clamp\(1\.25rem\,0\.5rem\+3vh\,3rem\)\] {
        padding-bottom: clamp(1.25rem, 0.5rem + 3vh, 3rem);
    }

    .pb-\[clamp\(1\.25rem\,0\.5rem_\+_2vw\,2\.5rem\)\] {
        padding-bottom: clamp(1.25rem, 0.5rem + 2vw, 2.5rem);
    }

    .pb-\[clamp\(1\.25rem\,0\.75rem\+1vw\,1\.75rem\)\] {
        padding-bottom: clamp(1.25rem, 0.75rem + 1vw, 1.75rem);
    }

    .pb-\[clamp\(1\.25rem\,0\.75rem_\+_1\.2vw\,1\.75rem\)\] {
        padding-bottom: clamp(1.25rem, 0.75rem + 1.2vw, 1.75rem);
    }

    .pb-\[clamp\(1\.25rem\,2vw\,1\.75rem\)\] {
        padding-bottom: clamp(1.25rem, 2vw, 1.75rem);
    }

    .pb-\[clamp\(1\.75rem\,1rem_\+_1\.6vw\,2\.75rem\)\] {
        padding-bottom: clamp(1.75rem, 1rem + 1.6vw, 2.75rem);
    }

    .pb-\[clamp\(1\.75rem\,3vw\,2\.5rem\)\] {
        padding-bottom: clamp(1.75rem, 3vw, 2.5rem);
    }

    .pb-\[clamp\(1\.75rem\,4vh\,3rem\)\] {
        padding-bottom: clamp(1.75rem, 4vh, 3rem);
    }

    .pb-\[clamp\(1\.125rem\,6cqi\,1\.75rem\)\] {
        padding-bottom: clamp(1.125rem, 6cqi, 1.75rem);
    }

    .pb-\[clamp\(1rem\,0\.5rem\+2vh\,2\.5rem\)\] {
        padding-bottom: clamp(1rem, 0.5rem + 2vh, 2.5rem);
    }

    .pb-\[clamp\(1rem\,0\.5rem_\+_1vw\,1\.5rem\)\] {
        padding-bottom: clamp(1rem, 0.5rem + 1vw, 1.5rem);
    }

    .pb-\[clamp\(1rem\,0\.5rem_\+_2vw\,2\.5rem\)\] {
        padding-bottom: clamp(1rem, 0.5rem + 2vw, 2.5rem);
    }

    .pb-\[clamp\(1rem\,0\.75rem_\+_1vw\,1\.5rem\)\] {
        padding-bottom: clamp(1rem, 0.75rem + 1vw, 1.5rem);
    }

    .pb-\[clamp\(1rem\,2\.5vh\,2rem\)\] {
        padding-bottom: clamp(1rem, 2.5vh, 2rem);
    }

    .pb-\[clamp\(1rem\,2vw\,2rem\)\] {
        padding-bottom: clamp(1rem, 2vw, 2rem);
    }

    .pb-\[clamp\(1rem\,3vh\,2rem\)\] {
        padding-bottom: clamp(1rem, 3vh, 2rem);
    }

    .pb-\[clamp\(1rem\,3vw\,2rem\)\] {
        padding-bottom: clamp(1rem, 3vw, 2rem);
    }

    .pb-\[clamp\(2\.5rem\,1\.5rem\+2\.5vw\,4rem\)\] {
        padding-bottom: clamp(2.5rem, 1.5rem + 2.5vw, 4rem);
    }

    .pb-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4\.5rem\)\] {
        padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .pb-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4rem\)\] {
        padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .pb-\[clamp\(2\.5rem\,1\.5rem_\+_2\.4vw\,3\.5rem\)\] {
        padding-bottom: clamp(2.5rem, 1.5rem + 2.4vw, 3.5rem);
    }

    .pb-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4rem\)\] {
        padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
    }

    .pb-\[clamp\(2\.5rem\,1\.75rem\+2\.5vw\,4\.5rem\)\] {
        padding-bottom: clamp(2.5rem, 1.75rem + 2.5vw, 4.5rem);
    }

    .pb-\[clamp\(2\.5rem\,2rem_\+_1\.5vw\,3\.5rem\)\] {
        padding-bottom: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .pb-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        padding-bottom: clamp(2.5rem, 2rem + 2vw, 3.5rem);
    }

    .pb-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
    }

    .pb-\[clamp\(2\.5rem\,5vw\,4rem\)\] {
        padding-bottom: clamp(2.5rem, 5vw, 4rem);
    }

    .pb-\[clamp\(2\.5rem\,_1\.5rem_\+_3vw\,_4\.5rem\)\] {
        padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .pb-\[clamp\(2\.75rem\,1\.5rem\+3\.5vw\,5rem\)\] {
        padding-bottom: clamp(2.75rem, 1.5rem + 3.5vw, 5rem);
    }

    .pb-\[clamp\(2\.75rem\,2rem\+2\.5vw\,4\.5rem\)\] {
        padding-bottom: clamp(2.75rem, 2rem + 2.5vw, 4.5rem);
    }

    .pb-\[clamp\(2\.75rem\,4\.5vw\,4\.25rem\)\] {
        padding-bottom: clamp(2.75rem, 4.5vw, 4.25rem);
    }

    .pb-\[clamp\(2rem\,1\.2rem_\+_3vw\,3\.5rem\)\] {
        padding-bottom: clamp(2rem, 1.2rem + 3vw, 3.5rem);
    }

    .pb-\[clamp\(2rem\,1\.4rem_\+_1\.6vw\,3rem\)\] {
        padding-bottom: clamp(2rem, 1.4rem + 1.6vw, 3rem);
    }

    .pb-\[clamp\(2rem\,1\.5rem\+1\.5vw\,3rem\)\] {
        padding-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .pb-\[clamp\(2rem\,1\.5rem\+2vh\,3rem\)\] {
        padding-bottom: clamp(2rem, 1.5rem + 2vh, 3rem);
    }

    .pb-\[clamp\(2rem\,1\.5rem\+2vw\,3\.5rem\)\] {
        padding-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .pb-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,3rem\)\] {
        padding-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .pb-\[clamp\(2rem\,1\.5rem_\+_2vw\,3\.5rem\)\] {
        padding-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem);
    }

    .pb-\[clamp\(2rem\,1\.25rem_\+_1\.6vw\,2\.75rem\)\] {
        padding-bottom: clamp(2rem, 1.25rem + 1.6vw, 2.75rem);
    }

    .pb-\[clamp\(2rem\,1\.25rem_\+_2\.4vw\,4rem\)\] {
        padding-bottom: clamp(2rem, 1.25rem + 2.4vw, 4rem);
    }

    .pb-\[clamp\(2rem\,1\.25rem_\+_2vw\,3\.5rem\)\] {
        padding-bottom: clamp(2rem, 1.25rem + 2vw, 3.5rem);
    }

    .pb-\[clamp\(2rem\,3\.5vw\,3\.5rem\)\] {
        padding-bottom: clamp(2rem, 3.5vw, 3.5rem);
    }

    .pb-\[clamp\(2rem\,3\.5vw\,3rem\)\] {
        padding-bottom: clamp(2rem, 3.5vw, 3rem);
    }

    .pb-\[clamp\(2rem\,3vw\,3rem\)\] {
        padding-bottom: clamp(2rem, 3vw, 3rem);
    }

    .pb-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        padding-bottom: clamp(2rem, 4vw, 3.5rem);
    }

    .pb-\[clamp\(2rem\,4vw\,3\.25rem\)\] {
        padding-bottom: clamp(2rem, 4vw, 3.25rem);
    }

    .pb-\[clamp\(2rem\,4vw\,3rem\)\] {
        padding-bottom: clamp(2rem, 4vw, 3rem);
    }

    .pb-\[clamp\(2rem\,5vw\,4rem\)\] {
        padding-bottom: clamp(2rem, 5vw, 4rem);
    }

    .pb-\[clamp\(3\.5rem\,2\.5rem\+3vw\,5\.5rem\)\],
    .pb-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5\.5rem\)\] {
        padding-bottom: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
    }

    .pb-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,6rem\)\] {
        padding-bottom: clamp(3.5rem, 2.5rem + 3vw, 6rem);
    }

    .pb-\[clamp\(3\.5rem\,2rem\+4vw\,6\.5rem\)\] {
        padding-bottom: clamp(3.5rem, 2rem + 4vw, 6.5rem);
    }

    .pb-\[clamp\(3\.5rem\,2rem\+4vw\,6rem\)\] {
        padding-bottom: clamp(3.5rem, 2rem + 4vw, 6rem);
    }

    .pb-\[clamp\(3\.5rem\,2rem\+5vw\,6\.5rem\)\] {
        padding-bottom: clamp(3.5rem, 2rem + 5vw, 6.5rem);
    }

    .pb-\[clamp\(3\.5rem\,2rem_\+_3vw\,5rem\)\] {
        padding-bottom: clamp(3.5rem, 2rem + 3vw, 5rem);
    }

    .pb-\[clamp\(3\.5rem\,2rem_\+_4vw\,6rem\)\] {
        padding-bottom: clamp(3.5rem, 2rem + 4vw, 6rem);
    }

    .pb-\[clamp\(3\.5rem\,2rem_\+_5vw\,6\.5rem\)\] {
        padding-bottom: clamp(3.5rem, 2rem + 5vw, 6.5rem);
    }

    .pb-\[clamp\(3\.5rem\,2rem_\+_6vw\,6\.5rem\)\] {
        padding-bottom: clamp(3.5rem, 2rem + 6vw, 6.5rem);
    }

    .pb-\[clamp\(3\.5rem\,6vw\,5rem\)\] {
        padding-bottom: clamp(3.5rem, 6vw, 5rem);
    }

    .pb-\[clamp\(3\.5rem\,7vw\,5\.5rem\)\] {
        padding-bottom: clamp(3.5rem, 7vw, 5.5rem);
    }

    .pb-\[clamp\(3rem\,1\.75rem_\+_3vw\,4\.5rem\)\] {
        padding-bottom: clamp(3rem, 1.75rem + 3vw, 4.5rem);
    }

    .pb-\[clamp\(3rem\,2rem\+3vw\,4\.5rem\)\] {
        padding-bottom: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .pb-\[clamp\(3rem\,2rem\+3vw\,5rem\)\] {
        padding-bottom: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .pb-\[clamp\(3rem\,2rem_\+_2vw\,4\.5rem\)\] {
        padding-bottom: clamp(3rem, 2rem + 2vw, 4.5rem);
    }

    .pb-\[clamp\(3rem\,2rem_\+_2vw\,4rem\)\] {
        padding-bottom: clamp(3rem, 2rem + 2vw, 4rem);
    }

    .pb-\[clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\] {
        padding-bottom: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .pb-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        padding-bottom: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .pb-\[clamp\(3rem\,2rem_\+_4vw\,5rem\)\] {
        padding-bottom: clamp(3rem, 2rem + 4vw, 5rem);
    }

    .pb-\[clamp\(3rem\,5vw\,4\.5rem\)\] {
        padding-bottom: clamp(3rem, 5vw, 4.5rem);
    }

    .pb-\[clamp\(3rem\,5vw\,4rem\)\] {
        padding-bottom: clamp(3rem, 5vw, 4rem);
    }

    .pb-\[clamp\(3rem\,6vw\,5rem\)\] {
        padding-bottom: clamp(3rem, 6vw, 5rem);
    }

    .pb-\[clamp\(3rem\,7vw\,5\.5rem\)\] {
        padding-bottom: clamp(3rem, 7vw, 5.5rem);
    }

    .pb-\[clamp\(3rem\,8svh\,5rem\)\] {
        padding-bottom: clamp(3rem, 8svh, 5rem);
    }

    .pb-\[clamp\(4\.5rem\,3\.5rem_\+_3vw\,5\.5rem\)\] {
        padding-bottom: clamp(4.5rem, 3.5rem + 3vw, 5.5rem);
    }

    .pb-\[clamp\(4\.5rem\,3\.5rem_\+_3vw\,6\.5rem\)\] {
        padding-bottom: clamp(4.5rem, 3.5rem + 3vw, 6.5rem);
    }

    .pb-\[clamp\(4\.5rem\,3rem_\+_4vw\,7rem\)\] {
        padding-bottom: clamp(4.5rem, 3rem + 4vw, 7rem);
    }

    .pb-\[clamp\(4\.5rem\,3rem_\+_5vw\,8rem\)\] {
        padding-bottom: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .pb-\[clamp\(4rem\,2rem_\+_5vw\,7rem\)\] {
        padding-bottom: clamp(4rem, 2rem + 5vw, 7rem);
    }

    .pb-\[clamp\(4rem\,2rem_\+_6vw\,8rem\)\] {
        padding-bottom: clamp(4rem, 2rem + 6vw, 8rem);
    }

    .pb-\[clamp\(4rem\,8vw\,6rem\)\] {
        padding-bottom: clamp(4rem, 8vw, 6rem);
    }

    .pb-\[clamp\(5rem\,10vw\,9rem\)\] {
        padding-bottom: clamp(5rem, 10vw, 9rem);
    }

    .pb-\[clamp\(7rem\,24vw\,19rem\)\] {
        padding-bottom: clamp(7rem, 24vw, 19rem);
    }

    .pb-\[clamp\(9rem\,6rem_\+_10vw\,16rem\)\] {
        padding-bottom: clamp(9rem, 6rem + 10vw, 16rem);
    }

    .pb-\[var\(--section-space\)\] {
        padding-bottom: var(--section-space);
    }

    .pl-\(--custom-pad\) {
        padding-left: var(--custom-pad);
    }

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

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

    .pl-1 {
        padding-left: calc(var(--spacing) * 1);
    }

    .pl-1\.5 {
        padding-left: calc(var(--spacing) * 1.5);
    }

    .pl-1\.25 {
        padding-left: calc(var(--spacing) * 1.25);
    }

    .pl-1\.75 {
        padding-left: calc(var(--spacing) * 1.75);
    }

    .pl-2 {
        padding-left: calc(var(--spacing) * 2);
    }

    .pl-2\.5 {
        padding-left: calc(var(--spacing) * 2.5);
    }

    .pl-2\.25 {
        padding-left: calc(var(--spacing) * 2.25);
    }

    .pl-2\.75 {
        padding-left: calc(var(--spacing) * 2.75);
    }

    .pl-3 {
        padding-left: calc(var(--spacing) * 3);
    }

    .pl-3\.5 {
        padding-left: calc(var(--spacing) * 3.5);
    }

    .pl-4 {
        padding-left: calc(var(--spacing) * 4);
    }

    .pl-4\.5 {
        padding-left: calc(var(--spacing) * 4.5);
    }

    .pl-5 {
        padding-left: calc(var(--spacing) * 5);
    }

    .pl-5\.5 {
        padding-left: calc(var(--spacing) * 5.5);
    }

    .pl-6 {
        padding-left: calc(var(--spacing) * 6);
    }

    .pl-7 {
        padding-left: calc(var(--spacing) * 7);
    }

    .pl-8 {
        padding-left: calc(var(--spacing) * 8);
    }

    .pl-9 {
        padding-left: calc(var(--spacing) * 9);
    }

    .pl-10 {
        padding-left: calc(var(--spacing) * 10);
    }

    .pl-11 {
        padding-left: calc(var(--spacing) * 11);
    }

    .pl-12 {
        padding-left: calc(var(--spacing) * 12);
    }

    .pl-13 {
        padding-left: calc(var(--spacing) * 13);
    }

    .pl-14 {
        padding-left: calc(var(--spacing) * 14);
    }

    .pl-26 {
        padding-left: calc(var(--spacing) * 26);
    }

    .pl-\[0\.1em\] {
        padding-left: 0.1em;
    }

    .pl-\[0\.3em\] {
        padding-left: 0.3em;
    }

    .pl-\[0\.06em\] {
        padding-left: 0.06em;
    }

    .pl-\[0\.7em\] {
        padding-left: 0.7em;
    }

    .pl-\[0\.8em\] {
        padding-left: 0.8em;
    }

    .pl-\[0\.9em\] {
        padding-left: 0.9em;
    }

    .pl-\[0\.3125rem\] {
        padding-left: 0.3125rem;
    }

    .pl-\[1\.18em\] {
        padding-left: 1.18em;
    }

    .pl-\[1\.4375rem\] {
        padding-left: 1.4375rem;
    }

    .pl-\[1\.5625rem\] {
        padding-left: 1.5625rem;
    }

    .pl-\[8vw\] {
        padding-left: 8vw;
    }

    .pl-\[12\%\] {
        padding-left: 12%;
    }

    .pl-\[calc\(var\(--stop-node\)_\+_1\.25rem\)\] {
        padding-left: calc(var(--stop-node) + 1.25rem);
    }

    .pl-\[clamp\(1\.75rem\,1rem_\+_2\.5vw\,3\.5rem\)\] {
        padding-left: clamp(1.75rem, 1rem + 2.5vw, 3.5rem);
    }

    .text-center {
        text-align: center;
    }

    .text-end {
        text-align: end;
    }

    .text-justify {
        text-align: justify;
    }

    .text-left {
        text-align: left;
    }

    .text-right {
        text-align: right;
    }

    .text-start {
        text-align: start;
    }

    .\[vertical-align\:0\.72em\] {
        vertical-align: 0.72em;
    }

    .align-\[-0\.2em\] {
        vertical-align: -0.2em;
    }

    .align-\[-0\.125em\] {
        vertical-align: -0.125em;
    }

    .align-\[-2px\] {
        vertical-align: -2px;
    }

    .align-\[0\.55em\] {
        vertical-align: 0.55em;
    }

    .align-\[0\.68em\] {
        vertical-align: 0.68em;
    }

    .align-baseline {
        vertical-align: baseline;
    }

    .align-bottom {
        vertical-align: bottom;
    }

    .align-middle {
        vertical-align: middle;
    }

    .align-top {
        vertical-align: top;
    }

    .font-sans\! {
        font-family: var(--font-sans) !important;
    }

    .\!text-3xl {
        font-size: var(--text-3xl) !important;
        line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .text-\(length\:--cta-size\) {
        font-size: var(--cta-size);
    }

    .text-\(length\:--custom-footer-fs\) {
        font-size: var(--custom-footer-fs);
    }

    .text-\(length\:--custom-h\) {
        font-size: var(--custom-h);
    }

    .text-\(length\:--custom-h1\) {
        font-size: var(--custom-h1);
    }

    .text-\(length\:--custom-hero-size\) {
        font-size: var(--custom-hero-size);
    }

    .text-\(length\:--custom-lead\) {
        font-size: var(--custom-lead);
    }

    .text-\(length\:--custom-ph-size\) {
        font-size: var(--custom-ph-size);
    }

    .text-\(length\:--text-4xl\) {
        font-size: var(--text-4xl);
    }

    .text-\(length\:--text-base\) {
        font-size: var(--text-base);
    }

    .text-\(length\:--text-sm\) {
        font-size: var(--text-sm);
    }

    .text-\[0\.4em\] {
        font-size: 0.4em;
    }

    .text-\[0\.5em\] {
        font-size: 0.5em;
    }

    .text-\[0\.6em\] {
        font-size: 0.6em;
    }

    .text-\[0\.6rem\] {
        font-size: 0.6rem;
    }

    .text-\[0\.7em\] {
        font-size: 0.7em;
    }

    .text-\[0\.8em\] {
        font-size: 0.8em;
    }

    .text-\[0\.9em\] {
        font-size: 0.9em;
    }

    .text-\[0\.24em\] {
        font-size: 0.24em;
    }

    .text-\[0\.26em\] {
        font-size: 0.26em;
    }

    .text-\[0\.34em\] {
        font-size: 0.34em;
    }

    .text-\[0\.42em\] {
        font-size: 0.42em;
    }

    .text-\[0\.45em\] {
        font-size: 0.45em;
    }

    .text-\[0\.55em\] {
        font-size: 0.55em;
    }

    .text-\[0\.55rem\] {
        font-size: 0.55rem;
    }

    .text-\[0\.72em\] {
        font-size: 0.72em;
    }

    .text-\[0\.75em\] {
        font-size: 0.75em;
    }

    .text-\[0\.75rem\] {
        font-size: 0.75rem;
    }

    .text-\[0\.85em\] {
        font-size: 0.85em;
    }

    .text-\[0\.88em\] {
        font-size: 0.88em;
    }

    .text-\[0\.95em\] {
        font-size: 0.95em;
    }

    .text-\[0\.95rem\] {
        font-size: 0.95rem;
    }

    .text-\[0\.625rem\] {
        font-size: 0.625rem;
    }

    .text-\[0\.875em\] {
        font-size: 0.875em;
    }

    .text-\[0\.875rem\] {
        font-size: 0.875rem;
    }

    .text-\[0\.5625em\] {
        font-size: 0.5625em;
    }

    .text-\[0\.5625rem\] {
        font-size: 0.5625rem;
    }

    .text-\[0\.6875rem\] {
        font-size: 0.6875rem;
    }

    .text-\[0\.8125rem\] {
        font-size: 0.8125rem;
    }

    .text-\[0\.9375rem\] {
        font-size: 0.9375rem;
    }

    .text-\[0\.9688rem\] {
        font-size: 0.9688rem;
    }

    .text-\[1\.1em\] {
        font-size: 1.1em;
    }

    .text-\[1\.2em\] {
        font-size: 1.2em;
    }

    .text-\[1\.2rem\] {
        font-size: 1.2rem;
    }

    .text-\[1\.04em\] {
        font-size: 1.04em;
    }

    .text-\[1\.05em\] {
        font-size: 1.05em;
    }

    .text-\[1\.05rem\] {
        font-size: 1.05rem;
    }

    .text-\[1\.5rem\] {
        font-size: 1.5rem;
    }

    .text-\[1\.5rem\]\! {
        font-size: 1.5rem !important;
    }

    .text-\[1\.6em\] {
        font-size: 1.6em;
    }

    .text-\[1\.6rem\] {
        font-size: 1.6rem;
    }

    .text-\[1\.7em\] {
        font-size: 1.7em;
    }

    .text-\[1\.12em\] {
        font-size: 1.12em;
    }

    .text-\[1\.15em\] {
        font-size: 1.15em;
    }

    .text-\[1\.15rem\] {
        font-size: 1.15rem;
    }

    .text-\[1\.25em\] {
        font-size: 1.25em;
    }

    .text-\[1\.25rem\] {
        font-size: 1.25rem;
    }

    .text-\[1\.35em\] {
        font-size: 1.35em;
    }

    .text-\[1\.75em\] {
        font-size: 1.75em;
    }

    .text-\[1\.75rem\] {
        font-size: 1.75rem;
    }

    .text-\[1\.125rem\] {
        font-size: 1.125rem;
    }

    .text-\[1\.375em\] {
        font-size: 1.375em;
    }

    .text-\[1\.375rem\] {
        font-size: 1.375rem;
    }

    .text-\[1\.0625em\] {
        font-size: 1.0625em;
    }

    .text-\[1\.0625rem\] {
        font-size: 1.0625rem;
    }

    .text-\[1\.625em\] {
        font-size: 1.625em;
    }

    .text-\[1\.625rem\] {
        font-size: 1.625rem;
    }

    .text-\[1\.875em\] {
        font-size: 1.875em;
    }

    .text-\[1\.875rem\] {
        font-size: 1.875rem;
    }

    .text-\[1\.1875rem\] {
        font-size: 1.1875rem;
    }

    .text-\[1\.3125rem\] {
        font-size: 1.3125rem;
    }

    .text-\[1\.4375rem\] {
        font-size: 1.4375rem;
    }

    .text-\[1\.9375rem\] {
        font-size: 1.9375rem;
    }

    .text-\[1rem\] {
        font-size: 1rem;
    }

    .text-\[2\.5rem\] {
        font-size: 2.5rem;
    }

    .text-\[2\.25rem\] {
        font-size: 2.25rem;
    }

    .text-\[2\.75rem\] {
        font-size: 2.75rem;
    }

    .text-\[2em\] {
        font-size: 2em;
    }

    .text-\[2rem\] {
        font-size: 2rem;
    }

    .text-\[3\.5rem\] {
        font-size: 3.5rem;
    }

    .text-\[3\.25rem\] {
        font-size: 3.25rem;
    }

    .text-\[3\.75rem\] {
        font-size: 3.75rem;
    }

    .text-\[3rem\] {
        font-size: 3rem;
    }

    .text-\[4\.5rem\] {
        font-size: 4.5rem;
    }

    .text-\[4rem\] {
        font-size: 4rem;
    }

    .text-\[5rem\] {
        font-size: 5rem;
    }

    .text-\[6\.5rem\] {
        font-size: 6.5rem;
    }

    .text-\[6rem\] {
        font-size: 6rem;
    }

    .text-\[7\.5rem\] {
        font-size: 7.5rem;
    }

    .text-\[7rem\] {
        font-size: 7rem;
    }

    .text-\[8\.25px\] {
        font-size: 8.25px;
    }

    .text-\[8rem\] {
        font-size: 8rem;
    }

    .text-\[9\.5px\] {
        font-size: 9.5px;
    }

    .text-\[10\.5px\] {
        font-size: 10.5px;
    }

    .text-\[10px\] {
        font-size: 10px;
    }

    .text-\[11px\] {
        font-size: 11px;
    }

    .text-\[21\.2cqi\] {
        font-size: 21.2cqi;
    }

    .text-\[100px\] {
        font-size: 100px;
    }

    .text-\[calc\(clamp\(2\.25rem\,1\.5rem_\+_2\.2vw\,3\.75rem\)_\*_var\(--custom-display-scale\,1\)\)\] {
        font-size: calc(clamp(2.25rem, 1.5rem + 2.2vw, 3.75rem) * var(--custom-display-scale, 1));
    }

    .text-\[calc\(clamp\(2\.25rem\,1\.6rem_\+_1\.6vw\,3\.25rem\)_\*_var\(--custom-display-scale\,1\)\)\] {
        font-size: calc(clamp(2.25rem, 1.6rem + 1.6vw, 3.25rem) * var(--custom-display-scale, 1));
    }

    .text-\[calc\(clamp\(2\.75rem\,1\.6rem_\+_3vw\,4\.5rem\)_\*_var\(--custom-display-scale\,1\)\)\] {
        font-size: calc(clamp(2.75rem, 1.6rem + 3vw, 4.5rem) * var(--custom-display-scale, 1));
    }

    .text-\[calc\(clamp\(2\.75rem\,5\.5vw\,5\.5rem\)_\*_var\(--custom-display-scale\,1\)\)\] {
        font-size: calc(clamp(2.75rem, 5.5vw, 5.5rem) * var(--custom-display-scale, 1));
    }

    .text-\[calc\(var\(--custom-brand-size\)_\*_var\(--custom-brand-k\,1\)\)\] {
        font-size: calc(var(--custom-brand-size) * var(--custom-brand-k, 1));
    }

    .text-\[calc\(var\(--seal-size\)_\*_0\.24\)\] {
        font-size: calc(var(--seal-size) * 0.24);
    }

    .text-\[clamp\(0\.625rem\,1vw\,0\.875rem\)\] {
        font-size: clamp(0.625rem, 1vw, 0.875rem);
    }

    .text-\[clamp\(0\.875rem\,0\.6rem_\+_0\.6vw\,1\.0625rem\)\] {
        font-size: clamp(0.875rem, 0.6rem + 0.6vw, 1.0625rem);
    }

    .text-\[clamp\(0\.875rem\,0\.8rem_\+_0\.3vw\,1\.0625rem\)\] {
        font-size: clamp(0.875rem, 0.8rem + 0.3vw, 1.0625rem);
    }

    .text-\[clamp\(0\.8125rem\,2\.6cqi\,1rem\)\] {
        font-size: clamp(0.8125rem, 2.6cqi, 1rem);
    }

    .text-\[clamp\(0\.9375rem\,0\.9rem_\+_0\.2vw\,1\.0625rem\)\] {
        font-size: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem\+1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem\+1\.3vw\,2\.5rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.3vw, 2.5rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem\+1\.4vw\,2\.375rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.375rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem_\+_1\.1vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem_\+_1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem_\+_1\.4vw\,2\.375rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.375rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem_\+_1\.6vw\,2\.5rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem_\+_1\.6vw\,2\.375rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.375rem);
    }

    .text-\[clamp\(1\.5rem\,1\.1rem_\+_1vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.1rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem\+0\.8vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 0.8vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem\+0\.9vw\,2\.125rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2.125rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem\+0\.9vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem\+1vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_0\.8vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_0\.9vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_1\.1vw\,2\.125rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.125rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_1\.3vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,2\.125rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem);
    }

    .text-\[clamp\(1\.5rem\,1\.2rem_\+_1vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.3rem\+0\.6vw\,1\.875rem\)\],
    .text-\[clamp\(1\.5rem\,1\.3rem_\+_0\.6vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.3rem + 0.6vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,1\.3rem_\+_0\.6vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.3rem + 0.6vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.3rem_\+_0\.7vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.3rem + 0.7vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,1\.3rem_\+_0\.8vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,1\.3rem_\+_0\.8vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.05rem\+1\.5vw\,2\.5rem\)\] {
        font-size: clamp(1.5rem, 1.05rem + 1.5vw, 2.5rem);
    }

    .text-\[clamp\(1\.5rem\,1\.05rem_\+_1\.8vw\,2\.625rem\)\] {
        font-size: clamp(1.5rem, 1.05rem + 1.8vw, 2.625rem);
    }

    .text-\[clamp\(1\.5rem\,1\.15rem\+1vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.15rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.15rem_\+_0\.9vw\,2\.125rem\)\] {
        font-size: clamp(1.5rem, 1.15rem + 0.9vw, 2.125rem);
    }

    .text-\[clamp\(1\.5rem\,1\.15rem_\+_1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 1.15rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,1\.15rem_\+_1vw\,2\.125rem\)\] {
        font-size: clamp(1.5rem, 1.15rem + 1vw, 2.125rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem\+0\.8vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem_\+_0\.7vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 0.7vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem_\+_0\.7vw\,1\.9375rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 0.7vw, 1.9375rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem_\+_0\.8vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 0.8vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem_\+_0\.8vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem_\+_0\.9vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 0.9vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem_\+_1\.1vw\,2\.125rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.125rem);
    }

    .text-\[clamp\(1\.5rem\,1\.25rem_\+_1vw\,2rem\)\] {
        font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,1\.35rem_\+_0\.5vw\,1\.75rem\)\] {
        font-size: clamp(1.5rem, 1.35rem + 0.5vw, 1.75rem);
    }

    .text-\[clamp\(1\.5rem\,1rem\+1\.6vw\,2\.375rem\)\] {
        font-size: clamp(1.5rem, 1rem + 1.6vw, 2.375rem);
    }

    .text-\[clamp\(1\.5rem\,2\.2vw\,1\.875rem\)\] {
        font-size: clamp(1.5rem, 2.2vw, 1.875rem);
    }

    .text-\[clamp\(1\.5rem\,2\.4vw\,2\.125rem\)\] {
        font-size: clamp(1.5rem, 2.4vw, 2.125rem);
    }

    .text-\[clamp\(1\.5rem\,2\.4vw\,2rem\)\] {
        font-size: clamp(1.5rem, 2.4vw, 2rem);
    }

    .text-\[clamp\(1\.5rem\,2\.6vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 2.6vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,2\.8vw\,2\.25rem\)\] {
        font-size: clamp(1.5rem, 2.8vw, 2.25rem);
    }

    .text-\[clamp\(1\.5rem\,2\.9vw\,2\.5rem\)\] {
        font-size: clamp(1.5rem, 2.9vw, 2.5rem);
    }

    .text-\[clamp\(1\.5rem\,3\.4vw\,2\.9rem\)\] {
        font-size: clamp(1.5rem, 3.4vw, 2.9rem);
    }

    .text-\[clamp\(1\.5rem\,4vw\,3\.25rem\)\] {
        font-size: clamp(1.5rem, 4vw, 3.25rem);
    }

    .text-\[clamp\(1\.5rem\,_1\.3rem_\+_0\.8vw\,_1\.875rem\)\] {
        font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);
    }

    .text-\[clamp\(1\.6rem\,2\.6vw\,2\.25rem\)\] {
        font-size: clamp(1.6rem, 2.6vw, 2.25rem);
    }

    .text-\[clamp\(1\.9rem\,2\.8vw\,2\.5rem\)\] {
        font-size: clamp(1.9rem, 2.8vw, 2.5rem);
    }

    .text-\[clamp\(1\.9rem\,3\.2vw\,2\.75rem\)\] {
        font-size: clamp(1.9rem, 3.2vw, 2.75rem);
    }

    .text-\[clamp\(1\.9rem\,3\.4vw\,3rem\)\] {
        font-size: clamp(1.9rem, 3.4vw, 3rem);
    }

    .text-\[clamp\(1\.9rem\,7\.6vw\,6\.5rem\)\] {
        font-size: clamp(1.9rem, 7.6vw, 6.5rem);
    }

    .text-\[clamp\(1\.25rem\,0\.9rem\+1\.5vw\,1\.75rem\)\] {
        font-size: clamp(1.25rem, 0.9rem + 1.5vw, 1.75rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem\+0\.5vw\,1\.5rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem\+0\.6vw\,1\.625rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem_\+_0\.4vw\,1\.5rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem_\+_0\.4vw\,1\.4375rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.4375rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem_\+_0\.5vw\,1\.5rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem_\+_0\.5vw\,1\.625rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.625rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem_\+_0\.6vw\,1\.625rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
    }

    .text-\[clamp\(1\.25rem\,1\.1rem_\+_0\.45vw\,1\.5rem\)\] {
        font-size: clamp(1.25rem, 1.1rem + 0.45vw, 1.5rem);
    }

    .text-\[clamp\(1\.25rem\,1\.8vw\,1\.5rem\)\] {
        font-size: clamp(1.25rem, 1.8vw, 1.5rem);
    }

    .text-\[clamp\(1\.25rem\,1\.8vw\,1\.625rem\)\] {
        font-size: clamp(1.25rem, 1.8vw, 1.625rem);
    }

    .text-\[clamp\(1\.25rem\,1\.15rem\+0\.4vw\,1\.4375rem\)\] {
        font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.4375rem);
    }

    .text-\[clamp\(1\.25rem\,1\.15rem_\+_0\.4vw\,1\.5rem\)\] {
        font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
    }

    .text-\[clamp\(1\.25rem\,1\.15rem_\+_0\.4vw\,1\.4375rem\)\] {
        font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.4375rem);
    }

    .text-\[clamp\(1\.25rem\,1\.15rem_\+_0\.5vw\,1\.4375rem\)\] {
        font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.4375rem);
    }

    .text-\[clamp\(1\.25rem\,1rem\+0\.6vw\,1\.625rem\)\] {
        font-size: clamp(1.25rem, 1rem + 0.6vw, 1.625rem);
    }

    .text-\[clamp\(1\.25rem\,1rem\+0\.9vw\,1\.75rem\)\] {
        font-size: clamp(1.25rem, 1rem + 0.9vw, 1.75rem);
    }

    .text-\[clamp\(1\.25rem\,1rem\+1vw\,2rem\)\] {
        font-size: clamp(1.25rem, 1rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.25rem\,1rem_\+_0\.7vw\,1\.625rem\)\] {
        font-size: clamp(1.25rem, 1rem + 0.7vw, 1.625rem);
    }

    .text-\[clamp\(1\.25rem\,1rem_\+_0\.8vw\,1\.75rem\)\] {
        font-size: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
    }

    .text-\[clamp\(1\.25rem\,1rem_\+_1vw\,1\.75rem\)\] {
        font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    }

    .text-\[clamp\(1\.25rem\,1rem_\+_1vw\,1\.875rem\)\] {
        font-size: clamp(1.25rem, 1rem + 1vw, 1.875rem);
    }

    .text-\[clamp\(1\.25rem\,2\.2vw\,1\.75rem\)\] {
        font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    }

    .text-\[clamp\(1\.45rem\,6vw\,4\.75rem\)\] {
        font-size: clamp(1.45rem, 6vw, 4.75rem);
    }

    .text-\[clamp\(1\.75rem\,0\.9rem_\+_2\.7vw\,3\.5rem\)\] {
        font-size: clamp(1.75rem, 0.9rem + 2.7vw, 3.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.1rem\+1\.8vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.1rem + 1.8vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.1rem\+2\.2vw\,3\.25rem\)\],
    .text-\[clamp\(1\.75rem\,1\.1rem_\+_2\.2vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 1.1rem + 2.2vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.1rem_\+_2\.4vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 1.1rem + 2.4vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem\+1\.5vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.5vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem\+1\.6vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem\+1\.6vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem\+1\.8vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem\+1\.8vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem\+1\.8vw\,2\.875rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.875rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem\+1\.8vw\,3rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.8vw, 3rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_1\.4vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_1\.5vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.5vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_1\.6vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_1\.8vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_1\.8vw\,3rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.8vw, 3rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_1\.9vw\,3\.125rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.9vw, 3.125rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_2\.2vw\,3rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 2.2vw, 3rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_2\.4vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.2rem_\+_2vw\,3rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 2vw, 3rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.2vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.3vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.3vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.4vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.4vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.4vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem\+1\.4vw\,2\.625rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.625rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.1vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.1vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.3vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.3vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.4vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.4vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.4vw\,2\.625rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.625rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.5vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.5vw\,2\.625rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.625rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.6vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.6vw\,2\.625rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.625rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1\.9vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.9vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,1\.3rem_\+_1vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem\+0\.9vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 0.9vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem\+0\.9vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 0.9vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem\+1\.1vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1.1vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem\+1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem\+1\.2vw\,2\.625rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.625rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem\+1vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem\+1vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem_\+_1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem_\+_1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem_\+_1\.3vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1.3vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem_\+_1vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.4rem_\+_1vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.4rem + 1vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.5rem\+0\.6vw\,2\.125rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 0.6vw, 2.125rem);
    }

    .text-\[clamp\(1\.75rem\,1\.5rem\+0\.8vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 0.8vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.5rem\+0\.9vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 0.9vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.5rem_\+_0\.8vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 0.8vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.5rem_\+_0\.8vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 0.8vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.5rem_\+_0\.9vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 0.9vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.5rem_\+_1vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 1vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1\.15rem\+2vw\,2\.875rem\)\] {
        font-size: clamp(1.75rem, 1.15rem + 2vw, 2.875rem);
    }

    .text-\[clamp\(1\.75rem\,1\.15rem_\+_2\.3vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 1.15rem + 2.3vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,1\.35rem_\+_1\.3vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.35rem + 1.3vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.35rem_\+_1\.4vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 1.35rem + 1.4vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,1\.45rem_\+_1\.2vw\,2\.375rem\)\] {
        font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.375rem);
    }

    .text-\[clamp\(1\.75rem\,1rem\+2\.5vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 1rem + 2.5vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,1rem_\+_1\.8vw\,2\.625rem\)\] {
        font-size: clamp(1.75rem, 1rem + 1.8vw, 2.625rem);
    }

    .text-\[clamp\(1\.75rem\,1rem_\+_2\.3vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 1rem + 2.3vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,1rem_\+_3vw\,3\.5rem\)\] {
        font-size: clamp(1.75rem, 1rem + 3vw, 3.5rem);
    }

    .text-\[clamp\(1\.75rem\,2\.4vw\,2rem\)\] {
        font-size: clamp(1.75rem, 2.4vw, 2rem);
    }

    .text-\[clamp\(1\.75rem\,2\.6vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 2.6vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,2\.6vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 2.6vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,2\.8vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 2.8vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,3\.2vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 3.2vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,3\.4vw\,2\.75rem\)\] {
        font-size: clamp(1.75rem, 3.4vw, 2.75rem);
    }

    .text-\[clamp\(1\.75rem\,3\.4vw\,3rem\)\] {
        font-size: clamp(1.75rem, 3.4vw, 3rem);
    }

    .text-\[clamp\(1\.75rem\,3\.6vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 3.6vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,3\.8vw\,3\.25rem\)\] {
        font-size: clamp(1.75rem, 3.8vw, 3.25rem);
    }

    .text-\[clamp\(1\.75rem\,3vw\,2\.5rem\)\] {
        font-size: clamp(1.75rem, 3vw, 2.5rem);
    }

    .text-\[clamp\(1\.75rem\,3vw\,2\.25rem\)\] {
        font-size: clamp(1.75rem, 3vw, 2.25rem);
    }

    .text-\[clamp\(1\.75rem\,4\.2vw\,3\.5rem\)\] {
        font-size: clamp(1.75rem, 4.2vw, 3.5rem);
    }

    .text-\[clamp\(1\.75rem\,_1\.2rem_\+_1\.9vw\,_2\.875rem\)\] {
        font-size: clamp(1.75rem, 1.2rem + 1.9vw, 2.875rem);
    }

    .text-\[clamp\(1\.75rem\,_1\.3rem_\+_1\.9vw\,_2\.875rem\)\] {
        font-size: clamp(1.75rem, 1.3rem + 1.9vw, 2.875rem);
    }

    .text-\[clamp\(1\.75rem\,_1\.5rem_\+_0\.9vw\,_2\.125rem\)\] {
        font-size: clamp(1.75rem, 1.5rem + 0.9vw, 2.125rem);
    }

    .text-\[clamp\(1\.75rem\,_8\.6cqi\,_3rem\)\] {
        font-size: clamp(1.75rem, 8.6cqi, 3rem);
    }

    .text-\[clamp\(1\.85rem\,3\.4vw\,2\.75rem\)\] {
        font-size: clamp(1.85rem, 3.4vw, 2.75rem);
    }

    .text-\[clamp\(1\.125rem\,1\.02rem_\+_0\.4vw\,1\.3125rem\)\] {
        font-size: clamp(1.125rem, 1.02rem + 0.4vw, 1.3125rem);
    }

    .text-\[clamp\(1\.125rem\,1\.02rem_\+_0\.35vw\,1\.3125rem\)\] {
        font-size: clamp(1.125rem, 1.02rem + 0.35vw, 1.3125rem);
    }

    .text-\[clamp\(1\.125rem\,1\.05rem_\+_0\.3vw\,1\.25rem\)\] {
        font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
    }

    .text-\[clamp\(1\.125rem\,1\.05rem_\+_0\.3vw\,1\.3125rem\)\] {
        font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.3125rem);
    }

    .text-\[clamp\(1\.125rem\,1\.05rem_\+_0\.35vw\,1\.3125rem\)\] {
        font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
    }

    .text-\[clamp\(1\.125rem\,1\.06rem_\+_0\.25vw\,1\.25rem\)\] {
        font-size: clamp(1.125rem, 1.06rem + 0.25vw, 1.25rem);
    }

    .text-\[clamp\(1\.125rem\,1\.6vw\,1\.375rem\)\] {
        font-size: clamp(1.125rem, 1.6vw, 1.375rem);
    }

    .text-\[clamp\(1\.125rem\,1\.08rem_\+_0\.2vw\,1\.1875rem\)\] {
        font-size: clamp(1.125rem, 1.08rem + 0.2vw, 1.1875rem);
    }

    .text-\[clamp\(1\.125rem\,1rem\+0\.4vw\,1\.375rem\)\],
    .text-\[clamp\(1\.125rem\,1rem_\+_0\.4vw\,1\.375rem\)\] {
        font-size: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
    }

    .text-\[clamp\(1\.125rem\,1rem_\+_0\.5vw\,1\.375rem\)\] {
        font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
    }

    .text-\[clamp\(1\.125rem\,1rem_\+_0\.35vw\,1\.3125rem\)\] {
        font-size: clamp(1.125rem, 1rem + 0.35vw, 1.3125rem);
    }

    .text-\[clamp\(1\.125rem\,1rem_\+_0\.45vw\,1\.375rem\)\] {
        font-size: clamp(1.125rem, 1rem + 0.45vw, 1.375rem);
    }

    .text-\[clamp\(1\.125rem\,1rem_\+_0\.45vw\,1\.4375rem\)\] {
        font-size: clamp(1.125rem, 1rem + 0.45vw, 1.4375rem);
    }

    .text-\[clamp\(1\.375rem\,0\.9rem_\+_1vw\,2rem\)\] {
        font-size: clamp(1.375rem, 0.9rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.375rem\,0\.95rem_\+_1\.15vw\,2\.125rem\)\] {
        font-size: clamp(1.375rem, 0.95rem + 1.15vw, 2.125rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem\+0\.8vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem\+0\.9vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem\+1vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem\+1vw\,2rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_0\.6vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.6vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_0\.7vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.7vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_0\.8vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_0\.8vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_0\.9vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_0\.9vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_1vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.1rem_\+_1vw\,2rem\)\] {
        font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem);
    }

    .text-\[clamp\(1\.375rem\,1\.2rem\+0\.6vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.2rem_\+_0\.5vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.2rem_\+_0\.5vw\,1\.625rem\)\] {
        font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.625rem);
    }

    .text-\[clamp\(1\.375rem\,1\.2rem_\+_0\.5vw\,1\.6875rem\)\] {
        font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.6875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.2rem_\+_0\.6vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.2rem_\+_0\.6vw\,1\.625rem\)\] {
        font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem);
    }

    .text-\[clamp\(1\.375rem\,1\.15rem\+0\.6vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.15rem + 0.6vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.15rem\+0\.6vw\,1\.625rem\)\] {
        font-size: clamp(1.375rem, 1.15rem + 0.6vw, 1.625rem);
    }

    .text-\[clamp\(1\.375rem\,1\.15rem_\+_0\.6vw\,1\.6875rem\)\] {
        font-size: clamp(1.375rem, 1.15rem + 0.6vw, 1.6875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.15rem_\+_0\.7vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.15rem + 0.7vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1\.15rem_\+_0\.9vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1.15rem + 0.9vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,1\.25rem_\+_0\.4vw\,1\.625rem\)\] {
        font-size: clamp(1.375rem, 1.25rem + 0.4vw, 1.625rem);
    }

    .text-\[clamp\(1\.375rem\,1rem_\+_0\.7vw\,1\.75rem\)\] {
        font-size: clamp(1.375rem, 1rem + 0.7vw, 1.75rem);
    }

    .text-\[clamp\(1\.375rem\,1rem_\+_0\.9vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 1rem + 0.9vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,2\.2vw\,1\.875rem\)\] {
        font-size: clamp(1.375rem, 2.2vw, 1.875rem);
    }

    .text-\[clamp\(1\.375rem\,8\.4cqi\,2rem\)\] {
        font-size: clamp(1.375rem, 8.4cqi, 2rem);
    }

    .text-\[clamp\(1\.375rem\,_1\.2rem_\+_0\.6vw\,_1\.75rem\)\] {
        font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
    }

    .text-\[clamp\(1\.0625rem\,0\.95rem_\+_0\.4vw\,1\.3125rem\)\] {
        font-size: clamp(1.0625rem, 0.95rem + 0.4vw, 1.3125rem);
    }

    .text-\[clamp\(1\.0625rem\,0\.98rem_\+_0\.3vw\,1\.25rem\)\] {
        font-size: clamp(1.0625rem, 0.98rem + 0.3vw, 1.25rem);
    }

    .text-\[clamp\(1\.0625rem\,1\.02rem_\+_0\.2vw\,1\.1875rem\)\] {
        font-size: clamp(1.0625rem, 1.02rem + 0.2vw, 1.1875rem);
    }

    .text-\[clamp\(1\.0625rem\,1\.03rem_\+_0\.2vw\,1\.1875rem\)\] {
        font-size: clamp(1.0625rem, 1.03rem + 0.2vw, 1.1875rem);
    }

    .text-\[clamp\(1\.0625rem\,1\.03rem_\+_0\.15vw\,1\.125rem\)\] {
        font-size: clamp(1.0625rem, 1.03rem + 0.15vw, 1.125rem);
    }

    .text-\[clamp\(1\.0625rem\,1\.03rem_\+_0\.15vw\,1\.1875rem\)\] {
        font-size: clamp(1.0625rem, 1.03rem + 0.15vw, 1.1875rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem\+0\.3vw\,1\.25rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem\+0\.4vw\,1\.375rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.375rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem\+0\.25vw\,1\.1875rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem\+0\.35vw\,1\.3125rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.3125rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem_\+_0\.2vw\,1\.1875rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.2vw, 1.1875rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem_\+_0\.3vw\,1\.25rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem_\+_0\.3vw\,1\.1875rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem_\+_0\.3vw\,1\.3125rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.3125rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem_\+_0\.25vw\,1\.25rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);
    }

    .text-\[clamp\(1\.0625rem\,1rem_\+_0\.25vw\,1\.1875rem\)\] {
        font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
    }

    .text-\[clamp\(1\.0625rem\,5\.4cqi\,1\.3125rem\)\] {
        font-size: clamp(1.0625rem, 5.4cqi, 1.3125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.1rem\+1\.6vw\,2\.625rem\)\] {
        font-size: clamp(1.625rem, 1.1rem + 1.6vw, 2.625rem);
    }

    .text-\[clamp\(1\.625rem\,1\.1rem_\+_1\.4vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.1rem + 1.4vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.1rem_\+_1\.6vw\,2\.5rem\)\] {
        font-size: clamp(1.625rem, 1.1rem + 1.6vw, 2.5rem);
    }

    .text-\[clamp\(1\.625rem\,1\.1rem_\+_1\.6vw\,2\.625rem\)\] {
        font-size: clamp(1.625rem, 1.1rem + 1.6vw, 2.625rem);
    }

    .text-\[clamp\(1\.625rem\,1\.1rem_\+_1\.7vw\,2\.625rem\)\] {
        font-size: clamp(1.625rem, 1.1rem + 1.7vw, 2.625rem);
    }

    .text-\[clamp\(1\.625rem\,1\.1rem_\+_1\.8vw\,2\.75rem\)\] {
        font-size: clamp(1.625rem, 1.1rem + 1.8vw, 2.75rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem\+1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem\+1\.3vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.3vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem\+1\.4vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1\.3vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.3vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1\.4vw\,2\.5rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.5rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1\.4vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1\.5vw\,2\.625rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.5vw, 2.625rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1\.6vw\,2\.5rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.6vw, 2.5rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1\.9vw\,2\.75rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1.9vw, 2.75rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.2rem_\+_1vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.2rem + 1vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem\+1\.1vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1.1vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem\+1vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem\+1vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem_\+_1\.1vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1.1vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem_\+_1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem_\+_1\.2vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1.2vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem_\+_1\.3vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1.3vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem_\+_1vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.3rem_\+_1vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.4rem\+0\.7vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.4rem + 0.7vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.4rem_\+_0\.6vw\,2rem\)\] {
        font-size: clamp(1.625rem, 1.4rem + 0.6vw, 2rem);
    }

    .text-\[clamp\(1\.625rem\,1\.4rem_\+_0\.8vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.4rem + 0.8vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.4rem_\+_0\.9vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.4rem + 0.9vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.4rem_\+_0\.9vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.4rem + 0.9vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.05rem_\+_0\.95vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.05rem + 0.95vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.25rem_\+_1\.2vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 1.25rem + 1.2vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,1\.25rem_\+_1\.3vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.25rem + 1.3vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.25rem_\+_1\.4vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 1.25rem + 1.4vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,1\.35rem\+0\.8vw\,2rem\)\] {
        font-size: clamp(1.625rem, 1.35rem + 0.8vw, 2rem);
    }

    .text-\[clamp\(1\.625rem\,1\.35rem_\+_0\.9vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.35rem + 0.9vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,1\.35rem_\+_0\.9vw\,2rem\)\] {
        font-size: clamp(1.625rem, 1.35rem + 0.9vw, 2rem);
    }

    .text-\[clamp\(1\.625rem\,1\.45rem_\+_0\.6vw\,2rem\)\] {
        font-size: clamp(1.625rem, 1.45rem + 0.6vw, 2rem);
    }

    .text-\[clamp\(1\.625rem\,1rem_\+_2vw\,3rem\)\] {
        font-size: clamp(1.625rem, 1rem + 2vw, 3rem);
    }

    .text-\[clamp\(1\.625rem\,2\.4vw\,2\.125rem\)\] {
        font-size: clamp(1.625rem, 2.4vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,2\.4vw\,2rem\)\] {
        font-size: clamp(1.625rem, 2.4vw, 2rem);
    }

    .text-\[clamp\(1\.625rem\,2\.8vw\,2\.375rem\)\] {
        font-size: clamp(1.625rem, 2.8vw, 2.375rem);
    }

    .text-\[clamp\(1\.625rem\,2\.9vw\,2\.5rem\)\] {
        font-size: clamp(1.625rem, 2.9vw, 2.5rem);
    }

    .text-\[clamp\(1\.625rem\,3vw\,2\.5rem\)\] {
        font-size: clamp(1.625rem, 3vw, 2.5rem);
    }

    .text-\[clamp\(1\.625rem\,3vw\,2\.25rem\)\] {
        font-size: clamp(1.625rem, 3vw, 2.25rem);
    }

    .text-\[clamp\(1\.625rem\,_1\.1rem_\+_1\.6vw\,_2\.5rem\)\] {
        font-size: clamp(1.625rem, 1.1rem + 1.6vw, 2.5rem);
    }

    .text-\[clamp\(1\.625rem\,_1\.3rem_\+_1\.4vw\,_2\.5rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.5rem);
    }

    .text-\[clamp\(1\.625rem\,_1\.3rem_\+_1\.4vw\,_2\.125rem\)\] {
        font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.125rem);
    }

    .text-\[clamp\(1\.625rem\,_7cqi\,_2rem\)\] {
        font-size: clamp(1.625rem, 7cqi, 2rem);
    }

    .text-\[clamp\(1\.875rem\,1\.1rem\+1\.6vw\,2\.75rem\)\] {
        font-size: clamp(1.875rem, 1.1rem + 1.6vw, 2.75rem);
    }

    .text-\[clamp\(1\.875rem\,1\.1rem\+2\.2vw\,3\.25rem\)\] {
        font-size: clamp(1.875rem, 1.1rem + 2.2vw, 3.25rem);
    }

    .text-\[clamp\(1\.875rem\,1\.1rem\+2\.4vw\,3\.25rem\)\] {
        font-size: clamp(1.875rem, 1.1rem + 2.4vw, 3.25rem);
    }

    .text-\[clamp\(1\.875rem\,1\.2rem\+2\.2vw\,3\.125rem\)\] {
        font-size: clamp(1.875rem, 1.2rem + 2.2vw, 3.125rem);
    }

    .text-\[clamp\(1\.875rem\,1\.2rem\+2\.2vw\,3rem\)\] {
        font-size: clamp(1.875rem, 1.2rem + 2.2vw, 3rem);
    }

    .text-\[clamp\(1\.875rem\,1\.2rem\+2\.4vw\,3rem\)\] {
        font-size: clamp(1.875rem, 1.2rem + 2.4vw, 3rem);
    }

    .text-\[clamp\(1\.875rem\,1\.2rem\+2vw\,3rem\)\] {
        font-size: clamp(1.875rem, 1.2rem + 2vw, 3rem);
    }

    .text-\[clamp\(1\.875rem\,1\.2rem_\+_2\.2vw\,3rem\)\] {
        font-size: clamp(1.875rem, 1.2rem + 2.2vw, 3rem);
    }

    .text-\[clamp\(1\.875rem\,1\.2rem_\+_2\.4vw\,3\.25rem\)\] {
        font-size: clamp(1.875rem, 1.2rem + 2.4vw, 3.25rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem\+1\.8vw\,2\.75rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 1.8vw, 2.75rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem\+1\.8vw\,3rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 1.8vw, 3rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem\+2vw\,3\.25rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem_\+_1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem_\+_1\.6vw\,3rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 1.6vw, 3rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem_\+_1\.8vw\,2\.875rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 1.8vw, 2.875rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem_\+_1\.8vw\,3rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 1.8vw, 3rem);
    }

    .text-\[clamp\(1\.875rem\,1\.3rem_\+_1\.35vw\,2\.625rem\)\] {
        font-size: clamp(1.875rem, 1.3rem + 1.35vw, 2.625rem);
    }

    .text-\[clamp\(1\.875rem\,1\.4rem\+1\.3vw\,2\.625rem\)\] {
        font-size: clamp(1.875rem, 1.4rem + 1.3vw, 2.625rem);
    }

    .text-\[clamp\(1\.875rem\,1\.4rem\+1\.4vw\,2\.75rem\)\] {
        font-size: clamp(1.875rem, 1.4rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(1\.875rem\,1\.4rem\+1\.5vw\,2\.75rem\)\] {
        font-size: clamp(1.875rem, 1.4rem + 1.5vw, 2.75rem);
    }

    .text-\[clamp\(1\.875rem\,1\.4rem\+1\.5vw\,2\.625rem\)\] {
        font-size: clamp(1.875rem, 1.4rem + 1.5vw, 2.625rem);
    }

    .text-\[clamp\(1\.875rem\,1\.4rem_\+_1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.4rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.4rem_\+_1\.6vw\,2\.75rem\)\] {
        font-size: clamp(1.875rem, 1.4rem + 1.6vw, 2.75rem);
    }

    .text-\[clamp\(1\.875rem\,1\.4rem_\+_1\.6vw\,2\.875rem\)\] {
        font-size: clamp(1.875rem, 1.4rem + 1.6vw, 2.875rem);
    }

    .text-\[clamp\(1\.875rem\,1\.05rem_\+_2\.75vw\,3\.5rem\)\] {
        font-size: clamp(1.875rem, 1.05rem + 2.75vw, 3.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.5rem\+1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.5rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.5rem\+1vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.5rem + 1vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.5rem_\+_1\.2vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.5rem + 1.2vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.5rem_\+_1\.3vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.5rem + 1.3vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.5rem_\+_1\.3vw\,2\.625rem\)\] {
        font-size: clamp(1.875rem, 1.5rem + 1.3vw, 2.625rem);
    }

    .text-\[clamp\(1\.875rem\,1\.5rem_\+_1vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.5rem + 1vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.6rem_\+_0\.6vw\,2\.125rem\)\] {
        font-size: clamp(1.875rem, 1.6rem + 0.6vw, 2.125rem);
    }

    .text-\[clamp\(1\.875rem\,1\.6rem_\+_0\.8vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 1.6rem + 0.8vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,1\.25rem_\+_1\.9vw\,3\.25rem\)\] {
        font-size: clamp(1.875rem, 1.25rem + 1.9vw, 3.25rem);
    }

    .text-\[clamp\(1\.875rem\,1rem_\+_2\.8vw\,3\.5rem\)\] {
        font-size: clamp(1.875rem, 1rem + 2.8vw, 3.5rem);
    }

    .text-\[clamp\(1\.875rem\,3\.5vw\,2\.75rem\)\] {
        font-size: clamp(1.875rem, 3.5vw, 2.75rem);
    }

    .text-\[clamp\(1\.875rem\,3\.8vw\,3\.25rem\)\] {
        font-size: clamp(1.875rem, 3.8vw, 3.25rem);
    }

    .text-\[clamp\(1\.875rem\,3vw\,2\.5rem\)\] {
        font-size: clamp(1.875rem, 3vw, 2.5rem);
    }

    .text-\[clamp\(1\.875rem\,4\.2vw\,3\.5rem\)\] {
        font-size: clamp(1.875rem, 4.2vw, 3.5rem);
    }

    .text-\[clamp\(1\.875rem\,5\.4vw\,4\.75rem\)\] {
        font-size: clamp(1.875rem, 5.4vw, 4.75rem);
    }

    .text-\[clamp\(1\.875rem\,_1\.1rem_\+_2\.75vw\,_3\.5rem\)\] {
        font-size: clamp(1.875rem, 1.1rem + 2.75vw, 3.5rem);
    }

    .text-\[clamp\(1\.1875rem\,1\.1rem\+0\.3vw\,1\.3125rem\)\] {
        font-size: clamp(1.1875rem, 1.1rem + 0.3vw, 1.3125rem);
    }

    .text-\[clamp\(1\.1875rem\,1\.1rem\+0\.4vw\,1\.375rem\)\] {
        font-size: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
    }

    .text-\[clamp\(1\.1875rem\,1\.1rem_\+_0\.3vw\,1\.375rem\)\] {
        font-size: clamp(1.1875rem, 1.1rem + 0.3vw, 1.375rem);
    }

    .text-\[clamp\(1\.1875rem\,1\.1rem_\+_0\.4vw\,1\.375rem\)\] {
        font-size: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
    }

    .text-\[clamp\(1\.1875rem\,1\.05rem\+0\.4vw\,1\.375rem\)\] {
        font-size: clamp(1.1875rem, 1.05rem + 0.4vw, 1.375rem);
    }

    .text-\[clamp\(1\.1875rem\,1\.05rem_\+_0\.4vw\,1\.4375rem\)\] {
        font-size: clamp(1.1875rem, 1.05rem + 0.4vw, 1.4375rem);
    }

    .text-\[clamp\(1\.3125rem\,1\.2rem_\+_0\.4vw\,1\.5rem\)\] {
        font-size: clamp(1.3125rem, 1.2rem + 0.4vw, 1.5rem);
    }

    .text-\[clamp\(1\.3125rem\,1\.2rem_\+_0\.6vw\,1\.625rem\)\] {
        font-size: clamp(1.3125rem, 1.2rem + 0.6vw, 1.625rem);
    }

    .text-\[clamp\(1\.3125rem\,1\.15rem_\+_0\.5vw\,1\.5rem\)\] {
        font-size: clamp(1.3125rem, 1.15rem + 0.5vw, 1.5rem);
    }

    .text-\[clamp\(1\.3125rem\,1\.15rem_\+_0\.6vw\,1\.625rem\)\] {
        font-size: clamp(1.3125rem, 1.15rem + 0.6vw, 1.625rem);
    }

    .text-\[clamp\(1\.3125rem\,_1\.15rem_\+_0\.7vw\,_1\.625rem\)\] {
        font-size: clamp(1.3125rem, 1.15rem + 0.7vw, 1.625rem);
    }

    .text-\[clamp\(1rem\,0\.85rem\+0\.4vw\,1\.25rem\)\] {
        font-size: clamp(1rem, 0.85rem + 0.4vw, 1.25rem);
    }

    .text-\[clamp\(1rem\,0\.85rem\+0\.35vw\,1\.1875rem\)\] {
        font-size: clamp(1rem, 0.85rem + 0.35vw, 1.1875rem);
    }

    .text-\[clamp\(1rem\,0\.85rem_\+_0\.5vw\,1\.25rem\)\] {
        font-size: clamp(1rem, 0.85rem + 0.5vw, 1.25rem);
    }

    .text-\[clamp\(1rem\,0\.85rem_\+_0\.5vw\,1\.375rem\)\] {
        font-size: clamp(1rem, 0.85rem + 0.5vw, 1.375rem);
    }

    .text-\[clamp\(1rem\,0\.95rem_\+_0\.3vw\,1\.1875rem\)\] {
        font-size: clamp(1rem, 0.95rem + 0.3vw, 1.1875rem);
    }

    .text-\[clamp\(2\.1rem\,3\.6vw\,3rem\)\] {
        font-size: clamp(2.1rem, 3.6vw, 3rem);
    }

    .text-\[clamp\(2\.2rem\,4\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.2rem, 4.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.2rem\,4\.8vw\,4rem\)\] {
        font-size: clamp(2.2rem, 4.8vw, 4rem);
    }

    .text-\[clamp\(2\.2rem\,4vw\,3\.5rem\)\] {
        font-size: clamp(2.2rem, 4vw, 3.5rem);
    }

    .text-\[clamp\(2\.2rem\,4vw\,3\.25rem\)\] {
        font-size: clamp(2.2rem, 4vw, 3.25rem);
    }

    .text-\[clamp\(2\.2rem\,5\.2vw\,4rem\)\] {
        font-size: clamp(2.2rem, 5.2vw, 4rem);
    }

    .text-\[clamp\(2\.4rem\,5\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.4rem, 5.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,0\.6rem\+6\.2vw\,7\.5rem\)\] {
        font-size: clamp(2.5rem, 0.6rem + 6.2vw, 7.5rem);
    }

    .text-\[clamp\(2\.5rem\,0\.6rem\+7\.8vw\,6\.75rem\)\] {
        font-size: clamp(2.5rem, 0.6rem + 7.8vw, 6.75rem);
    }

    .text-\[clamp\(2\.5rem\,0\.8rem_\+_5\.4vw\,6\.25rem\)\] {
        font-size: clamp(2.5rem, 0.8rem + 5.4vw, 6.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.1rem\+4vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.1rem + 4vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.1rem_\+_3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.1rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.2rem\+3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.2rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.2rem\+4\.6vw\,5\.25rem\)\] {
        font-size: clamp(2.5rem, 1.2rem + 4.6vw, 5.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.2rem_\+_4vw\,5\.25rem\)\] {
        font-size: clamp(2.5rem, 1.2rem + 4vw, 5.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3\.4vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.4vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3\.4vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.4vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3\.6vw\,5rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.6vw, 5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3\.8vw\,5rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.8vw, 5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem\+3vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem_\+_3\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem_\+_3\.4vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.4vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem_\+_3\.4vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.4vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem_\+_3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.4rem_\+_3vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.4rem + 3vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+2\.8vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 2.8vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+3\.4vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.4vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+3\.4vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.4vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+3\.4vw\,5\.5rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.4vw, 5.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+3\.4vw\,5\.25rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.4vw, 5.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+3\.4vw\,5rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.4vw, 5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem\+3vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_2\.6vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 2.6vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_3\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_3\.5vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.5vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_3\.6vw\,4\.875rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.6vw, 4.875rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_3\.6vw\,5rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3.6vw, 5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_3vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 3vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_4\.2vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 4.2vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.5rem_\+_4vw\,5\.5rem\)\] {
        font-size: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem\+2\.4vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.4vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem\+2\.6vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.6vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem\+2\.6vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.6vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem\+2\.8vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.8vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem\+2\.8vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.8vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem\+3vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 3vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_2\.6vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.6vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_2\.6vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.6vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_2\.8vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.8vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_2\.8vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 2.8vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_3\.2vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 3.2vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_3vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 3vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_3vw\,4\.25rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 3vw, 4.25rem);
    }

    .text-\[clamp\(2\.5rem\,1\.6rem_\+_3vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 3vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.8rem\+2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.5rem, 1.8rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.5rem\,1\.8rem\+2\.4vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.8rem + 2.4vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.8rem\+2vw\,3\.5rem\)\] {
        font-size: clamp(2.5rem, 1.8rem + 2vw, 3.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.8rem_\+_2\.4vw\,4rem\)\] {
        font-size: clamp(2.5rem, 1.8rem + 2.4vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,1\.9rem\+1\.6vw\,3\.5rem\)\],
    .text-\[clamp\(2\.5rem\,1\.9rem_\+_1\.6vw\,3\.5rem\)\] {
        font-size: clamp(2.5rem, 1.9rem + 1.6vw, 3.5rem);
    }

    .text-\[clamp\(2\.5rem\,1\.9rem_\+_2vw\,3\.75rem\)\] {
        font-size: clamp(2.5rem, 1.9rem + 2vw, 3.75rem);
    }

    .text-\[clamp\(2\.5rem\,1rem\+3\.6vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 1rem + 3.6vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,2rem\+1\.4vw\,3\.25rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.4vw, 3.25rem);
    }

    .text-\[clamp\(2\.5rem\,2rem\+1\.5vw\,3\.5rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    }

    .text-\[clamp\(2\.5rem\,2rem\+1\.5vw\,3\.25rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.5vw, 3.25rem);
    }

    .text-\[clamp\(2\.5rem\,2rem\+1\.6vw\,3\.5rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.6vw, 3.5rem);
    }

    .text-\[clamp\(2\.5rem\,2rem\+1\.6vw\,3\.25rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.6vw, 3.25rem);
    }

    .text-\[clamp\(2\.5rem\,2rem_\+_1\.1vw\,3rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.1vw, 3rem);
    }

    .text-\[clamp\(2\.5rem\,2rem_\+_1\.4vw\,3\.25rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.4vw, 3.25rem);
    }

    .text-\[clamp\(2\.5rem\,2rem_\+_1\.6vw\,3\.5rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.6vw, 3.5rem);
    }

    .text-\[clamp\(2\.5rem\,2rem_\+_1\.6vw\,3\.25rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.6vw, 3.25rem);
    }

    .text-\[clamp\(2\.5rem\,2rem_\+_1\.8vw\,3\.75rem\)\] {
        font-size: clamp(2.5rem, 2rem + 1.8vw, 3.75rem);
    }

    .text-\[clamp\(2\.5rem\,4\.3vw\,3\.9rem\)\] {
        font-size: clamp(2.5rem, 4.3vw, 3.9rem);
    }

    .text-\[clamp\(2\.5rem\,4\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.5rem, 4.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.5rem\,4\.4vw\,3\.875rem\)\] {
        font-size: clamp(2.5rem, 4.4vw, 3.875rem);
    }

    .text-\[clamp\(2\.5rem\,4vw\,3\.5rem\)\] {
        font-size: clamp(2.5rem, 4vw, 3.5rem);
    }

    .text-\[clamp\(2\.5rem\,4vw\,3\.75rem\)\] {
        font-size: clamp(2.5rem, 4vw, 3.75rem);
    }

    .text-\[clamp\(2\.5rem\,5\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 5.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,5\.5vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 5.5vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,5\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 5.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,5vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 5vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,5vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 5vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,6\.4vw\,5\.25rem\)\] {
        font-size: clamp(2.5rem, 6.4vw, 5.25rem);
    }

    .text-\[clamp\(2\.5rem\,6vw\,4\.5rem\)\] {
        font-size: clamp(2.5rem, 6vw, 4.5rem);
    }

    .text-\[clamp\(2\.5rem\,6vw\,4\.75rem\)\] {
        font-size: clamp(2.5rem, 6vw, 4.75rem);
    }

    .text-\[clamp\(2\.5rem\,6vw\,5\.25rem\)\] {
        font-size: clamp(2.5rem, 6vw, 5.25rem);
    }

    .text-\[clamp\(2\.5rem\,6vw\,5rem\)\] {
        font-size: clamp(2.5rem, 6vw, 5rem);
    }

    .text-\[clamp\(2\.5rem\,7vw\,4rem\)\] {
        font-size: clamp(2.5rem, 7vw, 4rem);
    }

    .text-\[clamp\(2\.5rem\,8vw\,6\.5rem\)\] {
        font-size: clamp(2.5rem, 8vw, 6.5rem);
    }

    .text-\[clamp\(2\.5rem\,8vw\,7\.5rem\)\] {
        font-size: clamp(2.5rem, 8vw, 7.5rem);
    }

    .text-\[clamp\(2\.5rem\,9cqi\,6\.75rem\)\] {
        font-size: clamp(2.5rem, 9cqi, 6.75rem);
    }

    .text-\[clamp\(2\.5rem\,_1\.6rem_\+_1\.6vw\,_3\.25rem\)\] {
        font-size: clamp(2.5rem, 1.6rem + 1.6vw, 3.25rem);
    }

    .text-\[clamp\(2\.6rem\,4\.8vw\,4rem\)\] {
        font-size: clamp(2.6rem, 4.8vw, 4rem);
    }

    .text-\[clamp\(2\.6rem\,6\.6vw\,5\.2rem\)\] {
        font-size: clamp(2.6rem, 6.6vw, 5.2rem);
    }

    .text-\[clamp\(2\.6rem\,7\.4vw\,6rem\)\] {
        font-size: clamp(2.6rem, 7.4vw, 6rem);
    }

    .text-\[clamp\(2\.6rem\,7vw\,5\.6rem\)\] {
        font-size: clamp(2.6rem, 7vw, 5.6rem);
    }

    .text-\[clamp\(2\.8rem\,9\.6vw\,8rem\)\] {
        font-size: clamp(2.8rem, 9.6vw, 8rem);
    }

    .text-\[clamp\(2\.9rem\,7\.4vw\,6\.5rem\)\] {
        font-size: clamp(2.9rem, 7.4vw, 6.5rem);
    }

    .text-\[clamp\(2\.25rem\,0\.75rem_\+_3vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 0.75rem + 3vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.1rem\+3\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.1rem + 3.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.1rem\+3\.4vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 1.1rem + 3.4vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.1rem\+3\.4vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.1rem + 3.4vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.1rem\+3\.4vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.1rem + 3.4vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.1rem_\+_3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.25rem, 1.1rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem\+3\.2vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.2vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem\+3\.2vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.2vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem\+3\.2vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.2vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem\+3\.6vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.6vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem\+3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem\+3vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem_\+_2\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 2.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem_\+_3\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem_\+_3\.2vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.2vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.2rem_\+_3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.25rem, 1.2rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+2\.8vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 2.8vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+2\.8vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 2.8vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+2\.8vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 2.8vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+2\.8vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 2.8vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+3\.4vw\,5rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 3.4vw, 5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+3vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 3vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem\+3vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 3vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem_\+_2\.6vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 2.6vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem_\+_2\.8vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 2.8vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem_\+_3\.2vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 3.2vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem_\+_3\.6vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 3.6vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem_\+_3vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 3vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.3rem_\+_3vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.3rem + 3vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.2vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.2vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.6vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.6vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.8vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.8vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.8vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.8vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+2\.8vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.8vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+3\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 3.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+3vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 3vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem\+3vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 3vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem_\+_2\.1vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.1vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem_\+_2\.4vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.4vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem_\+_2\.7vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.7vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem_\+_2\.7vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.7vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem_\+_2\.8vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.8vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem_\+_2\.8vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 2.8vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.4rem_\+_3\.5vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.4rem + 3.5vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2\.2vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.2vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2\.2vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.2vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2\.6vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2\.6vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.6vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem\+2vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.2vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.2vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.2vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.2vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.4vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.4vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.6vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.6vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2\.8vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2.8vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_2vw\,3rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 2vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_3vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 3vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.5rem_\+_3vw\,4rem\)\] {
        font-size: clamp(2.25rem, 1.5rem + 3vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem\+1\.8vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 1.8vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem\+2vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem\+2vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_1\.6vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 1.6vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_1\.8vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 1.8vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_2\.8vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_2vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_2vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.6rem_\+_2vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.6rem + 2vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.7rem\+1\.6vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.7rem + 1.6vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem\+1\.2vw\,3rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.2vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem\+1\.6vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.6vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem_\+_1\.2vw\,3rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.2vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem_\+_1\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem_\+_1\.4vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.4vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem_\+_1\.4vw\,3rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.4vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem_\+_1\.5vw\,3rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.5vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem_\+_1\.6vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1.6vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.8rem_\+_1vw\,2\.75rem\)\] {
        font-size: clamp(2.25rem, 1.8rem + 1vw, 2.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.9rem_\+_1\.2vw\,3rem\)\] {
        font-size: clamp(2.25rem, 1.9rem + 1.2vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,1\.9rem_\+_1vw\,2\.75rem\)\] {
        font-size: clamp(2.25rem, 1.9rem + 1vw, 2.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.15rem_\+_5\.6vw\,6\.25rem\)\] {
        font-size: clamp(2.25rem, 1.15rem + 5.6vw, 6.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.35rem_\+_2\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 1.35rem + 2.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,1\.75rem_\+_1\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 1.75rem + 1.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,1\.75rem_\+_1\.4vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 1.75rem + 1.4vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,1\.75rem_\+_1\.5vw\,3rem\)\] {
        font-size: clamp(2.25rem, 1.75rem + 1.5vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,1rem\+4vw\,4\.75rem\)\] {
        font-size: clamp(2.25rem, 1rem + 4vw, 4.75rem);
    }

    .text-\[clamp\(2\.25rem\,3\.4vw\,3rem\)\] {
        font-size: clamp(2.25rem, 3.4vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,4\.2vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 4.2vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,4\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 4.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,4\.5vw\,3\.5rem\)\] {
        font-size: clamp(2.25rem, 4.5vw, 3.5rem);
    }

    .text-\[clamp\(2\.25rem\,4\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 4.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,4\.8vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 4.8vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,4vw\,3\.25rem\)\] {
        font-size: clamp(2.25rem, 4vw, 3.25rem);
    }

    .text-\[clamp\(2\.25rem\,5\.5vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 5.5vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,5vw\,3\.75rem\)\] {
        font-size: clamp(2.25rem, 5vw, 3.75rem);
    }

    .text-\[clamp\(2\.25rem\,5vw\,3rem\)\] {
        font-size: clamp(2.25rem, 5vw, 3rem);
    }

    .text-\[clamp\(2\.25rem\,5vw\,4\.5rem\)\] {
        font-size: clamp(2.25rem, 5vw, 4.5rem);
    }

    .text-\[clamp\(2\.25rem\,5vw\,4\.25rem\)\] {
        font-size: clamp(2.25rem, 5vw, 4.25rem);
    }

    .text-\[clamp\(2\.25rem\,5vw\,4rem\)\] {
        font-size: clamp(2.25rem, 5vw, 4rem);
    }

    .text-\[clamp\(2\.25rem\,6\.5vw\,5\.5rem\)\] {
        font-size: clamp(2.25rem, 6.5vw, 5.5rem);
    }

    .text-\[clamp\(2\.25rem\,6\.5vw\,5\.25rem\)\] {
        font-size: clamp(2.25rem, 6.5vw, 5.25rem);
    }

    .text-\[clamp\(2\.25rem\,6vw\,4\.75rem\)\] {
        font-size: clamp(2.25rem, 6vw, 4.75rem);
    }

    .text-\[clamp\(2\.25rem\,7vw\,5\.5rem\)\] {
        font-size: clamp(2.25rem, 7vw, 5.5rem);
    }

    .text-\[clamp\(2\.25rem\,7vw\,5\.75rem\)\] {
        font-size: clamp(2.25rem, 7vw, 5.75rem);
    }

    .text-\[clamp\(2\.25rem\,12\.6cqi\,6\.75rem\)\] {
        font-size: clamp(2.25rem, 12.6cqi, 6.75rem);
    }

    .text-\[clamp\(2\.25rem\,_10\.2cqi\,_4\.5rem\)\] {
        font-size: clamp(2.25rem, 10.2cqi, 4.5rem);
    }

    .text-\[clamp\(2\.35rem\,4\.9vw\,4\.5rem\)\] {
        font-size: clamp(2.35rem, 4.9vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,0\.9rem_\+_4\.2vw\,5\.75rem\)\] {
        font-size: clamp(2.75rem, 0.9rem + 4.2vw, 5.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.2rem\+4\.4vw\,6rem\)\] {
        font-size: clamp(2.75rem, 1.2rem + 4.4vw, 6rem);
    }

    .text-\[clamp\(2\.75rem\,1\.2rem\+4\.6vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.2rem + 4.6vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.2rem\+4\.6vw\,6\.25rem\)\] {
        font-size: clamp(2.75rem, 1.2rem + 4.6vw, 6.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.2rem\+5vw\,6\.5rem\)\] {
        font-size: clamp(2.75rem, 1.2rem + 5vw, 6.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.2rem\+5vw\,6rem\)\],
    .text-\[clamp\(2\.75rem\,1\.2rem_\+_5vw\,6rem\)\] {
        font-size: clamp(2.75rem, 1.2rem + 5vw, 6rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem\+3\.8vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 3.8vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem\+4\.2vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4.2vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem\+4\.2vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4.2vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem\+4\.2vw\,5\.75rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4.2vw, 5.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem\+4\.4vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4.4vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem\+4\.4vw\,6\.5rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4.4vw, 6.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem\+7vw\,3\.5rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 7vw, 3.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem_\+_4\.2vw\,5\.75rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4.2vw, 5.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem_\+_4vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.4rem_\+_4vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 1.4rem + 4vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem\+4\.6vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 4.6vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_3\.2vw\,4\.25rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 3.2vw, 4.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_3\.4vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 3.4vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_3\.7vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 3.7vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_3\.8vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 3.8vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_3\.9vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 3.9vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_4\.6vw\,6rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 4.6vw, 6rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_4vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 4vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.5rem_\+_4vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 1.5rem + 4vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+3\.4vw\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.4vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+3\.4vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.4vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+3\.6vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.6vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+3\.6vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.6vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+3\.6vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.6vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+3\.6vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.6vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+3vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+4\.2vw\,6rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 4.2vw, 6rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem\+4vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 4vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem_\+_3\.4vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.4vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem_\+_3\.6vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.6vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem_\+_3\.6vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.6vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem_\+_3\.8vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 3.8vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem_\+_4\.2vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 4.2vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem_\+_4\.4vw\,5\.75rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 4.4vw, 5.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.6rem_\+_4vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 1.6rem + 4vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.8rem\+3vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 1.8rem + 3vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,1\.9rem_\+_2\.2vw\,4\.25rem\)\] {
        font-size: clamp(2.75rem, 1.9rem + 2.2vw, 4.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.9rem_\+_2\.6vw\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 1.9rem + 2.6vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.25rem_\+_5vw\,6\.25rem\)\] {
        font-size: clamp(2.75rem, 1.25rem + 5vw, 6.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.55rem_\+_5\.2vw\,6\.25rem\)\] {
        font-size: clamp(2.75rem, 1.55rem + 5.2vw, 6.25rem);
    }

    .text-\[clamp\(2\.75rem\,1\.75rem_\+_3\.6vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.75rem + 3.6vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1\.75rem_\+_3vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1.75rem + 3vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1rem_\+_4\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 1rem + 4.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,1rem_\+_4\.4vw\,5rem\)\] {
        font-size: clamp(2.75rem, 1rem + 4.4vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,1rem_\+_4vw\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 1rem + 4vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,1rem_\+_5\.2vw\,6rem\)\] {
        font-size: clamp(2.75rem, 1rem + 5.2vw, 6rem);
    }

    .text-\[clamp\(2\.75rem\,1rem_\+_5vw\,5\.75rem\)\] {
        font-size: clamp(2.75rem, 1rem + 5vw, 5.75rem);
    }

    .text-\[clamp\(2\.75rem\,2\.1rem_\+_2vw\,3\.75rem\)\] {
        font-size: clamp(2.75rem, 2.1rem + 2vw, 3.75rem);
    }

    .text-\[clamp\(2\.75rem\,2\.2rem_\+_1\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.75rem, 2.2rem + 1.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.75rem\,2\.3rem\+1\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.75rem, 2.3rem + 1.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.75rem\,2rem\+2\.2vw\,4rem\)\] {
        font-size: clamp(2.75rem, 2rem + 2.2vw, 4rem);
    }

    .text-\[clamp\(2\.75rem\,2rem\+2vw\,3\.75rem\)\] {
        font-size: clamp(2.75rem, 2rem + 2vw, 3.75rem);
    }

    .text-\[clamp\(2\.75rem\,2rem_\+_1\.8vw\,3\.5rem\)\] {
        font-size: clamp(2.75rem, 2rem + 1.8vw, 3.5rem);
    }

    .text-\[clamp\(2\.75rem\,2rem_\+_2\.2vw\,4\.25rem\)\] {
        font-size: clamp(2.75rem, 2rem + 2.2vw, 4.25rem);
    }

    .text-\[clamp\(2\.75rem\,2rem_\+_2\.4vw\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 2rem + 2.4vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,2rem_\+_2\.4vw\,4\.25rem\)\] {
        font-size: clamp(2.75rem, 2rem + 2.4vw, 4.25rem);
    }

    .text-\[clamp\(2\.75rem\,2rem_\+_2vw\,3\.75rem\)\] {
        font-size: clamp(2.75rem, 2rem + 2vw, 3.75rem);
    }

    .text-\[clamp\(2\.75rem\,2rem_\+_2vw\,4rem\)\] {
        font-size: clamp(2.75rem, 2rem + 2vw, 4rem);
    }

    .text-\[clamp\(2\.75rem\,3\.2vw_\+_1rem\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 3.2vw + 1rem, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,4\.4vw\,4rem\)\] {
        font-size: clamp(2.75rem, 4.4vw, 4rem);
    }

    .text-\[clamp\(2\.75rem\,4vw\,3\.75rem\)\] {
        font-size: clamp(2.75rem, 4vw, 3.75rem);
    }

    .text-\[clamp\(2\.75rem\,5\.2vw\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 5.2vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,5\.4vw\,4\.5rem\)\] {
        font-size: clamp(2.75rem, 5.4vw, 4.5rem);
    }

    .text-\[clamp\(2\.75rem\,5\.4vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 5.4vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,5\.4vw\,5rem\)\] {
        font-size: clamp(2.75rem, 5.4vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,5\.5vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 5.5vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,5\.6vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 5.6vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,5\.6vw\,5rem\)\] {
        font-size: clamp(2.75rem, 5.6vw, 5rem);
    }

    .text-\[clamp\(2\.75rem\,5vw\,3\.75rem\)\] {
        font-size: clamp(2.75rem, 5vw, 3.75rem);
    }

    .text-\[clamp\(2\.75rem\,6\.2vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 6.2vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,6\.2vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 6.2vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,6\.4vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 6.4vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,6\.4vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 6.4vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,6\.6vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 6.6vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,6vw\,4\.25rem\)\] {
        font-size: clamp(2.75rem, 6vw, 4.25rem);
    }

    .text-\[clamp\(2\.75rem\,6vw\,4\.75rem\)\] {
        font-size: clamp(2.75rem, 6vw, 4.75rem);
    }

    .text-\[clamp\(2\.75rem\,6vw\,5\.25rem\)\] {
        font-size: clamp(2.75rem, 6vw, 5.25rem);
    }

    .text-\[clamp\(2\.75rem\,7\.4vw\,6\.25rem\)\] {
        font-size: clamp(2.75rem, 7.4vw, 6.25rem);
    }

    .text-\[clamp\(2\.75rem\,7\.4vw\,6rem\)\] {
        font-size: clamp(2.75rem, 7.4vw, 6rem);
    }

    .text-\[clamp\(2\.75rem\,7\.5vw\,6\.25rem\)\] {
        font-size: clamp(2.75rem, 7.5vw, 6.25rem);
    }

    .text-\[clamp\(2\.75rem\,7\.6vw\,6\.5rem\)\] {
        font-size: clamp(2.75rem, 7.6vw, 6.5rem);
    }

    .text-\[clamp\(2\.75rem\,7vw\,5\.5rem\)\] {
        font-size: clamp(2.75rem, 7vw, 5.5rem);
    }

    .text-\[clamp\(2\.75rem\,7vw\,6\.5rem\)\] {
        font-size: clamp(2.75rem, 7vw, 6.5rem);
    }

    .text-\[clamp\(2\.75rem\,7vw\,6rem\)\] {
        font-size: clamp(2.75rem, 7vw, 6rem);
    }

    .text-\[clamp\(2\.75rem\,8\.5vw\,7\.5rem\)\] {
        font-size: clamp(2.75rem, 8.5vw, 7.5rem);
    }

    .text-\[clamp\(2\.75rem\,8vw\,7rem\)\] {
        font-size: clamp(2.75rem, 8vw, 7rem);
    }

    .text-\[clamp\(2\.75rem\,_2\.2rem_\+_2\.2vw\,_3\.75rem\)\] {
        font-size: clamp(2.75rem, 2.2rem + 2.2vw, 3.75rem);
    }

    .text-\[clamp\(2\.75rem\,_16cqi\,_4\.5rem\)\] {
        font-size: clamp(2.75rem, 16cqi, 4.5rem);
    }

    .text-\[clamp\(2\.125rem\,1\.2rem\+2\.9vw\,4\.25rem\)\] {
        font-size: clamp(2.125rem, 1.2rem + 2.9vw, 4.25rem);
    }

    .text-\[clamp\(2\.125rem\,1\.2rem_\+_4vw\,5rem\)\] {
        font-size: clamp(2.125rem, 1.2rem + 4vw, 5rem);
    }

    .text-\[clamp\(2\.125rem\,1\.3rem_\+_2vw\,3\.25rem\)\] {
        font-size: clamp(2.125rem, 1.3rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(2\.125rem\,1\.4rem\+2\.3vw\,3\.5rem\)\] {
        font-size: clamp(2.125rem, 1.4rem + 2.3vw, 3.5rem);
    }

    .text-\[clamp\(2\.125rem\,1\.4rem\+2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2.125rem, 1.4rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2\.125rem\,1\.4rem\+2\.4vw\,3\.375rem\)\] {
        font-size: clamp(2.125rem, 1.4rem + 2.4vw, 3.375rem);
    }

    .text-\[clamp\(2\.125rem\,3vw\,2\.75rem\)\] {
        font-size: clamp(2.125rem, 3vw, 2.75rem);
    }

    .text-\[clamp\(2\.125rem\,6\.4vw\,6rem\)\] {
        font-size: clamp(2.125rem, 6.4vw, 6rem);
    }

    .text-\[clamp\(2\.375rem\,1\.3rem\+3\.6vw\,4\.5rem\)\] {
        font-size: clamp(2.375rem, 1.3rem + 3.6vw, 4.5rem);
    }

    .text-\[clamp\(2\.375rem\,1\.3rem_\+_3\.1vw\,4\.5rem\)\] {
        font-size: clamp(2.375rem, 1.3rem + 3.1vw, 4.5rem);
    }

    .text-\[clamp\(2\.375rem\,1\.4rem_\+_2\.6vw\,3\.75rem\)\] {
        font-size: clamp(2.375rem, 1.4rem + 2.6vw, 3.75rem);
    }

    .text-\[clamp\(2\.375rem\,1\.45rem_\+_3\.2vw\,4\.25rem\)\] {
        font-size: clamp(2.375rem, 1.45rem + 3.2vw, 4.25rem);
    }

    .text-\[clamp\(2\.375rem\,1rem\+3\.4vw\,4\.25rem\)\] {
        font-size: clamp(2.375rem, 1rem + 3.4vw, 4.25rem);
    }

    .text-\[clamp\(2\.375rem\,_min\(13\.6cqi\,_10\.8vh\)\,_5\.5rem\)\] {
        font-size: clamp(2.375rem, min(13.6cqi, 10.8vh), 5.5rem);
    }

    .text-\[clamp\(2\.375rem\,min\(1\.2rem\+4\.2vw\,7\.2svh\)\,4rem\)\] {
        font-size: clamp(2.375rem, min(1.2rem + 4.2vw, 7.2svh), 4rem);
    }

    .text-\[clamp\(2\.625rem\,1\.2rem\+4\.2vw\,5\.25rem\)\] {
        font-size: clamp(2.625rem, 1.2rem + 4.2vw, 5.25rem);
    }

    .text-\[clamp\(2\.625rem\,1\.2rem_\+_3\.6vw\,4\.375rem\)\] {
        font-size: clamp(2.625rem, 1.2rem + 3.6vw, 4.375rem);
    }

    .text-\[clamp\(2\.625rem\,1\.4rem\+4vw\,5rem\)\] {
        font-size: clamp(2.625rem, 1.4rem + 4vw, 5rem);
    }

    .text-\[clamp\(2\.625rem\,1\.5rem_\+_3\.4vw\,4\.75rem\)\] {
        font-size: clamp(2.625rem, 1.5rem + 3.4vw, 4.75rem);
    }

    .text-\[clamp\(2\.875rem\,1\.2rem\+4\.4vw\,6\.25rem\)\] {
        font-size: clamp(2.875rem, 1.2rem + 4.4vw, 6.25rem);
    }

    .text-\[clamp\(2\.875rem\,1\.5rem_\+_4\.6vw\,6\.25rem\)\] {
        font-size: clamp(2.875rem, 1.5rem + 4.6vw, 6.25rem);
    }

    .text-\[clamp\(2\.875rem\,1\.6rem\+4vw\,5\.75rem\)\] {
        font-size: clamp(2.875rem, 1.6rem + 4vw, 5.75rem);
    }

    .text-\[clamp\(2\.875rem\,1rem\+5\.6vw\,6\.25rem\)\] {
        font-size: clamp(2.875rem, 1rem + 5.6vw, 6.25rem);
    }

    .text-\[clamp\(2rem\,0\.9rem_\+_4\.4vw\,5rem\)\] {
        font-size: clamp(2rem, 0.9rem + 4.4vw, 5rem);
    }

    .text-\[clamp\(2rem\,1\.1rem\+2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.1rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.1rem\+2\.6vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.1rem + 2.6vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.2rem\+2\.3vw\,3\.375rem\)\] {
        font-size: clamp(2rem, 1.2rem + 2.3vw, 3.375rem);
    }

    .text-\[clamp\(2rem\,1\.2rem\+2\.4vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.2rem + 2.4vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.2rem\+2\.6vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.2rem + 2.6vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.2rem\+2\.6vw\,3\.75rem\)\] {
        font-size: clamp(2rem, 1.2rem + 2.6vw, 3.75rem);
    }

    .text-\[clamp\(2rem\,1\.2rem_\+_2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.2rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.2rem_\+_2\.6vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.2rem + 2.6vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.3rem\+2\.2vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2.2vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.3rem\+2\.2vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2.2vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.3rem\+2\.2vw\,3rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2.2vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.3rem\+2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2rem\,1\.3rem\+2vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.3rem\+2vw\,2\.875rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2vw, 2.875rem);
    }

    .text-\[clamp\(2rem\,1\.3rem\+2vw\,3rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.3rem_\+_1\.6vw\,3rem\)\] {
        font-size: clamp(2rem, 1.3rem + 1.6vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.3rem_\+_2\.2vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2.2vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.3rem_\+_2\.4vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.3rem + 2.4vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+1\.6vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.6vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+1\.6vw\,2\.875rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.6vw, 2.875rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+1\.6vw\,3rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.6vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+1\.8vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.8vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+1\.8vw\,3rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.8vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+1\.9vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.9vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+1\.9vw\,3\.25rem\)\]\! {
        font-size: clamp(2rem, 1.4rem + 1.9vw, 3.25rem) !important;
    }

    .text-\[clamp\(2rem\,1\.4rem\+2vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+2vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+2vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+2vw\,3\.125rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 3.125rem);
    }

    .text-\[clamp\(2rem\,1\.4rem\+2vw\,3rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_1\.4vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_1\.4vw\,2\.875rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.4vw, 2.875rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_1\.8vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.8vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_1\.8vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.8vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_1\.8vw\,3rem\)\] {
        font-size: clamp(2rem, 1.4rem + 1.8vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_2\.2vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2.2vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_2\.4vw\,3\.75rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2.4vw, 3.75rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_2vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_2vw\,3\.375rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 3.375rem);
    }

    .text-\[clamp\(2rem\,1\.4rem_\+_2vw\,3rem\)\] {
        font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.5rem\+1\.2vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.2vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.5rem\+1\.4vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.5rem\+1\.5vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.5rem\+1\.5vw\,3rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.5vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.5rem\+1\.6vw\,2\.875rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.6vw, 2.875rem);
    }

    .text-\[clamp\(2rem\,1\.5rem\+1\.6vw\,3rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.2vw\,2\.625rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.2vw, 2.625rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.4vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.5vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.6vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.6vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.6vw\,3rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.8vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.8vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.8vw\,3rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.8vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_1\.9vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.5rem + 1.9vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1\.5rem_\+_2vw\,3rem\)\] {
        font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.6rem\+1\.2vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1.2vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.6rem\+1\.2vw\,2\.625rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1.2vw, 2.625rem);
    }

    .text-\[clamp\(2rem\,1\.6rem\+1\.4vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.6rem\+1vw\,2\.5rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1vw, 2.5rem);
    }

    .text-\[clamp\(2rem\,1\.6rem_\+_1\.2vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1.2vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.6rem_\+_1\.2vw\,2\.625rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1.2vw, 2.625rem);
    }

    .text-\[clamp\(2rem\,1\.6rem_\+_1\.4vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1.4vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,1\.6rem_\+_1\.4vw\,3rem\)\] {
        font-size: clamp(2rem, 1.6rem + 1.4vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.7rem_\+_1vw\,2\.5rem\)\] {
        font-size: clamp(2rem, 1.7rem + 1vw, 2.5rem);
    }

    .text-\[clamp\(2rem\,1\.35rem_\+_1\.7vw\,3rem\)\] {
        font-size: clamp(2rem, 1.35rem + 1.7vw, 3rem);
    }

    .text-\[clamp\(2rem\,1\.45rem_\+_1\.9vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 1.45rem + 1.9vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,1rem_\+_3\.2vw\,4rem\)\] {
        font-size: clamp(2rem, 1rem + 3.2vw, 4rem);
    }

    .text-\[clamp\(2rem\,1rem_\+_3vw\,3\.75rem\)\] {
        font-size: clamp(2rem, 1rem + 3vw, 3.75rem);
    }

    .text-\[clamp\(2rem\,2\.4vw\,2\.125rem\)\] {
        font-size: clamp(2rem, 2.4vw, 2.125rem);
    }

    .text-\[clamp\(2rem\,2\.7vw\,2\.5rem\)\] {
        font-size: clamp(2rem, 2.7vw, 2.5rem);
    }

    .text-\[clamp\(2rem\,3\.2vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 3.2vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,3\.4vw\,2\.75rem\)\] {
        font-size: clamp(2rem, 3.4vw, 2.75rem);
    }

    .text-\[clamp\(2rem\,3\.4vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 3.4vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,3\.4vw\,3rem\)\] {
        font-size: clamp(2rem, 3.4vw, 3rem);
    }

    .text-\[clamp\(2rem\,3\.6vw\,2\.875rem\)\] {
        font-size: clamp(2rem, 3.6vw, 2.875rem);
    }

    .text-\[clamp\(2rem\,3\.6vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 3.6vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,3\.6vw\,3rem\)\] {
        font-size: clamp(2rem, 3.6vw, 3rem);
    }

    .text-\[clamp\(2rem\,3\.8vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 3.8vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,3\.8vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 3.8vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,3vw\,2\.5rem\)\] {
        font-size: clamp(2rem, 3vw, 2.5rem);
    }

    .text-\[clamp\(2rem\,4\.2vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 4.2vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,4\.2vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 4.2vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,4\.5vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 4.5vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,4vw\,2\.5rem\)\] {
        font-size: clamp(2rem, 4vw, 2.5rem);
    }

    .text-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        font-size: clamp(2rem, 4vw, 3.5rem);
    }

    .text-\[clamp\(2rem\,4vw\,3\.25rem\)\] {
        font-size: clamp(2rem, 4vw, 3.25rem);
    }

    .text-\[clamp\(2rem\,4vw\,3rem\)\] {
        font-size: clamp(2rem, 4vw, 3rem);
    }

    .text-\[clamp\(2rem\,5\.4vw\,4\.5rem\)\] {
        font-size: clamp(2rem, 5.4vw, 4.5rem);
    }

    .text-\[clamp\(2rem\,5vw\,3\.75rem\)\] {
        font-size: clamp(2rem, 5vw, 3.75rem);
    }

    .text-\[clamp\(2rem\,_0\.85rem_\+_1\.75cqw\,_3rem\)\] {
        font-size: clamp(2rem, 0.85rem + 1.75cqw, 3rem);
    }

    .text-\[clamp\(3\.5rem\,1\.2rem_\+_8\.4vw\,10rem\)\] {
        font-size: clamp(3.5rem, 1.2rem + 8.4vw, 10rem);
    }

    .text-\[clamp\(3\.5rem\,1\.6rem\+7vw\,8\.5rem\)\] {
        font-size: clamp(3.5rem, 1.6rem + 7vw, 8.5rem);
    }

    .text-\[clamp\(3\.5rem\,2\.4rem\+3\.4vw\,6rem\)\],
    .text-\[clamp\(3\.5rem\,2\.4rem_\+_3\.4vw\,6rem\)\] {
        font-size: clamp(3.5rem, 2.4rem + 3.4vw, 6rem);
    }

    .text-\[clamp\(3\.5rem\,2\.4rem_\+_3\.8vw\,6\.25rem\)\] {
        font-size: clamp(3.5rem, 2.4rem + 3.8vw, 6.25rem);
    }

    .text-\[clamp\(3\.5rem\,2\.5rem\+3\.5vw\,6rem\)\] {
        font-size: clamp(3.5rem, 2.5rem + 3.5vw, 6rem);
    }

    .text-\[clamp\(3\.5rem\,2\.5rem\+3vw\,5rem\)\] {
        font-size: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .text-\[clamp\(3\.5rem\,2\.5rem\+4vw\,6rem\)\] {
        font-size: clamp(3.5rem, 2.5rem + 4vw, 6rem);
    }

    .text-\[clamp\(3\.5rem\,2\.5rem_\+_3\.2vw\,5\.75rem\)\] {
        font-size: clamp(3.5rem, 2.5rem + 3.2vw, 5.75rem);
    }

    .text-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,4\.75rem\)\] {
        font-size: clamp(3.5rem, 2.5rem + 3vw, 4.75rem);
    }

    .text-\[clamp\(3\.5rem\,2\.5rem_\+_3vw\,5rem\)\] {
        font-size: clamp(3.5rem, 2.5rem + 3vw, 5rem);
    }

    .text-\[clamp\(3\.5rem\,2\.6rem\+2\.6vw\,5rem\)\] {
        font-size: clamp(3.5rem, 2.6rem + 2.6vw, 5rem);
    }

    .text-\[clamp\(3\.5rem\,2\.6rem_\+_2\.4vw\,5rem\)\] {
        font-size: clamp(3.5rem, 2.6rem + 2.4vw, 5rem);
    }

    .text-\[clamp\(3\.5rem\,2\.6rem_\+_2\.6vw\,5rem\)\] {
        font-size: clamp(3.5rem, 2.6rem + 2.6vw, 5rem);
    }

    .text-\[clamp\(3\.5rem\,2\.8rem\+2vw\,4\.75rem\)\] {
        font-size: clamp(3.5rem, 2.8rem + 2vw, 4.75rem);
    }

    .text-\[clamp\(3\.5rem\,2\.8rem_\+_2vw\,5rem\)\] {
        font-size: clamp(3.5rem, 2.8rem + 2vw, 5rem);
    }

    .text-\[clamp\(3\.5rem\,2rem\+3\.6vw\,5\.5rem\)\] {
        font-size: clamp(3.5rem, 2rem + 3.6vw, 5.5rem);
    }

    .text-\[clamp\(3\.5rem\,2rem_\+_3\.6vw\,5\.25rem\)\] {
        font-size: clamp(3.5rem, 2rem + 3.6vw, 5.25rem);
    }

    .text-\[clamp\(3\.5rem\,6vw\,4\.75rem\)\] {
        font-size: clamp(3.5rem, 6vw, 4.75rem);
    }

    .text-\[clamp\(3\.5rem\,6vw\,5rem\)\] {
        font-size: clamp(3.5rem, 6vw, 5rem);
    }

    .text-\[clamp\(3\.5rem\,8\.4vw\,7\.5rem\)\] {
        font-size: clamp(3.5rem, 8.4vw, 7.5rem);
    }

    .text-\[clamp\(3\.5rem\,9vw\,8rem\)\] {
        font-size: clamp(3.5rem, 9vw, 8rem);
    }

    .text-\[clamp\(3\.5rem\,10\.4cqi\,9rem\)\] {
        font-size: clamp(3.5rem, 10.4cqi, 9rem);
    }

    .text-\[clamp\(3\.5rem\,11vw\,10rem\)\] {
        font-size: clamp(3.5rem, 11vw, 10rem);
    }

    .text-\[clamp\(3\.5rem\,13vw\,12\.5rem\)\] {
        font-size: clamp(3.5rem, 13vw, 12.5rem);
    }

    .text-\[clamp\(3\.5rem\,14\.5vw\,14rem\)\] {
        font-size: clamp(3.5rem, 14.5vw, 14rem);
    }

    .text-\[clamp\(3\.5rem\,_2\.8rem_\+_2\.6vw\,_4\.5rem\)\] {
        font-size: clamp(3.5rem, 2.8rem + 2.6vw, 4.5rem);
    }

    .text-\[clamp\(3\.5rem\,_23cqi\,_6rem\)\] {
        font-size: clamp(3.5rem, 23cqi, 6rem);
    }

    .text-\[clamp\(3\.25rem\,1\.1rem\+5\.9vw\,7\.25rem\)\] {
        font-size: clamp(3.25rem, 1.1rem + 5.9vw, 7.25rem);
    }

    .text-\[clamp\(3\.25rem\,1\.6rem\+5\.4vw\,7\.75rem\)\] {
        font-size: clamp(3.25rem, 1.6rem + 5.4vw, 7.75rem);
    }

    .text-\[clamp\(3\.25rem\,1\.6rem_\+_5\.4vw\,7rem\)\] {
        font-size: clamp(3.25rem, 1.6rem + 5.4vw, 7rem);
    }

    .text-\[clamp\(3\.25rem\,1\.8rem_\+_5vw\,7rem\)\] {
        font-size: clamp(3.25rem, 1.8rem + 5vw, 7rem);
    }

    .text-\[clamp\(3\.25rem\,1rem\+5\.4vw\,6\.5rem\)\] {
        font-size: clamp(3.25rem, 1rem + 5.4vw, 6.5rem);
    }

    .text-\[clamp\(3\.25rem\,1rem_\+_6\.2vw\,8\.25rem\)\] {
        font-size: clamp(3.25rem, 1rem + 6.2vw, 8.25rem);
    }

    .text-\[clamp\(3\.25rem\,2\.2rem_\+_3\.6vw\,6rem\)\] {
        font-size: clamp(3.25rem, 2.2rem + 3.6vw, 6rem);
    }

    .text-\[clamp\(3\.25rem\,2\.5rem_\+_2\.4vw\,4\.5rem\)\] {
        font-size: clamp(3.25rem, 2.5rem + 2.4vw, 4.5rem);
    }

    .text-\[clamp\(3\.25rem\,2rem\+3\.2vw\,5rem\)\] {
        font-size: clamp(3.25rem, 2rem + 3.2vw, 5rem);
    }

    .text-\[clamp\(3\.25rem\,6\.4vw\,6rem\)\] {
        font-size: clamp(3.25rem, 6.4vw, 6rem);
    }

    .text-\[clamp\(3\.25rem\,8\.5vw\,7\.5rem\)\] {
        font-size: clamp(3.25rem, 8.5vw, 7.5rem);
    }

    .text-\[clamp\(3\.25rem\,8vw\,6rem\)\] {
        font-size: clamp(3.25rem, 8vw, 6rem);
    }

    .text-\[clamp\(3\.25rem\,10\.5vw\,9\.5rem\)\] {
        font-size: clamp(3.25rem, 10.5vw, 9.5rem);
    }

    .text-\[clamp\(3\.25rem\,13\.5vw\,12\.5rem\)\] {
        font-size: clamp(3.25rem, 13.5vw, 12.5rem);
    }

    .text-\[clamp\(3\.25rem\,_2\.4rem_\+_3vw\,_4\.75rem\)\] {
        font-size: clamp(3.25rem, 2.4rem + 3vw, 4.75rem);
    }

    .text-\[clamp\(3\.75rem\,1\.4rem\+7\.4vw\,8\.75rem\)\] {
        font-size: clamp(3.75rem, 1.4rem + 7.4vw, 8.75rem);
    }

    .text-\[clamp\(3\.75rem\,2\.5rem_\+_3\.5vw\,5\.75rem\)\] {
        font-size: clamp(3.75rem, 2.5rem + 3.5vw, 5.75rem);
    }

    .text-\[clamp\(3\.75rem\,2\.6rem_\+_3\.6vw\,5\.25rem\)\] {
        font-size: clamp(3.75rem, 2.6rem + 3.6vw, 5.25rem);
    }

    .text-\[clamp\(3\.75rem\,2\.75rem_\+_3vw\,6rem\)\] {
        font-size: clamp(3.75rem, 2.75rem + 3vw, 6rem);
    }

    .text-\[clamp\(3\.75rem\,6vw\,5\.75rem\)\] {
        font-size: clamp(3.75rem, 6vw, 5.75rem);
    }

    .text-\[clamp\(3\.75rem\,9vw\,7\.5rem\)\] {
        font-size: clamp(3.75rem, 9vw, 7.5rem);
    }

    .text-\[clamp\(3\.75rem\,11vw\,9\.5rem\)\] {
        font-size: clamp(3.75rem, 11vw, 9.5rem);
    }

    .text-\[clamp\(3\.75rem\,13vw\,10rem\)\] {
        font-size: clamp(3.75rem, 13vw, 10rem);
    }

    .text-\[clamp\(3\.125rem\,1\.25rem_\+_5vw\,6\.25rem\)\] {
        font-size: clamp(3.125rem, 1.25rem + 5vw, 6.25rem);
    }

    .text-\[clamp\(3rem\,0\.6rem_\+_7\.4vw\,7\.5rem\)\] {
        font-size: clamp(3rem, 0.6rem + 7.4vw, 7.5rem);
    }

    .text-\[clamp\(3rem\,0\.9rem\+7\.3vw\,9\.75rem\)\] {
        font-size: clamp(3rem, 0.9rem + 7.3vw, 9.75rem);
    }

    .text-\[clamp\(3rem\,1\.2rem\+4\.8vw\,5\.75rem\)\] {
        font-size: clamp(3rem, 1.2rem + 4.8vw, 5.75rem);
    }

    .text-\[clamp\(3rem\,1\.2rem\+5\.6vw\,6\.25rem\)\] {
        font-size: clamp(3rem, 1.2rem + 5.6vw, 6.25rem);
    }

    .text-\[clamp\(3rem\,1\.2rem\+5vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 1.2rem + 5vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,1\.2rem_\+_5\.2vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 1.2rem + 5.2vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,1\.2rem_\+_5\.4vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 1.2rem + 5.4vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,1\.2rem_\+_6\.4vw\,6rem\)\] {
        font-size: clamp(3rem, 1.2rem + 6.4vw, 6rem);
    }

    .text-\[clamp\(3rem\,1\.2rem_\+_6\.6vw\,8\.5rem\)\] {
        font-size: clamp(3rem, 1.2rem + 6.6vw, 8.5rem);
    }

    .text-\[clamp\(3rem\,1\.3rem\+5\.6vw\,7\.75rem\)\] {
        font-size: clamp(3rem, 1.3rem + 5.6vw, 7.75rem);
    }

    .text-\[clamp\(3rem\,1\.4rem\+4\.6vw\,5\.75rem\)\] {
        font-size: clamp(3rem, 1.4rem + 4.6vw, 5.75rem);
    }

    .text-\[clamp\(3rem\,1\.4rem\+5vw\,6rem\)\] {
        font-size: clamp(3rem, 1.4rem + 5vw, 6rem);
    }

    .text-\[clamp\(3rem\,1\.4rem_\+_4\.6vw\,6rem\)\] {
        font-size: clamp(3rem, 1.4rem + 4.6vw, 6rem);
    }

    .text-\[clamp\(3rem\,1\.4rem_\+_6\.4vw\,8rem\)\] {
        font-size: clamp(3rem, 1.4rem + 6.4vw, 8rem);
    }

    .text-\[clamp\(3rem\,1\.5rem\+5vw\,6\.25rem\)\] {
        font-size: clamp(3rem, 1.5rem + 5vw, 6.25rem);
    }

    .text-\[clamp\(3rem\,1\.5rem_\+_6vw\,7\.5rem\)\] {
        font-size: clamp(3rem, 1.5rem + 6vw, 7.5rem);
    }

    .text-\[clamp\(3rem\,1\.6rem\+4\.4vw\,6rem\)\] {
        font-size: clamp(3rem, 1.6rem + 4.4vw, 6rem);
    }

    .text-\[clamp\(3rem\,1\.6rem\+4\.6vw\,5\.75rem\)\] {
        font-size: clamp(3rem, 1.6rem + 4.6vw, 5.75rem);
    }

    .text-\[clamp\(3rem\,1\.6rem\+5\.4vw\,7\.5rem\)\] {
        font-size: clamp(3rem, 1.6rem + 5.4vw, 7.5rem);
    }

    .text-\[clamp\(3rem\,1\.6rem\+5\.6vw\,8rem\)\] {
        font-size: clamp(3rem, 1.6rem + 5.6vw, 8rem);
    }

    .text-\[clamp\(3rem\,1\.6rem\+5vw\,5\.75rem\)\] {
        font-size: clamp(3rem, 1.6rem + 5vw, 5.75rem);
    }

    .text-\[clamp\(3rem\,1\.6rem_\+_4\.4vw\,6\.25rem\)\] {
        font-size: clamp(3rem, 1.6rem + 4.4vw, 6.25rem);
    }

    .text-\[clamp\(3rem\,1\.6rem_\+_5vw\,7\.5rem\)\] {
        font-size: clamp(3rem, 1.6rem + 5vw, 7.5rem);
    }

    .text-\[clamp\(3rem\,1\.8rem\+3\.6vw\,5\.5rem\)\] {
        font-size: clamp(3rem, 1.8rem + 3.6vw, 5.5rem);
    }

    .text-\[clamp\(3rem\,1\.8rem\+4\.4vw\,6rem\)\] {
        font-size: clamp(3rem, 1.8rem + 4.4vw, 6rem);
    }

    .text-\[clamp\(3rem\,1\.8rem\+4vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 1.8rem + 4vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,1\.8rem\+4vw\,6\.25rem\)\] {
        font-size: clamp(3rem, 1.8rem + 4vw, 6.25rem);
    }

    .text-\[clamp\(3rem\,1\.8rem_\+_3\.6vw\,5\.25rem\)\] {
        font-size: clamp(3rem, 1.8rem + 3.6vw, 5.25rem);
    }

    .text-\[clamp\(3rem\,1\.8rem_\+_4\.4vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 1.8rem + 4.4vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,1\.8rem_\+_4\.6vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 1.8rem + 4.6vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,1\.9rem_\+_4\.6vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 1.9rem + 4.6vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,1rem_\+_7vw\,8\.5rem\)\] {
        font-size: clamp(3rem, 1rem + 7vw, 8.5rem);
    }

    .text-\[clamp\(3rem\,2\.2rem\+2\.6vw\,5rem\)\] {
        font-size: clamp(3rem, 2.2rem + 2.6vw, 5rem);
    }

    .text-\[clamp\(3rem\,2\.2rem_\+_2\.6vw\,4\.5rem\)\] {
        font-size: clamp(3rem, 2.2rem + 2.6vw, 4.5rem);
    }

    .text-\[clamp\(3rem\,2\.3rem_\+_2\.2vw\,4\.5rem\)\] {
        font-size: clamp(3rem, 2.3rem + 2.2vw, 4.5rem);
    }

    .text-\[clamp\(3rem\,2\.4rem\+1\.6vw\,4rem\)\] {
        font-size: clamp(3rem, 2.4rem + 1.6vw, 4rem);
    }

    .text-\[clamp\(3rem\,2\.4rem\+2vw\,4\.25rem\)\] {
        font-size: clamp(3rem, 2.4rem + 2vw, 4.25rem);
    }

    .text-\[clamp\(3rem\,2\.4rem\+2vw\,4rem\)\] {
        font-size: clamp(3rem, 2.4rem + 2vw, 4rem);
    }

    .text-\[clamp\(3rem\,2\.4rem_\+_1\.8vw\,4\.25rem\)\] {
        font-size: clamp(3rem, 2.4rem + 1.8vw, 4.25rem);
    }

    .text-\[clamp\(3rem\,2\.4rem_\+_2vw\,4\.5rem\)\] {
        font-size: clamp(3rem, 2.4rem + 2vw, 4.5rem);
    }

    .text-\[clamp\(3rem\,2\.5rem_\+_2vw\,4\.25rem\)\] {
        font-size: clamp(3rem, 2.5rem + 2vw, 4.25rem);
    }

    .text-\[clamp\(3rem\,2\.5rem_\+_2vw\,4rem\)\] {
        font-size: clamp(3rem, 2.5rem + 2vw, 4rem);
    }

    .text-\[clamp\(3rem\,2\.6rem_\+_1\.2vw\,3\.75rem\)\] {
        font-size: clamp(3rem, 2.6rem + 1.2vw, 3.75rem);
    }

    .text-\[clamp\(3rem\,2\.25rem_\+_2\.4vw\,4\.5rem\)\] {
        font-size: clamp(3rem, 2.25rem + 2.4vw, 4.5rem);
    }

    .text-\[clamp\(3rem\,2\.25rem_\+_2vw\,4\.25rem\)\] {
        font-size: clamp(3rem, 2.25rem + 2vw, 4.25rem);
    }

    .text-\[clamp\(3rem\,2rem\+2\.6vw\,4\.5rem\)\] {
        font-size: clamp(3rem, 2rem + 2.6vw, 4.5rem);
    }

    .text-\[clamp\(3rem\,2rem\+2\.8vw\,4\.75rem\)\] {
        font-size: clamp(3rem, 2rem + 2.8vw, 4.75rem);
    }

    .text-\[clamp\(3rem\,2rem\+3vw\,4\.5rem\)\] {
        font-size: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .text-\[clamp\(3rem\,2rem\+3vw\,5rem\)\] {
        font-size: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .text-\[clamp\(3rem\,2rem_\+_3vw\,4\.5rem\)\] {
        font-size: clamp(3rem, 2rem + 3vw, 4.5rem);
    }

    .text-\[clamp\(3rem\,2rem_\+_3vw\,5\.25rem\)\] {
        font-size: clamp(3rem, 2rem + 3vw, 5.25rem);
    }

    .text-\[clamp\(3rem\,2rem_\+_3vw\,5rem\)\] {
        font-size: clamp(3rem, 2rem + 3vw, 5rem);
    }

    .text-\[clamp\(3rem\,5\.4vw\,5\.5rem\)\] {
        font-size: clamp(3rem, 5.4vw, 5.5rem);
    }

    .text-\[clamp\(3rem\,6\.4vw\,5\.25rem\)\] {
        font-size: clamp(3rem, 6.4vw, 5.25rem);
    }

    .text-\[clamp\(3rem\,6vw\,4\.75rem\)\] {
        font-size: clamp(3rem, 6vw, 4.75rem);
    }

    .text-\[clamp\(3rem\,7\.4vw\,6rem\)\] {
        font-size: clamp(3rem, 7.4vw, 6rem);
    }

    .text-\[clamp\(3rem\,7\.5vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 7.5vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,7\.5vw\,6rem\)\] {
        font-size: clamp(3rem, 7.5vw, 6rem);
    }

    .text-\[clamp\(3rem\,7vw\,5\.5rem\)\] {
        font-size: clamp(3rem, 7vw, 5.5rem);
    }

    .text-\[clamp\(3rem\,7vw\,5\.75rem\)\] {
        font-size: clamp(3rem, 7vw, 5.75rem);
    }

    .text-\[clamp\(3rem\,8vw\,6\.5rem\)\] {
        font-size: clamp(3rem, 8vw, 6.5rem);
    }

    .text-\[clamp\(3rem\,8vw\,7rem\)\] {
        font-size: clamp(3rem, 8vw, 7rem);
    }

    .text-\[clamp\(3rem\,9vw\,7\.5rem\)\] {
        font-size: clamp(3rem, 9vw, 7.5rem);
    }

    .text-\[clamp\(3rem\,9vw\,8\.5rem\)\] {
        font-size: clamp(3rem, 9vw, 8.5rem);
    }

    .text-\[clamp\(3rem\,9vw\,8rem\)\] {
        font-size: clamp(3rem, 9vw, 8rem);
    }

    .text-\[clamp\(3rem\,10\.2vw\,9rem\)\] {
        font-size: clamp(3rem, 10.2vw, 9rem);
    }

    .text-\[clamp\(3rem\,10vw\,8\.5rem\)\] {
        font-size: clamp(3rem, 10vw, 8.5rem);
    }

    .text-\[clamp\(3rem\,11vw\,10rem\)\] {
        font-size: clamp(3rem, 11vw, 10rem);
    }

    .text-\[clamp\(3rem\,13\.4cqi\,6\.5rem\)\] {
        font-size: clamp(3rem, 13.4cqi, 6.5rem);
    }

    .text-\[clamp\(3rem\,min\(0\.9rem_\+_8\.2vw\,14svh\)\,8\.75rem\)\] {
        font-size: clamp(3rem, min(0.9rem + 8.2vw, 14svh), 8.75rem);
    }

    .text-\[clamp\(4\.5rem\,1\.6rem\+9vw\,10rem\)\] {
        font-size: clamp(4.5rem, 1.6rem + 9vw, 10rem);
    }

    .text-\[clamp\(4\.5rem\,2\.5rem_\+_6vw\,8rem\)\] {
        font-size: clamp(4.5rem, 2.5rem + 6vw, 8rem);
    }

    .text-\[clamp\(4\.5rem\,2rem_\+_8vw\,9rem\)\] {
        font-size: clamp(4.5rem, 2rem + 8vw, 9rem);
    }

    .text-\[clamp\(4\.5rem\,2rem_\+_9vw\,10\.5rem\)\] {
        font-size: clamp(4.5rem, 2rem + 9vw, 10.5rem);
    }

    .text-\[clamp\(4\.5rem\,3rem\+4vw\,7rem\)\] {
        font-size: clamp(4.5rem, 3rem + 4vw, 7rem);
    }

    .text-\[clamp\(4\.5rem\,3rem\+5vw\,8rem\)\] {
        font-size: clamp(4.5rem, 3rem + 5vw, 8rem);
    }

    .text-\[clamp\(4\.5rem\,9vw\,8rem\)\] {
        font-size: clamp(4.5rem, 9vw, 8rem);
    }

    .text-\[clamp\(4\.5rem\,_3rem_\+_5vw\,_6\.5rem\)\] {
        font-size: clamp(4.5rem, 3rem + 5vw, 6.5rem);
    }

    .text-\[clamp\(4\.25rem\,1\.5rem\+10vw\,12\.5rem\)\] {
        font-size: clamp(4.25rem, 1.5rem + 10vw, 12.5rem);
    }

    .text-\[clamp\(4\.25rem\,1\.5rem_\+_11vw\,11rem\)\] {
        font-size: clamp(4.25rem, 1.5rem + 11vw, 11rem);
    }

    .text-\[clamp\(4\.25rem\,1\.6rem_\+_11vw\,13\.5rem\)\] {
        font-size: clamp(4.25rem, 1.6rem + 11vw, 13.5rem);
    }

    .text-\[clamp\(4\.25rem\,9vw\,8\.5rem\)\] {
        font-size: clamp(4.25rem, 9vw, 8.5rem);
    }

    .text-\[clamp\(4rem\,1rem\+10vw\,11rem\)\] {
        font-size: clamp(4rem, 1rem + 10vw, 11rem);
    }

    .text-\[clamp\(4rem\,2\.5rem\+5vw\,7\.5rem\)\] {
        font-size: clamp(4rem, 2.5rem + 5vw, 7.5rem);
    }

    .text-\[clamp\(4rem\,2\.5rem\+5vw\,7rem\)\] {
        font-size: clamp(4rem, 2.5rem + 5vw, 7rem);
    }

    .text-\[clamp\(4rem\,2\.8rem_\+_4vw\,7\.5rem\)\] {
        font-size: clamp(4rem, 2.8rem + 4vw, 7.5rem);
    }

    .text-\[clamp\(4rem\,3rem\+2\.6vw\,5\.75rem\)\] {
        font-size: clamp(4rem, 3rem + 2.6vw, 5.75rem);
    }

    .text-\[clamp\(4rem\,3rem_\+_3vw\,5\.5rem\)\] {
        font-size: clamp(4rem, 3rem + 3vw, 5.5rem);
    }

    .text-\[clamp\(4rem\,3rem_\+_3vw\,6\.5rem\)\] {
        font-size: clamp(4rem, 3rem + 3vw, 6.5rem);
    }

    .text-\[clamp\(4rem\,3rem_\+_3vw\,6rem\)\] {
        font-size: clamp(4rem, 3rem + 3vw, 6rem);
    }

    .text-\[clamp\(4rem\,10vw\,7rem\)\] {
        font-size: clamp(4rem, 10vw, 7rem);
    }

    .text-\[clamp\(4rem\,11vw\,9\.5rem\)\] {
        font-size: clamp(4rem, 11vw, 9.5rem);
    }

    .text-\[clamp\(4rem\,12vw\,9rem\)\] {
        font-size: clamp(4rem, 12vw, 9rem);
    }

    .text-\[clamp\(4rem\,13vw\,11rem\)\] {
        font-size: clamp(4rem, 13vw, 11rem);
    }

    .text-\[clamp\(4rem\,14vw\,11rem\)\] {
        font-size: clamp(4rem, 14vw, 11rem);
    }

    .text-\[clamp\(4rem\,17vw\,15rem\)\] {
        font-size: clamp(4rem, 17vw, 15rem);
    }

    .text-\[clamp\(4rem\,17vw\,16rem\)\] {
        font-size: clamp(4rem, 17vw, 16rem);
    }

    .text-\[clamp\(4rem\,_1\.6rem_\+_10\.5vw\,_8\.5rem\)\] {
        font-size: clamp(4rem, 1.6rem + 10.5vw, 8.5rem);
    }

    .text-\[clamp\(5\.5rem\,3\.5rem_\+_7vw\,9\.5rem\)\] {
        font-size: clamp(5.5rem, 3.5rem + 7vw, 9.5rem);
    }

    .text-\[clamp\(5\.25rem\,1\.6rem_\+_10\.6vw\,11\.5rem\)\] {
        font-size: clamp(5.25rem, 1.6rem + 10.6vw, 11.5rem);
    }

    .text-\[clamp\(5rem\,1rem\+11vw\,13rem\)\] {
        font-size: clamp(5rem, 1rem + 11vw, 13rem);
    }

    .text-\[clamp\(5rem\,3\.5rem\+5vw\,8\.5rem\)\] {
        font-size: clamp(5rem, 3.5rem + 5vw, 8.5rem);
    }

    .text-\[clamp\(5rem\,3\.6rem_\+_5vw\,8\.5rem\)\] {
        font-size: clamp(5rem, 3.6rem + 5vw, 8.5rem);
    }

    .text-\[clamp\(5rem\,3rem\+6vw\,9rem\)\],
    .text-\[clamp\(5rem\,3rem_\+_6vw\,9rem\)\] {
        font-size: clamp(5rem, 3rem + 6vw, 9rem);
    }

    .text-\[clamp\(5rem\,4rem\+3vw\,7rem\)\] {
        font-size: clamp(5rem, 4rem + 3vw, 7rem);
    }

    .text-\[clamp\(5rem\,4rem_\+_4vw\,8rem\)\] {
        font-size: clamp(5rem, 4rem + 4vw, 8rem);
    }

    .text-\[clamp\(6rem\,2rem\+11vw\,15rem\)\] {
        font-size: clamp(6rem, 2rem + 11vw, 15rem);
    }

    .text-\[clamp\(6rem\,4rem_\+_5vw\,9rem\)\] {
        font-size: clamp(6rem, 4rem + 5vw, 9rem);
    }

    .text-\[clamp\(6rem\,15vw\,12\.5rem\)\] {
        font-size: clamp(6rem, 15vw, 12.5rem);
    }

    .text-\[clamp\(6rem\,16vw\,11rem\)\] {
        font-size: clamp(6rem, 16vw, 11rem);
    }

    .text-\[clamp\(6rem\,24vw\,20rem\)\] {
        font-size: clamp(6rem, 24vw, 20rem);
    }

    .text-\[clamp\(6rem\,27vw\,23rem\)\] {
        font-size: clamp(6rem, 27vw, 23rem);
    }

    .text-\[clamp\(6rem\,30\.5vw\,29rem\)\] {
        font-size: clamp(6rem, 30.5vw, 29rem);
    }

    .text-\[clamp\(7rem\,3rem\+12vw\,16rem\)\] {
        font-size: clamp(7rem, 3rem + 12vw, 16rem);
    }

    .text-\[clamp\(7rem\,3rem_\+_10vw\,12\.5rem\)\] {
        font-size: clamp(7rem, 3rem + 10vw, 12.5rem);
    }

    .text-\[clamp\(7rem\,5rem\+6vw\,11rem\)\] {
        font-size: clamp(7rem, 5rem + 6vw, 11rem);
    }

    .text-\[clamp\(8rem\,3rem\+14vw\,18rem\)\] {
        font-size: clamp(8rem, 3rem + 14vw, 18rem);
    }

    .text-\[clamp\(8rem\,5rem\+9vw\,15rem\)\] {
        font-size: clamp(8rem, 5rem + 9vw, 15rem);
    }

    .text-\[clamp\(9rem\,46vw\,21rem\)\] {
        font-size: clamp(9rem, 46vw, 21rem);
    }

    .text-\[clamp\(11rem\,20vw\,18rem\)\] {
        font-size: clamp(11rem, 20vw, 18rem);
    }

    .text-\[clamp\(12px\,2\.6cqi\,16px\)\] {
        font-size: clamp(12px, 2.6cqi, 16px);
    }

    .text-\[length\:37cqi\] {
        font-size: 37cqi;
    }

    .text-\[length\:inherit\] {
        font-size: inherit;
    }

    .text-\[length\:max\(10px\,calc\(var\(--u\)_\*_11\)\)\] {
        font-size: max(10px, calc(var(--u) * 11));
    }

    .text-\[length\:max\(12px\,calc\(var\(--u\)_\*_13\)\)\] {
        font-size: max(12px, calc(var(--u) * 13));
    }

    .text-\[min\(5\.5rem\,calc\(\(100cqi-4\.5rem\)\/7\.4\)\)\] {
        font-size: min(5.5rem, 13.5135cqi - 0.608108rem);
    }

    .text-hero {
        font-size: var(--text-hero);
    }

    .leading-\[0\.6\] {
        --tw-leading: 0.6;
        line-height: 0.6;
    }

    .leading-\[0\.8\] {
        --tw-leading: 0.8;
        line-height: 0.8;
    }

    .leading-\[0\.9\] {
        --tw-leading: 0.9;
        line-height: 0.9;
    }

    .leading-\[0\.75\] {
        --tw-leading: 0.75;
        line-height: 0.75;
    }

    .leading-\[0\.78\] {
        --tw-leading: 0.78;
        line-height: 0.78;
    }

    .leading-\[0\.82\] {
        --tw-leading: 0.82;
        line-height: 0.82;
    }

    .leading-\[0\.84\] {
        --tw-leading: 0.84;
        line-height: 0.84;
    }

    .leading-\[0\.85\] {
        --tw-leading: 0.85;
        line-height: 0.85;
    }

    .leading-\[0\.86\] {
        --tw-leading: 0.86;
        line-height: 0.86;
    }

    .leading-\[0\.88\] {
        --tw-leading: 0.88;
        line-height: 0.88;
    }

    .leading-\[0\.92\] {
        --tw-leading: 0.92;
        line-height: 0.92;
    }

    .leading-\[0\.93\] {
        --tw-leading: 0.93;
        line-height: 0.93;
    }

    .leading-\[0\.94\] {
        --tw-leading: 0.94;
        line-height: 0.94;
    }

    .leading-\[0\.95\] {
        --tw-leading: 0.95;
        line-height: 0.95;
    }

    .leading-\[0\.96\] {
        --tw-leading: 0.96;
        line-height: 0.96;
    }

    .leading-\[0\.97\] {
        --tw-leading: 0.97;
        line-height: 0.97;
    }

    .leading-\[0\.98\] {
        --tw-leading: 0.98;
        line-height: 0.98;
    }

    .leading-\[0\.99\] {
        --tw-leading: 0.99;
        line-height: 0.99;
    }

    .leading-\[1\.0\] {
        --tw-leading: 1;
        line-height: 1;
    }

    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1;
    }

    .leading-\[1\.02\] {
        --tw-leading: 1.02;
        line-height: 1.02;
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2;
    }

    .leading-\[1\.03\] {
        --tw-leading: 1.03;
        line-height: 1.03;
    }

    .leading-\[1\.3\] {
        --tw-leading: 1.3;
        line-height: 1.3;
    }

    .leading-\[1\.04\] {
        --tw-leading: 1.04;
        line-height: 1.04;
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4;
    }

    .leading-\[1\.05\] {
        --tw-leading: 1.05;
        line-height: 1.05;
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5;
    }

    .leading-\[1\.06\] {
        --tw-leading: 1.06;
        line-height: 1.06;
    }

    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6;
    }

    .leading-\[1\.7\] {
        --tw-leading: 1.7;
        line-height: 1.7;
    }

    .leading-\[1\.08\] {
        --tw-leading: 1.08;
        line-height: 1.08;
    }

    .leading-\[1\.12\] {
        --tw-leading: 1.12;
        line-height: 1.12;
    }

    .leading-\[1\.14\] {
        --tw-leading: 1.14;
        line-height: 1.14;
    }

    .leading-\[1\.15\] {
        --tw-leading: 1.15;
        line-height: 1.15;
    }

    .leading-\[1\.16\] {
        --tw-leading: 1.16;
        line-height: 1.16;
    }

    .leading-\[1\.18\] {
        --tw-leading: 1.18;
        line-height: 1.18;
    }

    .leading-\[1\.22\] {
        --tw-leading: 1.22;
        line-height: 1.22;
    }

    .leading-\[1\.24\] {
        --tw-leading: 1.24;
        line-height: 1.24;
    }

    .leading-\[1\.25\] {
        --tw-leading: 1.25;
        line-height: 1.25;
    }

    .leading-\[1\.25rem\] {
        --tw-leading: 1.25rem;
        line-height: 1.25rem;
    }

    .leading-\[1\.26\] {
        --tw-leading: 1.26;
        line-height: 1.26;
    }

    .leading-\[1\.28\] {
        --tw-leading: 1.28;
        line-height: 1.28;
    }

    .leading-\[1\.32\] {
        --tw-leading: 1.32;
        line-height: 1.32;
    }

    .leading-\[1\.35\] {
        --tw-leading: 1.35;
        line-height: 1.35;
    }

    .leading-\[1\.42\] {
        --tw-leading: 1.42;
        line-height: 1.42;
    }

    .leading-\[1\.45\] {
        --tw-leading: 1.45;
        line-height: 1.45;
    }

    .leading-\[1\.55\] {
        --tw-leading: 1.55;
        line-height: 1.55;
    }

    .leading-\[1\.65\] {
        --tw-leading: 1.65;
        line-height: 1.65;
    }

    .leading-\[1\.68\] {
        --tw-leading: 1.68;
        line-height: 1.68;
    }

    .leading-\[1\.75\] {
        --tw-leading: 1.75;
        line-height: 1.75;
    }

    .leading-\[1\.375rem\] {
        --tw-leading: 1.375rem;
        line-height: 1.375rem;
    }

    .leading-\[1\.625\] {
        --tw-leading: 1.625;
        line-height: 1.625;
    }

    .leading-\[1\] {
        --tw-leading: 1;
        line-height: 1;
    }

    .leading-\[2\.1\] {
        --tw-leading: 2.1;
        line-height: 2.1;
    }

    .leading-\[2\.05\] {
        --tw-leading: 2.05;
        line-height: 2.05;
    }

    .leading-\[inherit\] {
        --tw-leading: inherit;
        line-height: inherit;
    }

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

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug);
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
    }

    .font-\[350\] {
        --tw-font-weight: 350;
        font-weight: 350;
    }

    .font-\[650\] {
        --tw-font-weight: 650;
        font-weight: 650;
    }

    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black);
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
    }

    .font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight);
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }

    .\[font-weight\:inherit\] {
        font-weight: inherit;
    }

    .\[font-weight\:var\(--heading-weight\)\] {
        font-weight: var(--heading-weight);
    }

    .-tracking-tight {
        --tw-tracking: calc(var(--tracking-tight) * -1);
        letter-spacing: calc(var(--tracking-tight) * -1);
    }

    .tracking-\[-0\.01em\] {
        --tw-tracking: -0.01em;
        letter-spacing: -0.01em;
    }

    .tracking-\[-0\.02em\] {
        --tw-tracking: -0.02em;
        letter-spacing: -0.02em;
    }

    .tracking-\[-0\.03em\] {
        --tw-tracking: -0.03em;
        letter-spacing: -0.03em;
    }

    .tracking-\[-0\.04em\] {
        --tw-tracking: -0.04em;
        letter-spacing: -0.04em;
    }

    .tracking-\[-0\.005em\] {
        --tw-tracking: -0.005em;
        letter-spacing: -0.005em;
    }

    .tracking-\[-0\.05em\] {
        --tw-tracking: -0.05em;
        letter-spacing: -0.05em;
    }

    .tracking-\[-0\.06em\] {
        --tw-tracking: -0.06em;
        letter-spacing: -0.06em;
    }

    .tracking-\[-0\.07em\] {
        --tw-tracking: -0.07em;
        letter-spacing: -0.07em;
    }

    .tracking-\[-0\.012em\] {
        --tw-tracking: -0.012em;
        letter-spacing: -0.012em;
    }

    .tracking-\[-0\.015em\] {
        --tw-tracking: -0.015em;
        letter-spacing: -0.015em;
    }

    .tracking-\[-0\.018em\] {
        --tw-tracking: -0.018em;
        letter-spacing: -0.018em;
    }

    .tracking-\[-0\.022em\] {
        --tw-tracking: -0.022em;
        letter-spacing: -0.022em;
    }

    .tracking-\[-0\.024em\] {
        --tw-tracking: -0.024em;
        letter-spacing: -0.024em;
    }

    .tracking-\[-0\.025em\] {
        --tw-tracking: -0.025em;
        letter-spacing: -0.025em;
    }

    .tracking-\[-0\.025em\]\! {
        --tw-tracking: -0.025em !important;
        letter-spacing: -0.025em !important;
    }

    .tracking-\[-0\.026em\] {
        --tw-tracking: -0.026em;
        letter-spacing: -0.026em;
    }

    .tracking-\[-0\.035em\] {
        --tw-tracking: -0.035em;
        letter-spacing: -0.035em;
    }

    .tracking-\[-0\.042em\] {
        --tw-tracking: -0.042em;
        letter-spacing: -0.042em;
    }

    .tracking-\[-0\.043em\] {
        --tw-tracking: -0.043em;
        letter-spacing: -0.043em;
    }

    .tracking-\[-0\.045em\] {
        --tw-tracking: -0.045em;
        letter-spacing: -0.045em;
    }

    .tracking-\[-0\.055em\] {
        --tw-tracking: -0.055em;
        letter-spacing: -0.055em;
    }

    .tracking-\[-0\.065em\] {
        --tw-tracking: -0.065em;
        letter-spacing: -0.065em;
    }

    .tracking-\[0\.01em\] {
        --tw-tracking: 0.01em;
        letter-spacing: 0.01em;
    }

    .tracking-\[0\.1em\] {
        --tw-tracking: 0.1em;
        letter-spacing: 0.1em;
    }

    .tracking-\[0\.02em\] {
        --tw-tracking: 0.02em;
        letter-spacing: 0.02em;
    }

    .tracking-\[0\.2em\] {
        --tw-tracking: 0.2em;
        letter-spacing: 0.2em;
    }

    .tracking-\[0\.03em\] {
        --tw-tracking: 0.03em;
        letter-spacing: 0.03em;
    }

    .tracking-\[0\.3em\] {
        --tw-tracking: 0.3em;
        letter-spacing: 0.3em;
    }

    .tracking-\[0\.04em\] {
        --tw-tracking: 0.04em;
        letter-spacing: 0.04em;
    }

    .tracking-\[0\.06em\] {
        --tw-tracking: 0.06em;
        letter-spacing: 0.06em;
    }

    .tracking-\[0\.08em\] {
        --tw-tracking: 0.08em;
        letter-spacing: 0.08em;
    }

    .tracking-\[0\.09em\] {
        --tw-tracking: 0.09em;
        letter-spacing: 0.09em;
    }

    .tracking-\[0\.12em\] {
        --tw-tracking: 0.12em;
        letter-spacing: 0.12em;
    }

    .tracking-\[0\.14em\] {
        --tw-tracking: 0.14em;
        letter-spacing: 0.14em;
    }

    .tracking-\[0\.16em\] {
        --tw-tracking: 0.16em;
        letter-spacing: 0.16em;
    }

    .tracking-\[0\.18em\] {
        --tw-tracking: 0.18em;
        letter-spacing: 0.18em;
    }

    .tracking-\[0\.22em\] {
        --tw-tracking: 0.22em;
        letter-spacing: 0.22em;
    }

    .tracking-\[0\.24em\] {
        --tw-tracking: 0.24em;
        letter-spacing: 0.24em;
    }

    .tracking-\[0\.25em\] {
        --tw-tracking: 0.25em;
        letter-spacing: 0.25em;
    }

    .tracking-\[0\.26em\] {
        --tw-tracking: 0.26em;
        letter-spacing: 0.26em;
    }

    .tracking-\[0\.28em\] {
        --tw-tracking: 0.28em;
        letter-spacing: 0.28em;
    }

    .tracking-\[0\.32em\] {
        --tw-tracking: 0.32em;
        letter-spacing: 0.32em;
    }

    .tracking-\[0\.42em\] {
        --tw-tracking: 0.42em;
        letter-spacing: 0.42em;
    }

    .tracking-\[0\] {
        --tw-tracking: 0;
        letter-spacing: 0;
    }

    .tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }

    .tracking-tighter {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter);
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest);
    }

    .text-balance {
        text-wrap: balance;
    }

    .text-pretty {
        text-wrap: pretty;
    }

    .text-wrap {
        text-wrap: wrap;
    }

    .break-words {
        overflow-wrap: break-word;
    }

    .break-all {
        word-break: break-all;
    }

    .whitespace-normal {
        white-space: normal;
    }

    .whitespace-nowrap {
        white-space: nowrap;
    }

    .\!text-white {
        color: var(--color-white) !important;
    }

    .\[color\:var\(--color-success\)\] {
        color: var(--color-success);
    }

    .text-\(--color-accent\) {
        color: var(--color-accent);
    }

    .text-\(--color-accent-base\) {
        color: var(--color-accent-base);
    }

    .text-\(--color-accent-ink\) {
        color: var(--color-accent-ink);
    }

    .text-\(--color-bg\) {
        color: var(--color-bg);
    }

    .text-\(--color-danger\) {
        color: var(--color-danger);
    }

    .text-\(--color-dark\) {
        color: var(--color-dark);
    }

    .text-\(--color-on-accent\) {
        color: var(--color-on-accent);
    }

    .text-\(--color-on-dark\) {
        color: var(--color-on-dark);
    }

    .text-\(--color-on-primary\) {
        color: var(--color-on-primary);
    }

    .text-\(--color-primary\) {
        color: var(--color-primary);
    }

    .text-\(--color-primary-300\) {
        color: var(--color-primary-300);
    }

    .text-\(--color-primary-ink\) {
        color: var(--color-primary-ink);
    }

    .text-\(--color-secondary\) {
        color: var(--color-secondary);
    }

    .text-\(--color-secondary\)\/70 {
        color: var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-secondary) 70%, transparent);
        }
    }

    .text-\(--color-secondary\)\/75 {
        color: var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-secondary) 75%, transparent);
        }
    }

    .text-\(--color-secondary-base\) {
        color: var(--color-secondary-base);
    }

    .text-\(--color-success\) {
        color: var(--color-success);
    }

    .text-\(--color-tertiary-base\) {
        color: var(--color-tertiary-base);
    }

    .text-\(--color-text\) {
        color: var(--color-text);
    }

    .text-\(--color-text-muted\) {
        color: var(--color-text-muted);
    }

    .text-\(--color-text-soft\) {
        color: var(--color-text-soft);
    }

    .text-\(--color-warning\) {
        color: var(--color-warning);
    }

    .text-\(--custom-accent\) {
        color: var(--custom-accent);
    }

    .text-\(--custom-accent-ink\) {
        color: var(--custom-accent-ink);
    }

    .text-\(--custom-accent-light\) {
        color: var(--custom-accent-light);
    }

    .text-\(--custom-accent-lit\) {
        color: var(--custom-accent-lit);
    }

    .text-\(--custom-accent-soft\) {
        color: var(--custom-accent-soft);
    }

    .text-\(--custom-alert\) {
        color: var(--custom-alert);
    }

    .text-\(--custom-bar-hover-ink\) {
        color: var(--custom-bar-hover-ink);
    }

    .text-\(--custom-contour\) {
        color: var(--custom-contour);
    }

    .text-\(--custom-deep\) {
        color: var(--custom-deep);
    }

    .text-\(--custom-down\) {
        color: var(--custom-down);
    }

    .text-\(--custom-fail\) {
        color: var(--custom-fail);
    }

    .text-\(--custom-hot-ink\) {
        color: var(--custom-hot-ink);
    }

    .text-\(--custom-ink\) {
        color: var(--custom-ink);
    }

    .text-\(--custom-ink-line\) {
        color: var(--custom-ink-line);
    }

    .text-\(--custom-key-ink\) {
        color: var(--custom-key-ink);
    }

    .text-\(--custom-key-on-deep\) {
        color: var(--custom-key-on-deep);
    }

    .text-\(--custom-key-on-ink\) {
        color: var(--custom-key-on-ink);
    }

    .text-\(--custom-light\) {
        color: var(--custom-light);
    }

    .text-\(--custom-light\)\! {
        color: var(--custom-light) !important;
    }

    .text-\(--custom-light-accent\) {
        color: var(--custom-light-accent);
    }

    .text-\(--custom-line-ink\) {
        color: var(--custom-line-ink);
    }

    .text-\(--custom-link\) {
        color: var(--custom-link);
    }

    .text-\(--custom-lit\) {
        color: var(--custom-lit);
    }

    .text-\(--custom-mark\) {
        color: var(--custom-mark);
    }

    .text-\(--custom-meta\) {
        color: var(--custom-meta);
    }

    .text-\(--custom-mist\) {
        color: var(--custom-mist);
    }

    .text-\(--custom-mute\) {
        color: var(--custom-mute);
    }

    .text-\(--custom-muted\) {
        color: var(--custom-muted);
    }

    .text-\(--custom-night\) {
        color: var(--custom-night);
    }

    .text-\(--custom-node\) {
        color: var(--custom-node);
    }

    .text-\(--custom-ok\) {
        color: var(--custom-ok);
    }

    .text-\(--custom-on-dark\) {
        color: var(--custom-on-dark);
    }

    .text-\(--custom-on-dark-meta\) {
        color: var(--custom-on-dark-meta);
    }

    .text-\(--custom-on-dark-soft\) {
        color: var(--custom-on-dark-soft);
    }

    .text-\(--custom-on-deep\) {
        color: var(--custom-on-deep);
    }

    .text-\(--custom-on-deep-soft\) {
        color: var(--custom-on-deep-soft);
    }

    .text-\(--custom-on-ink\) {
        color: var(--custom-on-ink);
    }

    .text-\(--custom-on-ink-faint\) {
        color: var(--custom-on-ink-faint);
    }

    .text-\(--custom-on-ink-muted\) {
        color: var(--custom-on-ink-muted);
    }

    .text-\(--custom-on-ink-soft\) {
        color: var(--custom-on-ink-soft);
    }

    .text-\(--custom-on-panel\) {
        color: var(--custom-on-panel);
    }

    .text-\(--custom-on-panel-soft\) {
        color: var(--custom-on-panel-soft);
    }

    .text-\(--custom-on-pop\) {
        color: var(--custom-on-pop);
    }

    .text-\(--custom-on-slab\) {
        color: var(--custom-on-slab);
    }

    .text-\(--custom-on-slab-soft\) {
        color: var(--custom-on-slab-soft);
    }

    .text-\(--custom-ornament-ink\) {
        color: var(--custom-ornament-ink);
    }

    .text-\(--custom-podcast-ink\) {
        color: var(--custom-podcast-ink);
    }

    .text-\(--custom-pop\) {
        color: var(--custom-pop);
    }

    .text-\(--custom-pop-text\) {
        color: var(--custom-pop-text);
    }

    .text-\(--custom-primary\) {
        color: var(--custom-primary);
    }

    .text-\(--custom-primary-lift\) {
        color: var(--custom-primary-lift);
    }

    .text-\(--custom-primary-lit\) {
        color: var(--custom-primary-lit);
    }

    .text-\(--custom-primary-on-ink\) {
        color: var(--custom-primary-on-ink);
    }

    .text-\(--custom-sale\) {
        color: var(--custom-sale);
    }

    .text-\(--custom-scrim-soft\) {
        color: var(--custom-scrim-soft);
    }

    .text-\(--custom-select-line\) {
        color: var(--custom-select-line);
    }

    .text-\(--custom-sev-high\) {
        color: var(--custom-sev-high);
    }

    .text-\(--custom-signal\) {
        color: var(--custom-signal);
    }

    .text-\(--custom-slab\) {
        color: var(--custom-slab);
    }

    .text-\(--custom-spark\) {
        color: var(--custom-spark);
    }

    .text-\(--custom-strong\) {
        color: var(--custom-strong);
    }

    .text-\(--custom-svc-soft\) {
        color: var(--custom-svc-soft);
    }

    .text-\(--custom-up\) {
        color: var(--custom-up);
    }

    .text-\(--custom-warm\) {
        color: var(--custom-warm);
    }

    .text-\(--custom-warn\) {
        color: var(--custom-warn);
    }

    .text-\(--custom-ways-soft\) {
        color: var(--custom-ways-soft);
    }

    .text-\(--custom-wire\) {
        color: var(--custom-wire);
    }

    .text-\(--custom-work-soft\) {
        color: var(--custom-work-soft);
    }

    .text-\(--footer-accent-ink\) {
        color: var(--footer-accent-ink);
    }

    .text-\(--footer-body\) {
        color: var(--footer-body);
    }

    .text-\(--footer-em\) {
        color: var(--footer-em);
    }

    .text-\(--footer-link\) {
        color: var(--footer-link);
    }

    .text-\(--footer-muted\) {
        color: var(--footer-muted);
    }

    .text-\(--footer-text\) {
        color: var(--footer-text);
    }

    .text-\(--footer-title\) {
        color: var(--footer-title);
    }

    .text-\(--frost-ink\) {
        color: var(--frost-ink);
    }

    .text-\(--frost-soft\) {
        color: var(--frost-soft);
    }

    .text-\(--hire-soft\) {
        color: var(--hire-soft);
    }

    .text-\(--menu-hover-text\) {
        color: var(--menu-hover-text);
    }

    .text-\(--menu-strong\) {
        color: var(--menu-strong);
    }

    .text-\(--menu-text\) {
        color: var(--menu-text);
    }

    .text-\(--menu-title\) {
        color: var(--menu-title);
    }

    .text-\(--on-surface\) {
        color: var(--on-surface);
    }

    .text-\(--on-surface\)\/80 {
        color: var(--on-surface);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--on-surface) 80%, transparent);
        }
    }

    .text-\(--on-surface\)\/85 {
        color: var(--on-surface);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--on-surface) 85%, transparent);
        }
    }

    .text-\(--raised-on\) {
        color: var(--raised-on);
    }

    .text-\(--stage-on\) {
        color: var(--stage-on);
    }

    .text-\(--step-on-disc\) {
        color: var(--step-on-disc);
    }

    .text-\(--vig-soft\) {
        color: var(--vig-soft);
    }

    .text-\[\#4ade80\] {
        color: #4ade80;
    }

    .text-\[\#111\] {
        color: #111;
    }

    .text-\[\#dc2626\] {
        color: #dc2626;
    }

    .text-\[\#fbbf24\] {
        color: #fbbf24;
    }

    .text-\[oklch\(1_0_0\/0\.78\)\] {
        color: oklch(100% 0 0 / 0.78);
    }

    .text-\[var\(--color-border\)\] {
        color: var(--color-border);
    }

    .text-\[var\(--color-danger\)\] {
        color: var(--color-danger);
    }

    .text-\[var\(--color-dark-surface\)\] {
        color: var(--color-dark-surface);
    }

    .text-\[var\(--color-on-dark\)\] {
        color: var(--color-on-dark);
    }

    .text-\[var\(--color-on-primary\)\] {
        color: var(--color-on-primary);
    }

    .text-\[var\(--color-primary-300\)\] {
        color: var(--color-primary-300);
    }

    .text-\[var\(--color-primary-800\)\] {
        color: var(--color-primary-800);
    }

    .text-\[var\(--color-primary-900\)\] {
        color: var(--color-primary-900);
    }

    .text-\[var\(--color-primary-ink\)\] {
        color: var(--color-primary-ink);
    }

    .text-\[var\(--color-success\)\] {
        color: var(--color-success);
    }

    .text-\[var\(--color-text\)\] {
        color: var(--color-text);
    }

    .text-\[var\(--color-warning\)\] {
        color: var(--color-warning);
    }

    .text-\[var\(--footer-body\)\] {
        color: var(--footer-body);
    }

    .text-\[var\(--footer-title\)\] {
        color: var(--footer-title);
    }

    .text-accent {
        color: var(--color-accent);
    }

    .text-accent-400 {
        color: var(--color-accent-400);
    }

    .text-accent-700 {
        color: var(--color-accent-700);
    }

    .text-accent-ink {
        color: var(--color-accent-ink);
    }

    .text-current {
        color: currentColor;
    }

    .text-danger {
        color: var(--color-danger);
    }

    .text-dark {
        color: var(--color-dark);
    }

    .text-gray-500 {
        color: var(--color-gray-500);
    }

    .text-inherit {
        color: inherit;
    }

    .text-muted {
        color: var(--color-text-muted);
    }

    .text-on-accent {
        color: var(--color-on-accent);
    }

    .text-on-primary {
        color: var(--color-on-primary);
    }

    .text-on-primary\/85 {
        color: var(--color-on-primary);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-on-primary) 85%, transparent);
        }
    }

    .text-on-primary\/90 {
        color: var(--color-on-primary);

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-on-primary) 90%, transparent);
        }
    }

    .text-on-quaternary {
        color: var(--color-on-quaternary);
    }

    .text-primary {
        color: var(--color-primary);
    }

    .text-primary-300 {
        color: var(--color-primary-300);
    }

    .text-primary-900 {
        color: var(--color-primary-900);
    }

    .text-primary-ink {
        color: var(--color-primary-ink);
    }

    .text-quaternary-ink {
        color: var(--color-quaternary-ink);
    }

    .text-secondary-ink {
        color: var(--color-secondary-ink);
    }

    .text-soft {
        color: var(--color-text-soft);
    }

    .text-tertiary-ink {
        color: var(--color-tertiary-ink);
    }

    .text-text {
        color: var(--color-text);
    }

    .text-text\! {
        color: var(--color-text) !important;
    }

    .text-transparent {
        color: #0000;
    }

    .text-warning {
        color: var(--color-warning);
    }

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

    .text-white\! {
        color: var(--color-white) !important;
    }

    .text-white\/20 {
        color: #fff3;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }

    .text-white\/25 {
        color: #ffffff40;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .text-white\/30 {
        color: #ffffff4d;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
    }

    .text-white\/35 {
        color: #ffffff59;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 35%, transparent);
        }
    }

    .text-white\/40 {
        color: #fff6;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
    }

    .text-white\/45 {
        color: #ffffff73;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 45%, transparent);
        }
    }

    .text-white\/50 {
        color: #ffffff80;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }

    .text-white\/55 {
        color: #ffffff8c;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 55%, transparent);
        }
    }

    .text-white\/60 {
        color: #fff9;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
    }

    .text-white\/65 {
        color: #ffffffa6;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 65%, transparent);
        }
    }

    .text-white\/70 {
        color: #ffffffb3;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
    }

    .text-white\/70\! {
        color: #ffffffb3 !important;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
        }
    }

    .text-white\/72 {
        color: #ffffffb8;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 72%, transparent);
        }
    }

    .text-white\/75 {
        color: #ffffffbf;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
    }

    .text-white\/80 {
        color: #fffc;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
    }

    .text-white\/85 {
        color: #ffffffd9;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 85%, transparent);
        }
    }

    .text-white\/86 {
        color: #ffffffdb;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 86%, transparent);
        }
    }

    .text-white\/90 {
        color: #ffffffe6;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
    }

    .text-white\/\[0\.07\] {
        color: #ffffff12;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 7%, transparent);
        }
    }

    .text-white\/\[0\.08\] {
        color: #ffffff14;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 8%, transparent);
        }
    }

    .capitalize {
        text-transform: capitalize;
    }

    .lowercase {
        text-transform: lowercase;
    }

    .normal-case {
        text-transform: none;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .italic {
        font-style: italic;
    }

    .not-italic {
        font-style: normal;
    }

    .font-stretch-100\% {
        font-stretch: 100%;
    }

    .font-stretch-112\% {
        font-stretch: 112%;
    }

    .font-stretch-125\% {
        font-stretch: 125%;
    }

    .lining-nums {
        --tw-numeric-figure: lining-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
            var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,)
            var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }

    .\[font-variant-numeric\:lining-nums\] {
        font-variant-numeric: lining-nums;
    }

    .line-through {
        text-decoration-line: line-through;
    }

    .no-underline {
        text-decoration-line: none;
    }

    .underline {
        text-decoration-line: underline;
    }

    .decoration-\(--color-border\) {
        -webkit-text-decoration-color: var(--color-border);
        text-decoration-color: var(--color-border);
    }

    .decoration-\(--custom-rule\) {
        -webkit-text-decoration-color: var(--custom-rule);
        text-decoration-color: var(--custom-rule);
    }

    .decoration-\(--footer-rule\) {
        -webkit-text-decoration-color: var(--footer-rule);
        text-decoration-color: var(--footer-rule);
    }

    .decoration-\[var\(--color-border\)\] {
        -webkit-text-decoration-color: var(--color-border);
        text-decoration-color: var(--color-border);
    }

    .decoration-\[var\(--color-primary-300\)\] {
        -webkit-text-decoration-color: var(--color-primary-300);
        text-decoration-color: var(--color-primary-300);
    }

    .decoration-\[var\(--footer-rule\)\] {
        -webkit-text-decoration-color: var(--footer-rule);
        text-decoration-color: var(--footer-rule);
    }

    .decoration-white\/30 {
        text-decoration-color: #ffffff4d;

        @supports (color: color-mix(in lab, red, red)) {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 30%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
    }

    .decoration-white\/40 {
        text-decoration-color: #fff6;

        @supports (color: color-mix(in lab, red, red)) {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 40%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
    }

    .decoration-white\/50 {
        text-decoration-color: #ffffff80;

        @supports (color: color-mix(in lab, red, red)) {
            -webkit-text-decoration-color: color-mix(in oklab, var(--color-white) 50%, transparent);
            text-decoration-color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }

    .decoration-1 {
        text-decoration-thickness: 1px;
    }

    .decoration-2 {
        text-decoration-thickness: 2px;
    }

    .decoration-4 {
        text-decoration-thickness: 4px;
    }

    .decoration-\[0\.12em\] {
        text-decoration-thickness: 0.12em;
    }

    .underline-offset-2 {
        text-underline-offset: 2px;
    }

    .underline-offset-3 {
        text-underline-offset: 3px;
    }

    .underline-offset-4 {
        text-underline-offset: 4px;
    }

    .underline-offset-\[0\.2em\] {
        text-underline-offset: 0.2em;
    }

    .underline-offset-\[0\.3em\] {
        text-underline-offset: 0.3em;
    }

    .underline-offset-\[0\.12em\] {
        text-underline-offset: 0.12em;
    }

    .underline-offset-\[0\.18em\] {
        text-underline-offset: 0.18em;
    }

    .underline-offset-\[0\.25em\] {
        text-underline-offset: 0.25em;
    }

    .underline-offset-\[3px\] {
        text-underline-offset: 3px;
    }

    .underline-offset-\[4px\] {
        text-underline-offset: 4px;
    }

    .underline-offset-\[5px\] {
        text-underline-offset: 5px;
    }

    .underline-offset-\[6px\] {
        text-underline-offset: 6px;
    }

    .accent-dark {
        accent-color: var(--color-dark);
    }

    .accent-primary {
        accent-color: var(--color-primary);
    }

    .opacity-0 {
        opacity: 0;
    }

    .opacity-14 {
        opacity: 0.14;
    }

    .opacity-20 {
        opacity: 0.2;
    }

    .opacity-25 {
        opacity: 0.25;
    }

    .opacity-28 {
        opacity: 0.28;
    }

    .opacity-30 {
        opacity: 0.3;
    }

    .opacity-32 {
        opacity: 0.32;
    }

    .opacity-35 {
        opacity: 0.35;
    }

    .opacity-40 {
        opacity: 0.4;
    }

    .opacity-45 {
        opacity: 0.45;
    }

    .opacity-50 {
        opacity: 0.5;
    }

    .opacity-55 {
        opacity: 0.55;
    }

    .opacity-60 {
        opacity: 0.6;
    }

    .opacity-62 {
        opacity: 0.62;
    }

    .opacity-65 {
        opacity: 0.65;
    }

    .opacity-70 {
        opacity: 0.7;
    }

    .opacity-72 {
        opacity: 0.72;
    }

    .opacity-75 {
        opacity: 0.75;
    }

    .opacity-78 {
        opacity: 0.78;
    }

    .opacity-80 {
        opacity: 0.8;
    }

    .opacity-82 {
        opacity: 0.82;
    }

    .opacity-85 {
        opacity: 0.85;
    }

    .opacity-90 {
        opacity: 0.9;
    }

    .opacity-100 {
        opacity: 1;
    }

    .opacity-\[0\.55\] {
        opacity: 0.55;
    }

    .opacity-\[0\.65\] {
        opacity: 0.65;
    }

    .mix-blend-difference {
        mix-blend-mode: difference;
    }

    .mix-blend-luminosity {
        mix-blend-mode: luminosity;
    }

    .shadow {
        --tw-shadow:
            0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\(--custom-lift\) {
        --tw-shadow: var(--custom-lift);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\(--custom-shadow\) {
        --tw-shadow: var(--custom-shadow);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\(--custom-shadow-card\) {
        --tw-shadow: var(--custom-shadow-card);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\(--custom-shadow-lg\) {
        --tw-shadow: var(--custom-shadow-lg);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\(--custom-shadow-photo\) {
        --tw-shadow: var(--custom-shadow-photo);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_-10px_40px_rgba\(15\,23\,42\,0\.05\)\] {
        --tw-shadow: 0 -10px 40px var(--tw-shadow-color, #0f172a0d);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_-10px_40px_rgba\(15\,23\,42\,0\.08\)\] {
        --tw-shadow: 0 -10px 40px var(--tw-shadow-color, #0f172a14);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_-10px_40px_rgba\(15\,23\,42\,0\.12\)\] {
        --tw-shadow: 0 -10px 40px var(--tw-shadow-color, #0f172a1f);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_-10px_40px_rgba\(15\,23\,42\,0\.14\)\] {
        --tw-shadow: 0 -10px 40px var(--tw-shadow-color, #0f172a24);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_-10px_60px_-10px_rgb\(52_82_255\/0\.45\)\] {
        --tw-shadow: 0 -10px 60px -10px var(--tw-shadow-color, #3452ff73);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_0_0_0\.875rem_var\(--custom-tint\)\] {
        --tw-shadow: 0 0 0 0.875rem var(--tw-shadow-color, var(--custom-tint));
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_0_0_4px_rgb\(34_197_94\/0\.16\)\] {
        --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #22c55e29);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_0_0_6px_rgb\(255_255_255\/0\.18\)\] {
        --tw-shadow: 0 0 0 6px var(--tw-shadow-color, #ffffff2e);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_20px_40px_-12px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-shadow: 0 20px 40px -12px var(--tw-shadow-color, #00000073);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_24px_48px_-16px_rgba\(15\,23\,42\,0\.35\)\] {
        --tw-shadow: 0 24px 48px -16px var(--tw-shadow-color, #0f172a59);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_30px_60px_-20px_rgba\(15\,23\,42\,0\.3\)\] {
        --tw-shadow: 0 30px 60px -20px var(--tw-shadow-color, #0f172a4d);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_30px_60px_-20px_rgba\(15\,23\,42\,0\.35\)\] {
        --tw-shadow: 0 30px 60px -20px var(--tw-shadow-color, #0f172a59);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_30px_70px_-35px_rgb\(24_21_25\/0\.3\)\] {
        --tw-shadow: 0 30px 70px -35px var(--tw-shadow-color, #1815194d);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_40px_80px_-30px_rgba\(15\,23\,42\,0\.55\)\] {
        --tw-shadow: 0 40px 80px -30px var(--tw-shadow-color, #0f172a8c);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[0_40px_80px_-40px_rgb\(0_0_0\/0\.55\)\] {
        --tw-shadow: 0 40px 80px -40px var(--tw-shadow-color, #0000008c);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[inset_0_0_0_1\.5px_var\(--custom-ink\)\] {
        --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--custom-ink));
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[inset_0_0_0_1px_var\(--color-border\)\] {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-border));
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[inset_0_0_0_1px_var\(--color-border-soft\)\] {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-border-soft));
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[var\(--shadow-lg\)\] {
        --tw-shadow: var(--shadow-lg);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-\[var\(--shadow-md\)\] {
        --tw-shadow: var(--shadow-md);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-lg {
        --tw-shadow:
            0 10px 15px -3px var(--tw-shadow-color, #0000001a),
            0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .shadow-sm {
        --tw-shadow:
            0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring,
    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring-4 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring-8 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .ring-\[5px\] {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(5px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
            var(--tw-ring-shadow), var(--tw-shadow);
    }

    .\[box-shadow\:0_0_0_0\.375rem_var\(--color-bg\)\] {
        box-shadow: 0 0 0 0.375rem var(--color-bg);
    }

    .\[box-shadow\:0_0_0_3px_var\(--custom-ink\)\] {
        box-shadow: 0 0 0 3px var(--custom-ink);
    }

    .\[box-shadow\:none\] {
        box-shadow: none;
    }

    .\[box-shadow\:var\(--custom-shadow\)\] {
        box-shadow: var(--custom-shadow);
    }

    .shadow-primary {
        --tw-shadow-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-shadow-color: color-mix(
                in oklab,
                var(--color-primary) var(--tw-shadow-alpha),
                transparent
            );
        }
    }

    .ring-\(--color-bg\) {
        --tw-ring-color: var(--color-bg);
    }

    .ring-\(--color-primary\),
    .ring-\[var\(--color-primary\)\] {
        --tw-ring-color: var(--color-primary);
    }

    .ring-\[var\(--color-primary-50\)\] {
        --tw-ring-color: var(--color-primary-50);
    }

    .ring-primary {
        --tw-ring-color: var(--color-primary);
    }

    .ring-primary-300 {
        --tw-ring-color: var(--color-primary-300);
    }

    .ring-primary\/30 {
        --tw-ring-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
        }
    }

    .ring-white {
        --tw-ring-color: var(--color-white);
    }

    .ring-white\/10 {
        --tw-ring-color: #ffffff1a;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .ring-white\/15 {
        --tw-ring-color: #ffffff26;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
    }

    .ring-white\/20 {
        --tw-ring-color: #fff3;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }

    .ring-white\/30 {
        --tw-ring-color: #ffffff4d;

        @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }

    .outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }

    .outline-3 {
        outline-style: var(--tw-outline-style);
        outline-width: 3px;
    }

    .outline-\[length\:clamp\(0\.5rem\,1vw\,0\.875rem\)\] {
        outline-style: var(--tw-outline-style);
        outline-width: clamp(0.5rem, 1vw, 0.875rem);
    }

    .outline-\[color\:var\(--color-bg\)\] {
        outline-color: var(--color-bg);
    }

    .blur {
        --tw-blur: blur(8px);
        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,);
    }

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a))
            drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
        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,);
    }

    .drop-shadow-\[0_24px_48px_rgb\(10_20_80\/0\.3\)\] {
        --tw-drop-shadow-size: drop-shadow(0 24px 48px var(--tw-drop-shadow-color, #0a14504d));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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,);
    }

    .drop-shadow-md {
        --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
        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,);
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        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,);
    }

    .grayscale-\[40\%\] {
        --tw-grayscale: grayscale(40%);
        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,);
    }

    .filter {
        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,);
    }

    .filter-\[url\(\#outline-2\)\] {
        filter: url('#outline-2');
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -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-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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));
        -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-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -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-filter {
        -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,);
    }

    .transition {
        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-duration: var(--tw-duration, var(--default-transition-duration));
    }

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

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

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

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

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

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

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

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

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

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

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

    .transition-colors {
        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-duration: var(--tw-duration, var(--default-transition-duration));
    }

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

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

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

    .delay-300 {
        transition-delay: 0.3s;
    }

    .delay-500 {
        transition-delay: 0.5s;
    }

    .delay-700 {
        transition-delay: 0.7s;
    }

    .delay-\[900ms\] {
        transition-delay: 0.9s;
    }

    .delay-\[1100ms\] {
        transition-delay: 1.1s;
    }

    .delay-\[1300ms\] {
        transition-delay: 1.3s;
    }

    .duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
    }

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

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

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

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s;
    }

    .duration-\[1\.2s\] {
        --tw-duration: 1.2s;
        transition-duration: 1.2s;
    }

    .duration-\[1200ms\] {
        --tw-duration: 1.2s;
        transition-duration: 1.2s;
    }

    .duration-\[1400ms\] {
        --tw-duration: 1.4s;
        transition-duration: 1.4s;
    }

    .duration-\[1600ms\] {
        --tw-duration: 1.6s;
        transition-duration: 1.6s;
    }

    .duration-\[2200ms\] {
        --tw-duration: 2.2s;
        transition-duration: 2.2s;
    }

    .ease-\[var\(--ease-out\)\] {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

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

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

    .\[transition-timing-function\:linear\] {
        transition-timing-function: linear;
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none;
    }

    .outline-solid {
        --tw-outline-style: solid;
        outline-style: solid;
    }

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

    .\[--about-tone\:var\(--custom-tone-1\)\] {
        --about-tone: var(--custom-tone-1);
    }

    .\[--about-tone\:var\(--custom-tone-2\)\] {
        --about-tone: var(--custom-tone-2);
    }

    .\[--about-tone\:var\(--custom-tone-4\)\] {
        --about-tone: var(--custom-tone-4);
    }

    .\[--about-tone\:…\] {
        --about-tone: …;
    }

    .\[--article-w\:41rem\] {
        --article-w: 41rem;
    }

    .\[--article-w\:42rem\] {
        --article-w: 42rem;
    }

    .\[--article-wide\:52rem\] {
        --article-wide: 52rem;
    }

    .\[--band-stop\:50\%\] {
        --band-stop: 50%;
    }

    .\[--bar-delay\:0\.25s\] {
        --bar-delay: 0.25s;
    }

    .\[--bar-delay\:0\.35s\] {
        --bar-delay: 0.35s;
    }

    .\[--before\:38\] {
        --before: 38;
    }

    .\[--brand-ink\:\#fff\] {
        --brand-ink: #fff;
    }

    .\[--brand-ink\:var\(--custom-ink\)\] {
        --brand-ink: var(--custom-ink);
    }

    .\[--brand\:\#1f4d45\] {
        --brand: #1f4d45;
    }

    .\[--brand\:\#2b2f36\] {
        --brand: #2b2f36;
    }

    .\[--brand\:\#2d6cdf\] {
        --brand: #2d6cdf;
    }

    .\[--brand\:\#2f7a5b\] {
        --brand: #2f7a5b;
    }

    .\[--brand\:\#3b4a6b\] {
        --brand: #3b4a6b;
    }

    .\[--brand\:\#3f3bd9\] {
        --brand: #3f3bd9;
    }

    .\[--brand\:\#7a4fd1\] {
        --brand: #7a4fd1;
    }

    .\[--brand\:\#8fae8b\] {
        --brand: #8fae8b;
    }

    .\[--brand\:\#187c77\] {
        --brand: #187c77;
    }

    .\[--brand\:\#b9582f\] {
        --brand: #b9582f;
    }

    .\[--brand\:\#cc4b25\] {
        --brand: #cc4b25;
    }

    .\[--brand\:\#f2b632\] {
        --brand: #f2b632;
    }

    .\[--chip-ink\:\#fff\] {
        --chip-ink: #fff;
    }

    .\[--chip-ink\:var\(--color-on-primary\)\] {
        --chip-ink: var(--color-on-primary);
    }

    .\[--chip-ink\:var\(--custom-ink\)\] {
        --chip-ink: var(--custom-ink);
    }

    .\[--chip\:\#0e1f17\] {
        --chip: #0e1f17;
    }

    .\[--chip\:\#1f4d45\] {
        --chip: #1f4d45;
    }

    .\[--chip\:\#1f4e79\] {
        --chip: #1f4e79;
    }

    .\[--chip\:\#2b2f36\] {
        --chip: #2b2f36;
    }

    .\[--chip\:\#2d6cdf\] {
        --chip: #2d6cdf;
    }

    .\[--chip\:\#2e3a35\] {
        --chip: #2e3a35;
    }

    .\[--chip\:\#2f7a5b\] {
        --chip: #2f7a5b;
    }

    .\[--chip\:\#3a3532\] {
        --chip: #3a3532;
    }

    .\[--chip\:\#3b4a6b\] {
        --chip: #3b4a6b;
    }

    .\[--chip\:\#3b5bdb\] {
        --chip: #3b5bdb;
    }

    .\[--chip\:\#3f3bd9\] {
        --chip: #3f3bd9;
    }

    .\[--chip\:\#4f5d4a\] {
        --chip: #4f5d4a;
    }

    .\[--chip\:\#7a4fd1\] {
        --chip: #7a4fd1;
    }

    .\[--chip\:\#8fae8b\] {
        --chip: #8fae8b;
    }

    .\[--chip\:\#187c77\] {
        --chip: #187c77;
    }

    .\[--chip\:\#241a3d\] {
        --chip: #241a3d;
    }

    .\[--chip\:\#262a27\] {
        --chip: #262a27;
    }

    .\[--chip\:\#12302f\] {
        --chip: #12302f;
    }

    .\[--chip\:\#14143a\] {
        --chip: #14143a;
    }

    .\[--chip\:\#14213d\] {
        --chip: #14213d;
    }

    .\[--chip\:\#a3b1c9\] {
        --chip: #a3b1c9;
    }

    .\[--chip\:\#a7c4a0\] {
        --chip: #a7c4a0;
    }

    .\[--chip\:\#a8ddd8\] {
        --chip: #a8ddd8;
    }

    .\[--chip\:\#b9a6e8\] {
        --chip: #b9a6e8;
    }

    .\[--chip\:\#b9d3c8\] {
        --chip: #b9d3c8;
    }

    .\[--chip\:\#b9582f\] {
        --chip: #b9582f;
    }

    .\[--chip\:\#bfd3f7\] {
        --chip: #bfd3f7;
    }

    .\[--chip\:\#c9c6ff\] {
        --chip: #c9c6ff;
    }

    .\[--chip\:\#cc4b25\] {
        --chip: #cc4b25;
    }

    .\[--chip\:\#d3f2e1\] {
        --chip: #d3f2e1;
    }

    .\[--chip\:\#d7dbe0\] {
        --chip: #d7dbe0;
    }

    .\[--chip\:\#dcd0f7\] {
        --chip: #dcd0f7;
    }

    .\[--chip\:\#e4e1d8\] {
        --chip: #e4e1d8;
    }

    .\[--chip\:\#e7e1d3\] {
        --chip: #e7e1d3;
    }

    .\[--chip\:\#e9dcc6\] {
        --chip: #e9dcc6;
    }

    .\[--chip\:\#e86f5a\] {
        --chip: #e86f5a;
    }

    .\[--chip\:\#f1ece0\] {
        --chip: #f1ece0;
    }

    .\[--chip\:\#f2b8b0\] {
        --chip: #f2b8b0;
    }

    .\[--chip\:\#f2b632\] {
        --chip: #f2b632;
    }

    .\[--chip\:\#f2c94c\] {
        --chip: #f2c94c;
    }

    .\[--chip\:\#f3e6d8\] {
        --chip: #f3e6d8;
    }

    .\[--chip\:\#f4f1ea\] {
        --chip: #f4f1ea;
    }

    .\[--chip\:\#f6efe4\] {
        --chip: #f6efe4;
    }

    .\[--chip\:\#f28c28\] {
        --chip: #f28c28;
    }

    .\[--chip\:\#ffd84a\] {
        --chip: #ffd84a;
    }

    .\[--chip\:var\(--color-accent\)\] {
        --chip: var(--color-accent);
    }

    .\[--chip\:var\(--color-primary\)\] {
        --chip: var(--color-primary);
    }

    .\[--chip\:var\(--color-quaternary\)\] {
        --chip: var(--color-quaternary);
    }

    .\[--chip\:var\(--color-secondary\)\] {
        --chip: var(--color-secondary);
    }

    .\[--chip\:var\(--color-tertiary\)\] {
        --chip: var(--color-tertiary);
    }

    .\[--chip\:var\(--custom-ink\)\] {
        --chip: var(--custom-ink);
    }

    .\[--color-bg\:var\(--product-bg\)\] {
        --color-bg: var(--product-bg);
    }

    .\[--color-white\:var\(--color-on-primary\)\] {
        --color-white: var(--color-on-primary);
    }

    .\[--cols\:2\] {
        --cols: 2;
    }

    .\[--cols\:3\] {
        --cols: 3;
    }

    .\[--cols\:4\] {
        --cols: 4;
    }

    .\[--cols\:5\] {
        --cols: 5;
    }

    .\[--container-max\:100rem\] {
        --container-max: 100rem;
    }

    .\[--cta-glow\:var\(--color-primary\)\] {
        --cta-glow: var(--color-primary);
    }

    .\[--custom-arch-foot\:var\(--radius-md\)\] {
        --custom-arch-foot: var(--radius-md);
    }

    .\[--custom-arch-foot\:var\(--radius-xl\)\] {
        --custom-arch-foot: var(--radius-xl);
    }

    .\[--custom-arch-gap\:0\.5rem\] {
        --custom-arch-gap: 0.5rem;
    }

    .\[--custom-arch-top\:8\%\] {
        --custom-arch-top: 8%;
    }

    .\[--custom-arch-top\:12\%\] {
        --custom-arch-top: 12%;
    }

    .\[--custom-arch-y\:37\.5\%\] {
        --custom-arch-y: 37.5%;
    }

    .\[--custom-clients-size\:0\.6\] {
        --custom-clients-size: 0.6;
    }

    .\[--custom-clients-size\:0\.74\] {
        --custom-clients-size: 0.74;
    }

    .\[--custom-clients-size\:1\.04\] {
        --custom-clients-size: 1.04;
    }

    .\[--custom-clients-size\:1\.08\] {
        --custom-clients-size: 1.08;
    }

    .\[--custom-cursor-color\:var\(--custom-cursor-2\)\] {
        --custom-cursor-color: var(--custom-cursor-2);
    }

    .\[--custom-cursor-color\:var\(--custom-cursor-3\)\] {
        --custom-cursor-color: var(--custom-cursor-3);
    }

    .\[--custom-cursor-x\:36\%\] {
        --custom-cursor-x: 36%;
    }

    .\[--custom-cursor-x\:60\%\] {
        --custom-cursor-x: 60%;
    }

    .\[--custom-cursor-x\:80\%\] {
        --custom-cursor-x: 80%;
    }

    .\[--custom-cursor-y\:48\%\] {
        --custom-cursor-y: 48%;
    }

    .\[--custom-cursor-y\:49\%\] {
        --custom-cursor-y: 49%;
    }

    .\[--custom-cursor-y\:50\%\] {
        --custom-cursor-y: 50%;
    }

    .\[--custom-dx\:-3vw\] {
        --custom-dx: -3vw;
    }

    .\[--custom-dx\:-5vw\] {
        --custom-dx: -5vw;
    }

    .\[--custom-dx\:2vw\] {
        --custom-dx: 2vw;
    }

    .\[--custom-dx\:3vw\] {
        --custom-dx: 3vw;
    }

    .\[--custom-dx\:5vw\] {
        --custom-dx: 5vw;
    }

    .\[--custom-dy\:-1\.5rem\] {
        --custom-dy: -1.5rem;
    }

    .\[--custom-dy\:-3rem\] {
        --custom-dy: -3rem;
    }

    .\[--custom-dy\:-5rem\] {
        --custom-dy: -5rem;
    }

    .\[--custom-dy\:2rem\] {
        --custom-dy: 2rem;
    }

    .\[--custom-dy\:3rem\] {
        --custom-dy: 3rem;
    }

    .\[--custom-em\:var\(--custom-primary-lit\)\] {
        --custom-em: var(--custom-primary-lit);
    }

    .\[--custom-frame-gap\:clamp\(0\.75rem\,0\.4rem\+1\.1vw\,1\.375rem\)\] {
        --custom-frame-gap: clamp(0.75rem, 0.4rem + 1.1vw, 1.375rem);
    }

    .\[--custom-giant-ink\:color-mix\(in_srgb\,var\(--color-on-primary\)_7\%\,transparent\)\] {
        --custom-giant-ink: var(--color-on-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --custom-giant-ink: color-mix(in srgb, var(--color-on-primary) 7%, transparent);
        }
    }

    .\[--custom-giant-ink\:rgb\(255_255_255\/0\.04\)\] {
        --custom-giant-ink: #ffffff0a;
    }

    .\[--custom-guilloche-stroke\:1\.1\] {
        --custom-guilloche-stroke: 1.1;
    }

    .\[--custom-guilloche-stroke\:1\.2\] {
        --custom-guilloche-stroke: 1.2;
    }

    .\[--custom-h\:clamp\(2\.875rem\,1rem\+5\.6vw\,6\.125rem\)\] {
        --custom-h: clamp(2.875rem, 1rem + 5.6vw, 6.125rem);
    }

    .\[--custom-line-y\:2rem\] {
        --custom-line-y: 2rem;
    }

    .\[--custom-meta\:var\(--custom-on-ink-soft\)\] {
        --custom-meta: var(--custom-on-ink-soft);
    }

    .\[--custom-ornament-w\:13rem\] {
        --custom-ornament-w: 13rem;
    }

    .\[--custom-ornament-w\:14rem\] {
        --custom-ornament-w: 14rem;
    }

    .\[--custom-ornament-w\:clamp\(9rem\,5rem\+10vw\,16rem\)\] {
        --custom-ornament-w: clamp(9rem, 5rem + 10vw, 16rem);
    }

    .\[--custom-ornament-w\:clamp\(10rem\,6rem\+12vw\,20rem\)\] {
        --custom-ornament-w: clamp(10rem, 6rem + 12vw, 20rem);
    }

    .\[--custom-podcast-ink\:var\(--color-text\)\] {
        --custom-podcast-ink: var(--color-text);
    }

    .\[--custom-pos\:30\%_50\%\] {
        --custom-pos: 30% 50%;
    }

    .\[--custom-pos\:58\%_50\%\] {
        --custom-pos: 58% 50%;
    }

    .\[--custom-pos\:62\%_50\%\] {
        --custom-pos: 62% 50%;
    }

    .\[--custom-pos\:70\%_50\%\] {
        --custom-pos: 70% 50%;
    }

    .\[--custom-seal-right\:clamp\(1\.25rem\,6\%\,5rem\)\] {
        --custom-seal-right: clamp(1.25rem, 6%, 5rem);
    }

    .\[--custom-stretch\:0\.36\] {
        --custom-stretch: 0.36;
    }

    .\[--custom-stretch\:0\.62\] {
        --custom-stretch: 0.62;
    }

    .\[--custom-stretch\:1\] {
        --custom-stretch: 1;
    }

    .\[--custom-thread-color\:var\(--custom-ink-line\)\] {
        --custom-thread-color: var(--custom-ink-line);
    }

    .\[--custom-wine\:color-mix\(in_srgb\,var\(--color-accent\)_35\%\,\#fff\)\] {
        --custom-wine: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            --custom-wine: color-mix(in srgb, var(--color-accent) 35%, #fff);
        }
    }

    .\[--custom-wine\:color-mix\(in_srgb\,var\(--color-accent\)_45\%\,\#fff\)\] {
        --custom-wine: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            --custom-wine: color-mix(in srgb, var(--color-accent) 45%, #fff);
        }
    }

    .\[--custom-wine\:color-mix\(in_srgb\,var\(--color-accent\)_55\%\,\#fff\)\] {
        --custom-wine: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            --custom-wine: color-mix(in srgb, var(--color-accent) 55%, #fff);
        }
    }

    .\[--custom-wine\:color-mix\(in_srgb\,var\(--color-accent\)_70\%\,var\(--color-primary\)\)\] {
        --custom-wine: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            --custom-wine: color-mix(in srgb, var(--color-accent) 70%, var(--color-primary));
        }
    }

    .\[--custom-wine\:color-mix\(in_srgb\,var\(--color-primary\)_70\%\,\#000\)\] {
        --custom-wine: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            --custom-wine: color-mix(in srgb, var(--color-primary) 70%, #000);
        }
    }

    .\[--custom-wine\:var\(--color-primary\)\] {
        --custom-wine: var(--color-primary);
    }

    .\[--custom-work-tone\:\#3f6ff2\] {
        --custom-work-tone: #3f6ff2;
    }

    .\[--custom-work-tone\:\#5a7fa6\] {
        --custom-work-tone: #5a7fa6;
    }

    .\[--custom-work-tone\:\#5b54e8\] {
        --custom-work-tone: #5b54e8;
    }

    .\[--custom-work-tone\:\#6f8fb3\] {
        --custom-work-tone: #6f8fb3;
    }

    .\[--custom-work-tone\:\#7b5cf0\] {
        --custom-work-tone: #7b5cf0;
    }

    .\[--custom-work-tone\:\#7fa58d\] {
        --custom-work-tone: #7fa58d;
    }

    .\[--custom-work-tone\:\#a8927a\] {
        --custom-work-tone: #a8927a;
    }

    .\[--custom-work-tone\:\#e8935c\] {
        --custom-work-tone: #e8935c;
    }

    .\[--draw-delay\:0\.5s\] {
        --draw-delay: 0.5s;
    }

    .\[--draw-delay\:1s\] {
        --draw-delay: 1s;
    }

    .\[--draw-duration\:1\.1s\] {
        --draw-duration: 1.1s;
    }

    .\[--draw-duration\:2\.6s\] {
        --draw-duration: 2.6s;
    }

    .\[--e\:3\] {
        --e: 3;
    }

    .\[--e\:6\] {
        --e: 6;
    }

    .\[--e\:12\] {
        --e: 12;
    }

    .\[--e\:N\] {
        --e: N;
    }

    .\[--expand-collapsed\:0px\] {
        --expand-collapsed: 0px;
    }

    .\[--footer-bg\:var\(--custom-ink\)\] {
        --footer-bg: var(--custom-ink);
    }

    .\[--from\:55\%\] {
        --from: 55%;
    }

    .\[--from\:66\%\] {
        --from: 66%;
    }

    .\[--from\:80\%\] {
        --from: 80%;
    }

    .\[--gallery-ratio\:1\] {
        --gallery-ratio: 1;
    }

    .\[--gallery-ratio\:4\/3\] {
        --gallery-ratio: 4/3;
    }

    .\[--gallery-ratio\:4\/5\] {
        --gallery-ratio: 4/5;
    }

    .\[--glow-blur\:150px\] {
        --glow-blur: 150px;
    }

    .\[--glow-blur\:160px\] {
        --glow-blur: 160px;
    }

    .\[--glow-color\:var\(--color-accent\)\] {
        --glow-color: var(--color-accent);
    }

    .\[--glow-color\:var\(--color-primary\)\] {
        --glow-color: var(--color-primary);
    }

    .\[--glow-color\:var\(--color-quaternary\)\] {
        --glow-color: var(--color-quaternary);
    }

    .\[--glow-color\:var\(--color-surface\)\] {
        --glow-color: var(--color-surface);
    }

    .\[--glow-color\:var\(--color-tertiary\)\] {
        --glow-color: var(--color-tertiary);
    }

    .\[--glow-color\:var\(--custom-accent\)\] {
        --glow-color: var(--custom-accent);
    }

    .\[--glow-opacity\:\.2\] {
        --glow-opacity: 0.2;
    }

    .\[--glow-opacity\:\.3\] {
        --glow-opacity: 0.3;
    }

    .\[--glow-opacity\:\.35\] {
        --glow-opacity: 0.35;
    }

    .\[--glow-opacity\:\.45\] {
        --glow-opacity: 0.45;
    }

    .\[--glow-opacity\:0\.2\] {
        --glow-opacity: 0.2;
    }

    .\[--glow-opacity\:0\.3\] {
        --glow-opacity: 0.3;
    }

    .\[--glow-opacity\:0\.4\] {
        --glow-opacity: 0.4;
    }

    .\[--glow-opacity\:0\.14\] {
        --glow-opacity: 0.14;
    }

    .\[--glow-opacity\:0\.18\] {
        --glow-opacity: 0.18;
    }

    .\[--glow-opacity\:0\.22\] {
        --glow-opacity: 0.22;
    }

    .\[--glow-opacity\:0\.24\] {
        --glow-opacity: 0.24;
    }

    .\[--glow-opacity\:0\.26\] {
        --glow-opacity: 0.26;
    }

    .\[--glow-opacity\:0\.28\] {
        --glow-opacity: 0.28;
    }

    .\[--glow-size\:30rem\] {
        --glow-size: 30rem;
    }

    .\[--glow-size\:32rem\] {
        --glow-size: 32rem;
    }

    .\[--glow-size\:34rem\] {
        --glow-size: 34rem;
    }

    .\[--glow-size\:36rem\] {
        --glow-size: 36rem;
    }

    .\[--glow-size\:38rem\] {
        --glow-size: 38rem;
    }

    .\[--glow-size\:40rem\] {
        --glow-size: 40rem;
    }

    .\[--glow-size\:42rem\] {
        --glow-size: 42rem;
    }

    .\[--glow-size\:44rem\] {
        --glow-size: 44rem;
    }

    .\[--hero-reel-min-h\:max\(36rem\,calc\(100svh_-_2_\*_var\(--hero-reel-inset\)\)\)\] {
        --hero-reel-min-h: max(36rem, calc(100svh - 2 * var(--hero-reel-inset)));
    }

    .\[--hscroll-gap\:clamp\(1\.25rem\,2\.4vw\,2rem\)\] {
        --hscroll-gap: clamp(1.25rem, 2.4vw, 2rem);
    }

    .\[--hscroll-gutter\:max\(var\(--container-x\)\,calc\(\(100\%_-_var\(--container-width\)\)\/2_\+_var\(--container-x\)\)\)\] {
        --hscroll-gutter: max(
            var(--container-x),
            calc((100% - var(--container-width)) / 2 + var(--container-x))
        );
    }

    .\[--hscroll-panel-h\:clamp\(28rem\,calc\(100svh_-_var\(--header-h\)_-_9rem\)\,38rem\)\] {
        --hscroll-panel-h: clamp(28rem, calc(100svh - var(--header-h) - 9rem), 38rem);
    }

    .\[--loader-size\:1\.1rem\] {
        --loader-size: 1.1rem;
    }

    .\[--loader-weight\:2px\] {
        --loader-weight: 2px;
    }

    .\[--logo-wall-cols\:6\] {
        --logo-wall-cols: 6;
    }

    .\[--marquee-fade\:clamp\(2rem\,12\%\,7rem\)\] {
        --marquee-fade: clamp(2rem, 12%, 7rem);
    }

    .\[--outline-fill\:var\(--color-bg-soft\)\] {
        --outline-fill: var(--color-bg-soft);
    }

    .\[--phase-color\:var\(--color-accent\)\] {
        --phase-color: var(--color-accent);
    }

    .\[--phase-color\:var\(--color-dark\)\] {
        --phase-color: var(--color-dark);
    }

    .\[--phase-color\:var\(--color-tertiary\)\] {
        --phase-color: var(--color-tertiary);
    }

    .\[--phase-fill\:20\%\] {
        --phase-fill: 20%;
    }

    .\[--phase-fill\:25\%\] {
        --phase-fill: 25%;
    }

    .\[--phase-fill\:33\.4\%\] {
        --phase-fill: 33.4%;
    }

    .\[--phase-fill\:40\%\] {
        --phase-fill: 40%;
    }

    .\[--phase-fill\:50\%\] {
        --phase-fill: 50%;
    }

    .\[--phase-fill\:60\%\] {
        --phase-fill: 60%;
    }

    .\[--phase-fill\:66\.7\%\] {
        --phase-fill: 66.7%;
    }

    .\[--phase-fill\:75\%\] {
        --phase-fill: 75%;
    }

    .\[--phase-fill\:80\%\] {
        --phase-fill: 80%;
    }

    .\[--phase-fill\:90\%\] {
        --phase-fill: 90%;
    }

    .\[--phase-size\:2rem\] {
        --phase-size: 2rem;
    }

    .\[--phase-size\:3rem\] {
        --phase-size: 3rem;
    }

    .\[--phase-size\:5\.5rem\] {
        --phase-size: 5.5rem;
    }

    .\[--progress-color\:var\(--color-danger\)\] {
        --progress-color: var(--color-danger);
    }

    .\[--progress-color\:var\(--color-primary\)\] {
        --progress-color: var(--color-primary);
    }

    .\[--progress-color\:var\(--color-primary-300\)\] {
        --progress-color: var(--color-primary-300);
    }

    .\[--radius-card\:var\(--radius-md\)\] {
        --radius-card: var(--radius-md);
    }

    .\[--rise-bleed\:0\.35em\] {
        --rise-bleed: 0.35em;
    }

    .\[--s\:1\] {
        --s: 1;
    }

    .\[--s\:3\] {
        --s: 3;
    }

    .\[--s\:5\] {
        --s: 5;
    }

    .\[--s\:7\] {
        --s: 7;
    }

    .\[--s\:N\] {
        --s: N;
    }

    .\[--seal-duration\:30s\] {
        --seal-duration: 30s;
    }

    .\[--seal-duration\:36s\] {
        --seal-duration: 36s;
    }

    .\[--seal-size\:5rem\] {
        --seal-size: 5rem;
    }

    .\[--seal-size\:7\.5rem\] {
        --seal-size: 7.5rem;
    }

    .\[--seal-size\:clamp\(6\.25rem\,4\.5rem_\+_4\.6vw\,10\.5rem\)\] {
        --seal-size: clamp(6.25rem, 4.5rem + 4.6vw, 10.5rem);
    }

    .\[--seg\:9\] {
        --seg: 9;
    }

    .\[--seg\:27\] {
        --seg: 27;
    }

    .\[--seg\:29\] {
        --seg: 29;
    }

    .\[--seg\:34\] {
        --seg: 34;
    }

    .\[--seg\:39\] {
        --seg: 39;
    }

    .\[--seg\:62\] {
        --seg: 62;
    }

    .\[--seg\:NN\] {
        --seg: NN;
    }

    .\[--share\:5\] {
        --share: 5;
    }

    .\[--share\:10\] {
        --share: 10;
    }

    .\[--share\:20\] {
        --share: 20;
    }

    .\[--share\:60\] {
        --share: 60;
    }

    .\[--size\:1rem\] {
        --size: 1rem;
    }

    .\[--size\:2rem\] {
        --size: 2rem;
    }

    .\[--size\:4rem\] {
        --size: 4rem;
    }

    .\[--sticky-offset\:3rem\] {
        --sticky-offset: 3rem;
    }

    .\[--sticky-offset\:5\.25rem\] {
        --sticky-offset: 5.25rem;
    }

    .\[--sticky-offset\:calc\(var\(--header-h\)_\+_2rem\)\] {
        --sticky-offset: calc(var(--header-h) + 2rem);
    }

    .\[--sticky-offset\:var\(--header-h\)\] {
        --sticky-offset: var(--header-h);
    }

    .\[--svc-tone\:var\(--custom-tone-1\)\] {
        --svc-tone: var(--custom-tone-1);
    }

    .\[--svc-tone\:var\(--custom-tone-2\)\] {
        --svc-tone: var(--custom-tone-2);
    }

    .\[--svc-tone\:var\(--custom-tone-3\)\] {
        --svc-tone: var(--custom-tone-3);
    }

    .\[--svc-tone\:var\(--custom-tone-4\)\] {
        --svc-tone: var(--custom-tone-4);
    }

    .\[--sw\:\#2f7a5b\] {
        --sw: #2f7a5b;
    }

    .\[--sw\:\#262a27\] {
        --sw: #262a27;
    }

    .\[--sw\:\#a7c4a0\] {
        --sw: #a7c4a0;
    }

    .\[--sw\:\#f1ece0\] {
        --sw: #f1ece0;
    }

    .\[--sw\:\#f2c94c\] {
        --sw: #f2c94c;
    }

    .\[--tab-accent\:var\(--color-on-primary\)\] {
        --tab-accent: var(--color-on-primary);
    }

    .\[--team-ratio\:3\/4\] {
        --team-ratio: 3/4;
    }

    .\[--text-photo-radius\:var\(--radius-lg\)\] {
        --text-photo-radius: var(--radius-lg);
    }

    .\[--text-photo-width\:2\.2em\] {
        --text-photo-width: 2.2em;
    }

    .\[--tile-tone\:var\(--custom-tone-1\)\] {
        --tile-tone: var(--custom-tone-1);
    }

    .\[--tile-tone\:var\(--custom-tone-2\)\] {
        --tile-tone: var(--custom-tone-2);
    }

    .\[--tile-tone\:var\(--custom-tone-3\)\] {
        --tile-tone: var(--custom-tone-3);
    }

    .\[--tile-tone\:var\(--custom-tone-4\)\] {
        --tile-tone: var(--custom-tone-4);
    }

    .\[--tile-tone\:…\] {
        --tile-tone: …;
    }

    .\[--tint\:var\(--color-primary-100\)\] {
        --tint: var(--color-primary-100);
    }

    .\[--to\:15\%\] {
        --to: 15%;
    }

    .\[--to\:27\%\] {
        --to: 27%;
    }

    .\[--to\:30\%\] {
        --to: 30%;
    }

    .\[--tone\:\#fff\] {
        --tone: #fff;
    }

    .\[--value\:31\] {
        --value: 31;
    }

    .\[--value\:38\] {
        --value: 38;
    }

    .\[--value\:42\] {
        --value: 42;
    }

    .\[--value\:46\] {
        --value: 46;
    }

    .\[--value\:55\] {
        --value: 55;
    }

    .\[--value\:64\] {
        --value: 64;
    }

    .\[--value\:67\] {
        --value: 67;
    }

    .\[--value\:68\] {
        --value: 68;
    }

    .\[--value\:71\] {
        --value: 71;
    }

    .\[--value\:85\] {
        --value: 85;
    }

    .\[--value\:86\] {
        --value: 86;
    }

    .\[--w\:28\%\] {
        --w: 28%;
    }

    .\[--w\:34\%\] {
        --w: 34%;
    }

    .\[--w\:36\%\] {
        --w: 36%;
    }

    .\[--w\:38\%\] {
        --w: 38%;
    }

    .\[--w\:40\%\] {
        --w: 40%;
    }

    .\[--w\:50\%\] {
        --w: 50%;
    }

    .\[--w\:58\%\] {
        --w: 58%;
    }

    .\[--w\:62\%\] {
        --w: 62%;
    }

    .\[--w\:64\%\] {
        --w: 64%;
    }

    .\[--w\:72\%\] {
        --w: 72%;
    }

    .\[--weight\:300\] {
        --weight: 300;
    }

    .\[--weight\:600\] {
        --weight: 600;
    }

    .\[--weight\:800\] {
        --weight: 800;
    }

    .\[--x\:11\.1\] {
        --x: 11.1;
    }

    .\[--x\:22\%\] {
        --x: 22%;
    }

    .\[--x\:44\.4\] {
        --x: 44.4;
    }

    .\[--x\:46\%\] {
        --x: 46%;
    }

    .\[--x\:54\%\] {
        --x: 54%;
    }

    .\[--x\:77\.8\] {
        --x: 77.8;
    }

    .\[--x\:78\%\] {
        --x: 78%;
    }

    .\[--x\:80\%\] {
        --x: 80%;
    }

    .\[--x\:N\] {
        --x: N;
    }

    .\[--y\:7\.75\] {
        --y: 7.75;
    }

    .\[--y\:14\%\] {
        --y: 14%;
    }

    .\[--y\:25\.5\] {
        --y: 25.5;
    }

    .\[--y\:30\%\] {
        --y: 30%;
    }

    .\[--y\:44\%\] {
        --y: 44%;
    }

    .\[--y\:46\%\] {
        --y: 46%;
    }

    .\[--y\:53\] {
        --y: 53;
    }

    .\[--y\:66\%\] {
        --y: 66%;
    }

    .\[--y\:67\.75\] {
        --y: 67.75;
    }

    .\[--y\:67\] {
        --y: 67;
    }

    .\[--y\:86\%\] {
        --y: 86%;
    }

    .\[--y\:N\] {
        --y: N;
    }

    .\[-webkit-text-stroke-color\:var\(--color-primary-300\)\] {
        -webkit-text-stroke-color: var(--color-primary-300);
    }

    .\[-webkit-text-stroke\:1\.5px_rgba\(255\,255\,255\,0\.55\)\] {
        -webkit-text-stroke: 1.5px #ffffff8c;
    }

    .\[-webkit-text-stroke\:2px_color-mix\(in_srgb\,var\(--color-white\)_35\%\,transparent\)\] {
        -webkit-text-stroke: 2px #ffffff59;

        @supports (color: color-mix(in lab, red, red)) {
            -webkit-text-stroke: 2px color-mix(in srgb, var(--color-white) 35%, transparent);
        }
    }

    .\[background\:var\(--custom-ink\)\] {
        background: var(--custom-ink);
    }

    .\[border-block-end\:0\] {
        border-block-end: 0;
    }

    .\[border-bottom\:0\] {
        border-bottom: 0;
    }

    .\[border-top\:0\] {
        border-top: 0;
    }

    .\[font-variation-settings\:\'opsz\'_14\] {
        font-variation-settings: 'opsz' 14;
    }

    .\[grid-area\:1\/1\] {
        grid-area: 1 / 1;
    }

    .\[grid-area\:1\/2\] {
        grid-area: 1 / 2;
    }

    .\[grid-area\:1_\/_1\] {
        grid-area: 1 / 1;
    }

    .\[grid-area\:2\/1\/3\/3\] {
        grid-area: 2 / 1 / 3 / 3;
    }

    .\[grid-area\:a\] {
        grid-area: a;
    }

    .\[grid-area\:alerts\] {
        grid-area: alerts;
    }

    .\[grid-area\:amt\] {
        grid-area: amt;
    }

    .\[grid-area\:auto\] {
        grid-area: auto;
    }

    .\[grid-area\:b\] {
        grid-area: b;
    }

    .\[grid-area\:bath\] {
        grid-area: bath;
    }

    .\[grid-area\:bed\] {
        grid-area: bed;
    }

    .\[grid-area\:c\] {
        grid-area: c;
    }

    .\[grid-area\:cat\] {
        grid-area: cat;
    }

    .\[grid-area\:charts\] {
        grid-area: charts;
    }

    .\[grid-area\:chips\] {
        grid-area: chips;
    }

    .\[grid-area\:clock\] {
        grid-area: clock;
    }

    .\[grid-area\:copy\] {
        grid-area: copy;
    }

    .\[grid-area\:count\] {
        grid-area: count;
    }

    .\[grid-area\:date\] {
        grid-area: date;
    }

    .\[grid-area\:deck\] {
        grid-area: deck;
    }

    .\[grid-area\:e\] {
        grid-area: e;
    }

    .\[grid-area\:f\] {
        grid-area: f;
    }

    .\[grid-area\:fraction\] {
        grid-area: fraction;
    }

    .\[grid-area\:kicker\] {
        grid-area: kicker;
    }

    .\[grid-area\:links\] {
        grid-area: links;
    }

    .\[grid-area\:living\] {
        grid-area: living;
    }

    .\[grid-area\:main\] {
        grid-area: main;
    }

    .\[grid-area\:media\] {
        grid-area: media;
    }

    .\[grid-area\:name\] {
        grid-area: name;
    }

    .\[grid-area\:note\] {
        grid-area: note;
    }

    .\[grid-area\:pct\] {
        grid-area: pct;
    }

    .\[grid-area\:photo\] {
        grid-area: photo;
    }

    .\[grid-area\:plan\] {
        grid-area: plan;
    }

    .\[grid-area\:q\] {
        grid-area: q;
    }

    .\[grid-area\:s\] {
        grid-area: s;
    }

    .\[grid-area\:spark\] {
        grid-area: spark;
    }

    .\[grid-area\:spec\] {
        grid-area: spec;
    }

    .\[grid-area\:text\] {
        grid-area: text;
    }

    .\[grid-area\:title\] {
        grid-area: title;
    }

    .\[grid-area\:top\] {
        grid-area: top;
    }

    .\[perspective\:600px\] {
        perspective: 600px;
    }

    .\[stroke-dasharray\:1\] {
        stroke-dasharray: 1;
    }

    .\[stroke-dashoffset\:1\] {
        stroke-dashoffset: 1px;
    }

    .\[text-shadow\:0_2px_30px_rgb\(0_0_0\/0\.35\)\] {
        text-shadow: 0 2px 30px #00000059;
    }

    .\[word-spacing\:-0\.1em\] {
        word-spacing: -0.1em;
    }

    .\[word-spacing\:-0\.08em\] {
        word-spacing: -0.08em;
    }

    .\*\:pointer-events-auto {
        :is(& > *) {
            pointer-events: auto;
        }
    }

    .\*\:m-0 {
        :is(& > *) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .\*\:mx-0 {
        :is(& > *) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .\*\:flex {
        :is(& > *) {
            display: flex;
        }
    }

    .\*\:aspect-\[4\/3\.6\] {
        :is(& > *) {
            aspect-ratio: 4 / 3.6;
        }
    }

    .\*\:min-h-28 {
        :is(& > *) {
            min-height: calc(var(--spacing) * 28);
        }
    }

    .\*\:items-center {
        :is(& > *) {
            align-items: center;
        }
    }

    .\*\:justify-center {
        :is(& > *) {
            justify-content: center;
        }
    }

    .\*\:gap-\[0\.25em\] {
        :is(& > *) {
            gap: 0.25em;
        }
    }

    .\*\:border-t {
        :is(& > *) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .\*\:border-b {
        :is(& > *) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .\*\:border-l-0\! {
        :is(& > *) {
            border-left-style: var(--tw-border-style) !important;
            border-left-width: 0 !important;
        }
    }

    .\*\:border-\(--color-border\) {
        :is(& > *) {
            border-color: var(--color-border);
        }
    }

    .\*\:border-\(--color-border-soft\) {
        :is(& > *) {
            border-color: var(--color-border-soft);
        }
    }

    .\*\:border-white\/90 {
        :is(& > *) {
            border-color: #ffffffe6;

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white) 90%, transparent);
            }
        }
    }

    .\*\:px-4 {
        :is(& > *) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .\*\:py-6 {
        :is(& > *) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .\*\:pl-0\! {
        :is(& > *) {
            padding-left: calc(var(--spacing) * 0) !important;
        }
    }

    .\*\:text-center {
        :is(& > *) {
            text-align: center;
        }
    }

    .\*\:leading-\[1\.1\] {
        :is(& > *) {
            --tw-leading: 1.1;
            line-height: 1.1;
        }
    }

    .\*\:text-muted {
        :is(& > *) {
            color: var(--color-text-muted);
        }
    }

    .not-first\:border-l {
        &:not(:first-child) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .not-hover\:bg-transparent {
        &:not(:hover) {
            background-color: #0000;
        }

        @media not (hover: hover) {
            background-color: #0000;
        }
    }

    .group-hover\:translate-x-0\.5 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-x: calc(var(--spacing) * 0.5);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-hover\:translate-x-1 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-x: calc(var(--spacing) * 1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-hover\:-translate-y-0\.5 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * -0.5);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-hover\:-translate-y-1 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-hover\:-translate-y-2 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * -2);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-hover\:-translate-y-4 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * -4);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

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

    .group-hover\:translate-y-0\.5 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * 0.5);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-hover\:translate-y-1 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * 1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

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

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

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

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

    .group-hover\:scale-\[1\.03\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                scale: 1.03;
            }
        }
    }

    .group-hover\:scale-\[1\.04\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                scale: 1.04;
            }
        }
    }

    .group-hover\:scale-\[1\.05\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                scale: 1.05;
            }
        }
    }

    .group-hover\:scale-\[1\.06\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                scale: 1.06;
            }
        }
    }

    .group-hover\:scale-\[1\.07\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                scale: 1.07;
            }
        }
    }

    .group-hover\:rotate-0 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                rotate: 0deg;
            }
        }
    }

    .group-hover\:rotate-45 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                rotate: 45deg;
            }
        }
    }

    .group-hover\:gap-4 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                gap: calc(var(--spacing) * 4);
            }
        }
    }

    .group-hover\:border-\[var\(--color-primary\)\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                border-color: var(--color-primary);
            }
        }
    }

    .group-hover\:border-primary {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                border-color: var(--color-primary);
            }
        }
    }

    .group-hover\:border-transparent {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                border-color: #0000;
            }
        }
    }

    .group-hover\:border-white {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                border-color: var(--color-white);
            }
        }
    }

    .group-hover\:bg-black\/40 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: #0006;

                @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
                }
            }
        }
    }

    .group-hover\:bg-black\/45 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: #00000073;

                @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
                }
            }
        }
    }

    .group-hover\:bg-dark {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-dark);
            }
        }
    }

    .group-hover\:bg-primary {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-primary);
            }
        }
    }

    .group-hover\:bg-white {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                background-color: var(--color-white);
            }
        }
    }

    .group-hover\:text-\[var\(--color-dark-surface\)\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-dark-surface);
            }
        }
    }

    .group-hover\:text-accent-ink {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-accent-ink);
            }
        }
    }

    .group-hover\:text-dark {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-dark);
            }
        }
    }

    .group-hover\:text-on-primary {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-on-primary);
            }
        }
    }

    .group-hover\:text-on-primary\/80 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-on-primary);

                @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-on-primary) 80%, transparent);
                }
            }
        }
    }

    .group-hover\:text-primary-ink {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-primary-ink);
            }
        }
    }

    .group-hover\:text-white {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                color: var(--color-white);
            }
        }
    }

    .group-hover\:italic {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                font-style: italic;
            }
        }
    }

    .group-hover\:underline {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                text-decoration-line: underline;
            }
        }
    }

    .group-hover\:opacity-0 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                opacity: 0;
            }
        }
    }

    .group-hover\:opacity-100 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                opacity: 1;
            }
        }
    }

    .group-hover\:grayscale-0 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                --tw-grayscale: grayscale(0%);
                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\:\[-webkit-text-stroke-color\:transparent\] {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                -webkit-text-stroke-color: transparent;
            }
        }
    }

    .group-hover\/more\:translate-x-1 {
        &:is(:where(.group\/more):hover *) {
            @media (hover: hover) {
                --tw-translate-x: calc(var(--spacing) * 1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-hover\/tile\:translate-x-1 {
        &:is(:where(.group\/tile):hover *) {
            @media (hover: hover) {
                --tw-translate-x: calc(var(--spacing) * 1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .group-focus-visible\:-translate-y-4 {
        &:is(:where(.group):focus-visible *) {
            --tw-translate-y: calc(var(--spacing) * -4);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-focus-visible\:translate-y-0 {
        &:is(:where(.group):focus-visible *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .group-focus-visible\:rotate-45 {
        &:is(:where(.group):focus-visible *) {
            rotate: 45deg;
        }
    }

    .group-focus-visible\:opacity-0 {
        &:is(:where(.group):focus-visible *) {
            opacity: 0;
        }
    }

    .group-focus-visible\:opacity-100 {
        &:is(:where(.group):focus-visible *) {
            opacity: 1;
        }
    }

    .group-\[\.hscroll--pinned\]\/cases\:flex {
        &:is(:where(.group\/cases).hscroll--pinned *) {
            display: flex;
        }
    }

    .group-\[\.is-active\]\:italic {
        &:is(:where(.group).is-active *) {
            font-style: italic;
        }
    }

    .marker\:font-heading {
        & ::marker {
            font-family: var(--font-heading);
        }

        &::marker {
            font-family: var(--font-heading);
        }

        & ::-webkit-details-marker {
            font-family: var(--font-heading);
        }

        &::-webkit-details-marker {
            font-family: var(--font-heading);
        }
    }

    .marker\:font-semibold {
        & ::marker {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }

        &::marker {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }

        & ::-webkit-details-marker {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }

        &::-webkit-details-marker {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .marker\:text-\(--color-text\) {
        & ::marker {
            color: var(--color-text);
        }

        &::marker {
            color: var(--color-text);
        }

        & ::-webkit-details-marker {
            color: var(--color-text);
        }

        &::-webkit-details-marker {
            color: var(--color-text);
        }
    }

    .marker\:text-\[var\(--color-primary-ink-400\)\] {
        & ::marker {
            color: var(--color-primary-ink-400);
        }

        &::marker {
            color: var(--color-primary-ink-400);
        }

        & ::-webkit-details-marker {
            color: var(--color-primary-ink-400);
        }

        &::-webkit-details-marker {
            color: var(--color-primary-ink-400);
        }
    }

    .marker\:text-primary-ink {
        & ::marker {
            color: var(--color-primary-ink);
        }

        &::marker {
            color: var(--color-primary-ink);
        }

        & ::-webkit-details-marker {
            color: var(--color-primary-ink);
        }

        &::-webkit-details-marker {
            color: var(--color-primary-ink);
        }
    }

    .placeholder\:text-\(--color-dark\)\/55 {
        &::placeholder {
            color: var(--color-dark);

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-dark) 55%, transparent);
            }
        }
    }

    .placeholder\:text-muted {
        &::placeholder {
            color: var(--color-text-muted);
        }
    }

    .placeholder\:text-white\/30 {
        &::placeholder {
            color: #ffffff4d;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 30%, transparent);
            }
        }
    }

    .placeholder\:text-white\/40 {
        &::placeholder {
            color: #fff6;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 40%, transparent);
            }
        }
    }

    .placeholder\:text-white\/55 {
        &::placeholder {
            color: #ffffff8c;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 55%, transparent);
            }
        }
    }

    .placeholder\:text-white\/60 {
        &::placeholder {
            color: #fff9;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 60%, transparent);
            }
        }
    }

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

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

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

    .before\:origin-bottom {
        &:before {
            content: var(--tw-content);
            transform-origin: bottom;
        }
    }

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

    .before\:animate-none {
        &:before {
            content: var(--tw-content);
            animation: none;
        }
    }

    .before\:bg-\[var\(--color-bg-soft\)\] {
        &:before {
            content: var(--tw-content);
            background-color: var(--color-bg-soft);
        }
    }

    .before\:bg-\[var\(--color-text-muted\)\] {
        &:before {
            content: var(--tw-content);
            background-color: var(--color-text-muted);
        }
    }

    .before\:bg-white\/40 {
        &:before {
            content: var(--tw-content);
            background-color: #fff6;

            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
            }
        }
    }

    .before\:bg-white\/50 {
        &:before {
            content: var(--tw-content);
            background-color: #ffffff80;

            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
            }
        }
    }

    .before\:bg-white\/60 {
        &:before {
            content: var(--tw-content);
            background-color: #fff9;

            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
            }
        }
    }

    .before\:bg-none {
        &:before {
            content: var(--tw-content);
            background-image: none;
        }
    }

    .before\:opacity-60 {
        &:before {
            content: var(--tw-content);
            opacity: 0.6;
        }
    }

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

    .before\:duration-500 {
        &:before {
            content: var(--tw-content);
            --tw-duration: 0.5s;
            transition-duration: 0.5s;
        }
    }

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

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

    .after\:hidden {
        &:after {
            content: var(--tw-content);
            display: none;
        }
    }

    .after\:h-\[0\.07em\] {
        &:after {
            content: var(--tw-content);
            height: 0.07em;
        }
    }

    .after\:rounded-\(--radius-lg\) {
        &:after {
            content: var(--tw-content);
            border-radius: var(--radius-lg);
        }
    }

    .after\:opacity-25 {
        &:after {
            content: var(--tw-content);
            opacity: 0.25;
        }
    }

    .after\:opacity-50 {
        &:after {
            content: var(--tw-content);
            opacity: 0.5;
        }
    }

    .after\:opacity-75 {
        &:after {
            content: var(--tw-content);
            opacity: 0.75;
        }
    }

    .after\:content-\[\'\'\] {
        &:after {
            --tw-content: '';
            content: var(--tw-content);
        }
    }

    .first\:mt-0 {
        &:first-child {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .first\:border-t {
        &:first-child {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .first\:border-t-0 {
        &:first-child {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }
    }

    .first\:pt-0 {
        &:first-child {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .first\:pt-7 {
        &:first-child {
            padding-top: calc(var(--spacing) * 7);
        }
    }

    .first\:pl-0 {
        &:first-child {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .target\:ring-2 {
        &:target {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
                var(--tw-ring-color, currentcolor);
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
                var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .target\:ring-primary {
        &:target {
            --tw-ring-color: var(--color-primary);
        }
    }

    .focus-within\:border-primary {
        &:focus-within {
            border-color: var(--color-primary);
        }
    }

    .focus-within\:bg-\(--custom-tint\) {
        &:focus-within {
            background-color: var(--custom-tint);
        }
    }

    .hover\:-translate-y-1 {
        &:hover {
            @media (hover: hover) {
                --tw-translate-y: calc(var(--spacing) * -1);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

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

    .hover\:scale-110 {
        &:hover {
            @media (hover: hover) {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .hover\:scale-\[1\.02\] {
        &:hover {
            @media (hover: hover) {
                scale: 1.02;
            }
        }
    }

    .hover\:border-\(--color-text\) {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-text);
            }
        }
    }

    .hover\:border-\[var\(--color-border\)\] {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-border);
            }
        }
    }

    .hover\:border-\[var\(--color-primary\)\] {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-primary);
            }
        }
    }

    .hover\:border-\[var\(--color-text\)\] {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-text);
            }
        }
    }

    .hover\:border-\[var\(--color-text-muted\)\] {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-text-muted);
            }
        }
    }

    .hover\:border-accent {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-accent);
            }
        }
    }

    .hover\:border-black\/20 {
        &:hover {
            @media (hover: hover) {
                border-color: #0003;

                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
                }
            }
        }
    }

    .hover\:border-primary {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-primary);
            }
        }
    }

    .hover\:border-primary-200 {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-primary-200);
            }
        }
    }

    .hover\:border-white {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-white);
            }
        }
    }

    .hover\:border-white\/25 {
        &:hover {
            @media (hover: hover) {
                border-color: #ffffff40;

                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
                }
            }
        }
    }

    .hover\:border-white\/40 {
        &:hover {
            @media (hover: hover) {
                border-color: #fff6;

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

    .hover\:border-white\/60 {
        &:hover {
            @media (hover: hover) {
                border-color: #fff9;

                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
                }
            }
        }
    }

    .hover\:border-white\/70 {
        &:hover {
            @media (hover: hover) {
                border-color: #ffffffb3;

                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
                }
            }
        }
    }

    .hover\:bg-\(--color-bg-muted\) {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-bg-muted);
            }
        }
    }

    .hover\:bg-\(--custom-ink\) {
        &:hover {
            @media (hover: hover) {
                background-color: var(--custom-ink);
            }
        }
    }

    .hover\:bg-\(--custom-tint\) {
        &:hover {
            @media (hover: hover) {
                background-color: var(--custom-tint);
            }
        }
    }

    .hover\:bg-\(--custom-tint-deep\) {
        &:hover {
            @media (hover: hover) {
                background-color: var(--custom-tint-deep);
            }
        }
    }

    .hover\:bg-\[var\(--color-bg-muted\)\] {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-bg-muted);
            }
        }
    }

    .hover\:bg-\[var\(--color-dark\)\] {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-dark);
            }
        }
    }

    .hover\:bg-\[var\(--color-surface\)\] {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-surface);
            }
        }
    }

    .hover\:bg-muted {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-bg-muted);
            }
        }
    }

    .hover\:bg-primary {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-primary);
            }
        }
    }

    .hover\:bg-primary-50 {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-primary-50);
            }
        }
    }

    .hover\:bg-primary-hover {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-primary-hover);
            }
        }
    }

    .hover\:bg-soft {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-bg-soft);
            }
        }
    }

    .hover\:bg-white {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-white);
            }
        }
    }

    .hover\:bg-white\/10 {
        &:hover {
            @media (hover: hover) {
                background-color: #ffffff1a;

                @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
                }
            }
        }
    }

    .hover\:bg-white\/90 {
        &:hover {
            @media (hover: hover) {
                background-color: #ffffffe6;

                @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
                }
            }
        }
    }

    .hover\:bg-white\/\[0\.1\] {
        &:hover {
            @media (hover: hover) {
                background-color: #ffffff1a;

                @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
                }
            }
        }
    }

    .hover\:bg-white\/\[0\.07\] {
        &:hover {
            @media (hover: hover) {
                background-color: #ffffff12;

                @supports (color: color-mix(in lab, red, red)) {
                    background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
                }
            }
        }
    }

    .hover\:text-\(--color-primary\) {
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary);
            }
        }
    }

    .hover\:text-\(--color-primary-ink\) {
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary-ink);
            }
        }
    }

    .hover\:text-\(--color-text\) {
        &:hover {
            @media (hover: hover) {
                color: var(--color-text);
            }
        }
    }

    .hover\:text-\(--custom-lit\) {
        &:hover {
            @media (hover: hover) {
                color: var(--custom-lit);
            }
        }
    }

    .hover\:text-\(--custom-primary-lit\) {
        &:hover {
            @media (hover: hover) {
                color: var(--custom-primary-lit);
            }
        }
    }

    .hover\:text-\(--footer-title\) {
        &:hover {
            @media (hover: hover) {
                color: var(--footer-title);
            }
        }
    }

    .hover\:text-\[oklch\(from_var\(--color-primary-300\)_max\(l\,0\.77\)_c_h\)\] {
        &:hover {
            @media (hover: hover) {
                color: oklch(from var(--color-primary-300) max(l, 0.77) c h);
            }
        }
    }

    .hover\:text-\[var\(--color-primary-ink\)\] {
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary-ink);
            }
        }
    }

    .hover\:text-\[var\(--color-text\)\] {
        &:hover {
            @media (hover: hover) {
                color: var(--color-text);
            }
        }
    }

    .hover\:text-accent-ink {
        &:hover {
            @media (hover: hover) {
                color: var(--color-accent-ink);
            }
        }
    }

    .hover\:text-dark {
        &:hover {
            @media (hover: hover) {
                color: var(--color-dark);
            }
        }
    }

    .hover\:text-on-primary {
        &:hover {
            @media (hover: hover) {
                color: var(--color-on-primary);
            }
        }
    }

    .hover\:text-primary-300 {
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary-300);
            }
        }
    }

    .hover\:text-primary-ink {
        &:hover {
            @media (hover: hover) {
                color: var(--color-primary-ink);
            }
        }
    }

    .hover\:text-text {
        &:hover {
            @media (hover: hover) {
                color: var(--color-text);
            }
        }
    }

    .hover\:text-white {
        &:hover {
            @media (hover: hover) {
                color: var(--color-white);
            }
        }
    }

    .hover\:text-white\/75 {
        &:hover {
            @media (hover: hover) {
                color: #ffffffbf;

                @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-white) 75%, transparent);
                }
            }
        }
    }

    .hover\:text-white\/80 {
        &:hover {
            @media (hover: hover) {
                color: #fffc;

                @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-white) 80%, transparent);
                }
            }
        }
    }

    .hover\:underline {
        &:hover {
            @media (hover: hover) {
                text-decoration-line: underline;
            }
        }
    }

    .hover\:decoration-current {
        &:hover {
            @media (hover: hover) {
                text-decoration-color: currentColor;
            }
        }
    }

    .hover\:decoration-white {
        &:hover {
            @media (hover: hover) {
                -webkit-text-decoration-color: var(--color-white);
                text-decoration-color: var(--color-white);
            }
        }
    }

    .hover\:opacity-80 {
        &:hover {
            @media (hover: hover) {
                opacity: 0.8;
            }
        }
    }

    .hover\:opacity-100 {
        &:hover {
            @media (hover: hover) {
                opacity: 1;
            }
        }
    }

    .hover\:shadow-\[0_30px_60px_-30px_rgba\(15\,23\,42\,0\.25\)\] {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 30px 60px -30px var(--tw-shadow-color, #0f172a40);
                box-shadow:
                    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
                    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .hover\:shadow-token-lg {
        &:hover {
            @media (hover: hover) {
                box-shadow: var(--shadow-lg);
            }
        }
    }

    .hover\:shadow-token-md {
        &:hover {
            @media (hover: hover) {
                box-shadow: var(--shadow-md);
            }
        }
    }

    .hover\:before\:scale-y-100 {
        &:hover {
            @media (hover: hover) {
                &:before {
                    content: var(--tw-content);
                    --tw-scale-y: 100%;
                    scale: var(--tw-scale-x) var(--tw-scale-y);
                }
            }
        }
    }

    .focus\:border-white {
        &:focus {
            border-color: var(--color-white);
        }
    }

    .focus\:border-b-white {
        &:focus {
            border-bottom-color: var(--color-white);
        }
    }

    .focus\:bg-white {
        &:focus {
            background-color: var(--color-white);
        }
    }

    .focus\:shadow-none {
        &:focus {
            --tw-shadow: 0 0 #0000;
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
                var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus\:ring-2 {
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
                var(--tw-ring-color, currentcolor);
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
                var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .focus\:ring-\[var\(--color-primary\)\] {
        &:focus {
            --tw-ring-color: var(--color-primary);
        }
    }

    .focus\:outline-none {
        &:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .focus-visible\:text-primary-ink {
        &:focus-visible {
            color: var(--color-primary-ink);
        }
    }

    .focus-visible\:outline-2 {
        &:focus-visible {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .focus-visible\:outline-offset-3 {
        &:focus-visible {
            outline-offset: 3px;
        }
    }

    .focus-visible\:outline-white {
        &:focus-visible {
            outline-color: var(--color-white);
        }
    }

    .in-\[\.is-active\]\:border-transparent {
        :where(.is-active) & {
            border-color: #0000;
        }
    }

    .in-\[\.is-active\]\:bg-primary {
        :where(.is-active) & {
            background-color: var(--color-primary);
        }
    }

    .in-\[\.is-active\]\:text-on-primary {
        :where(.is-active) & {
            color: var(--color-on-primary);
        }
    }

    .has-focus-visible\:outline-2 {
        &:has(:focus-visible) {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .has-focus-visible\:outline-\(--custom-ring\) {
        &:has(:focus-visible) {
            outline-color: var(--custom-ring);
        }
    }

    .has-focus-visible\:outline-primary {
        &:has(:focus-visible) {
            outline-color: var(--color-primary);
        }
    }

    .has-\[\.hscroll--pinned\]\:pb-0 {
        &:has(.hscroll--pinned) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .has-\[\:focus-visible\]\:outline-2 {
        &:has(:focus-visible) {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .has-\[\:focus-visible\]\:outline-offset-2 {
        &:has(:focus-visible) {
            outline-offset: 2px;
        }
    }

    .has-\[\:focus-visible\]\:outline-\[var\(--color-primary\)\] {
        &:has(:focus-visible) {
            outline-color: var(--color-primary);
        }
    }

    .motion-reduce\:py-8 {
        @media (prefers-reduced-motion: reduce) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .motion-reduce\:transition-none {
        @media (prefers-reduced-motion: reduce) {
            transition-property: none;
        }
    }

    .motion-reduce\:group-hover\:scale-100 {
        @media (prefers-reduced-motion: reduce) {
            &:is(:where(.group):hover *) {
                @media (hover: hover) {
                    --tw-scale-x: 100%;
                    --tw-scale-y: 100%;
                    --tw-scale-z: 100%;
                    scale: var(--tw-scale-x) var(--tw-scale-y);
                }
            }
        }
    }

    .max-\[1535px\]\:sr-only {
        @media (width < 1535px) {
            clip-path: inset(50%);
            white-space: nowrap;
            border-width: 0;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            position: absolute;
            overflow: hidden;
        }
    }

    .max-\[1400px\]\:hidden {
        @media (width < 1400px) {
            display: none;
        }
    }

    .max-\[1200px\]\:mx-auto {
        @media (width < 1200px) {
            margin-inline: auto;
        }
    }

    .max-\[1200px\]\:w-full {
        @media (width < 1200px) {
            width: 100%;
        }
    }

    .max-\[1200px\]\:max-w-184 {
        @media (width < 1200px) {
            max-width: calc(var(--spacing) * 184);
        }
    }

    .max-\[991px\]\:hidden {
        @media (width < 991px) {
            display: none;
        }
    }

    .max-\[900px\]\:mb-\[12\%\] {
        @media (width < 900px) {
            margin-bottom: 12%;
        }
    }

    .max-\[899px\]\:hidden {
        @media (width < 899px) {
            display: none;
        }
    }

    .max-\[820px\]\:hidden {
        @media (width < 820px) {
            display: none;
        }
    }

    .max-\[820px\]\:border-t-0 {
        @media (width < 820px) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }
    }

    .max-\[820px\]\:\[grid-area\:kw\] {
        @media (width < 820px) {
            grid-area: kw;
        }
    }

    .max-\[820px\]\:\[grid-area\:now\] {
        @media (width < 820px) {
            grid-area: now;
        }
    }

    .max-\[820px\]\:\[grid-area\:was\] {
        @media (width < 820px) {
            grid-area: was;
        }
    }

    .max-\[560px\]\:gap-3 {
        @media (width < 560px) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .max-\[559px\]\:mt-1\.5 {
        @media (width < 559px) {
            margin-top: calc(var(--spacing) * 1.5);
        }
    }

    .max-\[559px\]\:block {
        @media (width < 559px) {
            display: block;
        }
    }

    .max-\[559px\]\:hidden {
        @media (width < 559px) {
            display: none;
        }
    }

    .max-\[480px\]\:start-\(--container-x\) {
        @media (width < 480px) {
            inset-inline-start: var(--container-x);
        }
    }

    .max-\[480px\]\:order-1 {
        @media (width < 480px) {
            order: 1;
        }
    }

    .max-\[480px\]\:hidden {
        @media (width < 480px) {
            display: none;
        }
    }

    .max-\[480px\]\:size-8 {
        @media (width < 480px) {
            width: calc(var(--spacing) * 8);
            height: calc(var(--spacing) * 8);
        }
    }

    .max-\[480px\]\:w-full {
        @media (width < 480px) {
            width: 100%;
        }
    }

    .max-\[480px\]\:flex-1 {
        @media (width < 480px) {
            flex: 1;
        }
    }

    .max-\[480px\]\:basis-full {
        @media (width < 480px) {
            flex-basis: 100%;
        }
    }

    .max-\[480px\]\:grid-cols-1 {
        @media (width < 480px) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .max-\[480px\]\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width < 480px) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .max-\[480px\]\:grid-cols-\[minmax\(0\,1fr\)_2\.75rem_auto\] {
        @media (width < 480px) {
            grid-template-columns: minmax(0, 1fr) 2.75rem auto;
        }
    }

    .max-\[480px\]\:justify-end {
        @media (width < 480px) {
            justify-content: flex-end;
        }
    }

    .max-\[480px\]\:gap-1\.5 {
        @media (width < 480px) {
            gap: calc(var(--spacing) * 1.5);
        }
    }

    .max-\[480px\]\:gap-2 {
        @media (width < 480px) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .max-\[480px\]\:gap-2\.5 {
        @media (width < 480px) {
            gap: calc(var(--spacing) * 2.5);
        }
    }

    .max-\[480px\]\:px-5\.5 {
        @media (width < 480px) {
            padding-inline: calc(var(--spacing) * 5.5);
        }
    }

    .max-\[480px\]\:pr-3\.5 {
        @media (width < 480px) {
            padding-right: calc(var(--spacing) * 3.5);
        }
    }

    .max-\[480px\]\:pl-2 {
        @media (width < 480px) {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .max-\[480px\]\:pl-3 {
        @media (width < 480px) {
            padding-left: calc(var(--spacing) * 3);
        }
    }

    .max-\[480px\]\:text-\[0\.9375rem\] {
        @media (width < 480px) {
            font-size: 0.9375rem;
        }
    }

    .max-\[480px\]\:text-\[1\.25rem\] {
        @media (width < 480px) {
            font-size: 1.25rem;
        }
    }

    .max-\[480px\]\:text-\[2\.125rem\] {
        @media (width < 480px) {
            font-size: 2.125rem;
        }
    }

    .max-\[479px\]\:hidden {
        @media (width < 479px) {
            display: none;
        }
    }

    .max-\[380px\]\:grid {
        @media (width < 380px) {
            display: grid;
        }
    }

    .max-\[380px\]\:hidden {
        @media (width < 380px) {
            display: none;
        }
    }

    .max-\[380px\]\:justify-self-stretch {
        @media (width < 380px) {
            justify-self: stretch;
        }
    }

    .max-2xl\:hidden {
        @media (width < 96rem) {
            display: none;
        }
    }

    .max-\[90rem\]\:hidden {
        @media (width < 90rem) {
            display: none;
        }
    }

    .max-xl\:sr-only {
        @media (width < 80rem) {
            clip-path: inset(50%);
            white-space: nowrap;
            border-width: 0;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            position: absolute;
            overflow: hidden;
        }
    }

    .max-xl\:absolute {
        @media (width < 80rem) {
            position: absolute;
        }
    }

    .max-xl\:static {
        @media (width < 80rem) {
            position: static;
        }
    }

    .max-xl\:top-1\/2 {
        @media (width < 80rem) {
            top: 50%;
        }
    }

    .max-xl\:col-\[1\] {
        @media (width < 80rem) {
            grid-column: 1;
        }
    }

    .max-xl\:col-\[1_\/_3\] {
        @media (width < 80rem) {
            grid-column: 1 / 3;
        }
    }

    .max-xl\:col-\[2\] {
        @media (width < 80rem) {
            grid-column: 2;
        }
    }

    .max-xl\:col-\[3\] {
        @media (width < 80rem) {
            grid-column: 3;
        }
    }

    .max-xl\:col-span-full {
        @media (width < 80rem) {
            grid-column: 1 / -1;
        }
    }

    .max-xl\:row-\[1_\/_span_4\] {
        @media (width < 80rem) {
            grid-row: 1 / span 4;
        }
    }

    .max-xl\:row-\[2_\/_span_2\] {
        @media (width < 80rem) {
            grid-row: 2 / span 2;
        }
    }

    .max-xl\:row-\[3\] {
        @media (width < 80rem) {
            grid-row: 3;
        }
    }

    .max-xl\:row-\[span_2\] {
        @media (width < 80rem) {
            grid-row: span 2;
        }
    }

    .max-xl\:m-0 {
        @media (width < 80rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:mx-auto {
        @media (width < 80rem) {
            margin-inline: auto;
        }
    }

    .max-xl\:mt-3 {
        @media (width < 80rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .max-xl\:mt-3\.5 {
        @media (width < 80rem) {
            margin-top: calc(var(--spacing) * 3.5);
        }
    }

    .max-xl\:mr-0 {
        @media (width < 80rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:mb-\(--custom-head-space\) {
        @media (width < 80rem) {
            margin-bottom: var(--custom-head-space);
        }
    }

    .max-xl\:mb-2 {
        @media (width < 80rem) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .max-xl\:grid {
        @media (width < 80rem) {
            display: grid;
        }
    }

    .max-xl\:hidden {
        @media (width < 80rem) {
            display: none;
        }
    }

    .max-xl\:hidden\! {
        @media (width < 80rem) {
            display: none !important;
        }
    }

    .max-xl\:size-px {
        @media (width < 80rem) {
            width: 1px;
            height: 1px;
        }
    }

    .max-xl\:w-72 {
        @media (width < 80rem) {
            width: calc(var(--spacing) * 72);
        }
    }

    .max-xl\:w-full {
        @media (width < 80rem) {
            width: 100%;
        }
    }

    .max-xl\:max-w-160 {
        @media (width < 80rem) {
            max-width: calc(var(--spacing) * 160);
        }
    }

    .max-xl\:max-w-\[35rem\] {
        @media (width < 80rem) {
            max-width: 35rem;
        }
    }

    .max-xl\:max-w-\[40rem\] {
        @media (width < 80rem) {
            max-width: 40rem;
        }
    }

    .max-xl\:grid-cols-1 {
        @media (width < 80rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .max-xl\:grid-cols-2 {
        @media (width < 80rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .max-xl\:grid-cols-3 {
        @media (width < 80rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .max-xl\:grid-cols-4 {
        @media (width < 80rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .max-xl\:grid-cols-\[5\.75rem_auto_minmax\(0\,1fr\)\] {
        @media (width < 80rem) {
            grid-template-columns: 5.75rem auto minmax(0, 1fr);
        }
    }

    .max-xl\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
        @media (width < 80rem) {
            grid-template-columns: auto minmax(0, 1fr) auto;
        }
    }

    .max-xl\:grid-cols-\[auto_repeat\(2\,minmax\(0\,1fr\)\)\] {
        @media (width < 80rem) {
            grid-template-columns: auto repeat(2, minmax(0, 1fr));
        }
    }

    .max-xl\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width < 80rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        }
    }

    .max-xl\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
        @media (width < 80rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1fr);
        }
    }

    .max-xl\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width < 80rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .max-xl\:flex-row {
        @media (width < 80rem) {
            flex-direction: row;
        }
    }

    .max-xl\:\[align-items\:end\] {
        @media (width < 80rem) {
            align-items: end;
        }
    }

    .max-xl\:items-baseline {
        @media (width < 80rem) {
            align-items: baseline;
        }
    }

    .max-xl\:items-center {
        @media (width < 80rem) {
            align-items: center;
        }
    }

    .max-xl\:gap-1 {
        @media (width < 80rem) {
            gap: calc(var(--spacing) * 1);
        }
    }

    .max-xl\:gap-x-5 {
        @media (width < 80rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .max-xl\:gap-x-8 {
        @media (width < 80rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .max-xl\:gap-x-12 {
        @media (width < 80rem) {
            column-gap: calc(var(--spacing) * 12);
        }
    }

    .max-xl\:gap-x-\[clamp\(1\.5rem\,4vw\,3rem\)\] {
        @media (width < 80rem) {
            column-gap: clamp(1.5rem, 4vw, 3rem);
        }
    }

    .max-xl\:gap-y-0 {
        @media (width < 80rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:gap-y-3 {
        @media (width < 80rem) {
            row-gap: calc(var(--spacing) * 3);
        }
    }

    .max-xl\:gap-y-7 {
        @media (width < 80rem) {
            row-gap: calc(var(--spacing) * 7);
        }
    }

    .max-xl\:justify-self-end {
        @media (width < 80rem) {
            justify-self: flex-end;
        }
    }

    .max-xl\:overflow-hidden {
        @media (width < 80rem) {
            overflow: hidden;
        }
    }

    .max-xl\:overflow-x-auto {
        @media (width < 80rem) {
            overflow-x: auto;
        }
    }

    .max-xl\:border-0 {
        @media (width < 80rem) {
            border-style: var(--tw-border-style);
            border-width: 0;
        }
    }

    .max-xl\:border-l-0 {
        @media (width < 80rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 0;
        }
    }

    .max-xl\:p-0 {
        @media (width < 80rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:px-0 {
        @media (width < 80rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:py-3 {
        @media (width < 80rem) {
            padding-block: calc(var(--spacing) * 3);
        }
    }

    .max-xl\:pt-0 {
        @media (width < 80rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:pt-3 {
        @media (width < 80rem) {
            padding-top: calc(var(--spacing) * 3);
        }
    }

    .max-xl\:pt-8 {
        @media (width < 80rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .max-xl\:pb-2 {
        @media (width < 80rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .max-xl\:pl-0 {
        @media (width < 80rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .max-xl\:text-\[1\.375rem\] {
        @media (width < 80rem) {
            font-size: 1.375rem;
        }
    }

    .max-xl\:text-\[1rem\] {
        @media (width < 80rem) {
            font-size: 1rem;
        }
    }

    .max-xl\:whitespace-nowrap {
        @media (width < 80rem) {
            white-space: nowrap;
        }
    }

    .max-\[75rem\]\:col-span-full {
        @media (width < 75rem) {
            grid-column: 1 / -1;
        }
    }

    .max-\[75rem\]\:hidden {
        @media (width < 75rem) {
            display: none;
        }
    }

    .max-\[75rem\]\:aspect-\[4\/3\.4\] {
        @media (width < 75rem) {
            aspect-ratio: 4 / 3.4;
        }
    }

    .max-\[75rem\]\:aspect-video {
        @media (width < 75rem) {
            aspect-ratio: var(--aspect-video);
        }
    }

    .max-\[75rem\]\:max-w-160 {
        @media (width < 75rem) {
            max-width: calc(var(--spacing) * 160);
        }
    }

    .max-\[75rem\]\:max-w-168 {
        @media (width < 75rem) {
            max-width: calc(var(--spacing) * 168);
        }
    }

    .max-\[75rem\]\:grid-cols-2 {
        @media (width < 75rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .max-\[75rem\]\:grid-cols-3 {
        @media (width < 75rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .max-\[75rem\]\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width < 75rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        }
    }

    .max-\[68\.75rem\]\:mx-auto {
        @media (width < 68.75rem) {
            margin-inline: auto;
        }
    }

    .max-\[68\.75rem\]\:w-full {
        @media (width < 68.75rem) {
            width: 100%;
        }
    }

    .max-\[68\.75rem\]\:max-w-144 {
        @media (width < 68.75rem) {
            max-width: calc(var(--spacing) * 144);
        }
    }

    .max-\[68\.75rem\]\:max-w-160 {
        @media (width < 68.75rem) {
            max-width: calc(var(--spacing) * 160);
        }
    }

    .max-lg\:absolute {
        @media (width < 64rem) {
            position: absolute;
        }
    }

    .max-lg\:relative {
        @media (width < 64rem) {
            position: relative;
        }
    }

    .max-lg\:static {
        @media (width < 64rem) {
            position: static;
        }
    }

    .max-lg\:sticky {
        @media (width < 64rem) {
            position: sticky;
        }
    }

    .max-lg\:inset-auto {
        @media (width < 64rem) {
            inset: auto;
        }
    }

    .max-lg\:-start-2 {
        @media (width < 64rem) {
            inset-inline-start: calc(var(--spacing) * -2);
        }
    }

    .max-lg\:-end-2 {
        @media (width < 64rem) {
            inset-inline-end: calc(var(--spacing) * -2);
        }
    }

    .max-lg\:top-\(--cs-pad\) {
        @media (width < 64rem) {
            top: var(--cs-pad);
        }
    }

    .max-lg\:top-\(--header-h\) {
        @media (width < 64rem) {
            top: var(--header-h);
        }
    }

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

    .max-lg\:top-4 {
        @media (width < 64rem) {
            top: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:top-\[5cqh\] {
        @media (width < 64rem) {
            top: 5cqh;
        }
    }

    .max-lg\:top-\[calc\(var\(--custom-frame-h\)_-_var\(--custom-inset\)_-_5\.25rem\)\] {
        @media (width < 64rem) {
            top: calc(var(--custom-frame-h) - var(--custom-inset) - 5.25rem);
        }
    }

    .max-lg\:top-\[calc\(var\(--header-h\,5\.5rem\)\+1rem\)\] {
        @media (width < 64rem) {
            top: calc(var(--header-h, 5.5rem) + 1rem);
        }
    }

    .max-lg\:top-auto {
        @media (width < 64rem) {
            top: auto;
        }
    }

    .max-lg\:right-2 {
        @media (width < 64rem) {
            right: calc(var(--spacing) * 2);
        }
    }

    .max-lg\:right-4 {
        @media (width < 64rem) {
            right: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:bottom-\[6\%\] {
        @media (width < 64rem) {
            bottom: 6%;
        }
    }

    .max-lg\:bottom-auto {
        @media (width < 64rem) {
            bottom: auto;
        }
    }

    .max-lg\:-left-3 {
        @media (width < 64rem) {
            left: calc(var(--spacing) * -3);
        }
    }

    .max-lg\:left-\(--cs-pad\) {
        @media (width < 64rem) {
            left: var(--cs-pad);
        }
    }

    .max-lg\:left-auto {
        @media (width < 64rem) {
            left: auto;
        }
    }

    .max-lg\:z-5 {
        @media (width < 64rem) {
            z-index: 5;
        }
    }

    .max-lg\:-order-1 {
        @media (width < 64rem) {
            order: calc(1 * -1);
        }
    }

    .max-lg\:order-0 {
        @media (width < 64rem) {
            order: 0;
        }
    }

    .max-lg\:order-1 {
        @media (width < 64rem) {
            order: 1;
        }
    }

    .max-lg\:order-2 {
        @media (width < 64rem) {
            order: 2;
        }
    }

    .max-lg\:order-3 {
        @media (width < 64rem) {
            order: 3;
        }
    }

    .max-lg\:order-first {
        @media (width < 64rem) {
            order: -9999;
        }
    }

    .max-lg\:order-last {
        @media (width < 64rem) {
            order: 9999;
        }
    }

    .max-lg\:col-\[1\] {
        @media (width < 64rem) {
            grid-column: 1;
        }
    }

    .max-lg\:col-\[1_\/_3\] {
        @media (width < 64rem) {
            grid-column: 1 / 3;
        }
    }

    .max-lg\:col-\[2\] {
        @media (width < 64rem) {
            grid-column: 2;
        }
    }

    .max-lg\:col-\[auto\] {
        @media (width < 64rem) {
            grid-column: auto;
        }
    }

    .max-lg\:col-\[span_1\] {
        @media (width < 64rem) {
            grid-column: span 1;
        }
    }

    .max-lg\:col-\[span_6\] {
        @media (width < 64rem) {
            grid-column: span 6;
        }
    }

    .max-lg\:col-span-2 {
        @media (width < 64rem) {
            grid-column: span 2 / span 2;
        }
    }

    .max-lg\:col-span-full {
        @media (width < 64rem) {
            grid-column: 1 / -1;
        }
    }

    .max-lg\:row-\[3\] {
        @media (width < 64rem) {
            grid-row: 3;
        }
    }

    .max-lg\:row-\[auto\] {
        @media (width < 64rem) {
            grid-row: auto;
        }
    }

    .max-lg\:m-0 {
        @media (width < 64rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:-mx-\(--container-x\) {
        @media (width < 64rem) {
            margin-inline: calc(var(--container-x) * -1);
        }
    }

    .max-lg\:-mx-\[var\(--container-x\)\] {
        @media (width < 64rem) {
            margin-inline: calc(var(--container-x) * -1);
        }
    }

    .max-lg\:mx-4 {
        @media (width < 64rem) {
            margin-inline: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:mx-\[calc\(-1_\*_var\(--container-x\)\)\] {
        @media (width < 64rem) {
            margin-inline: calc(-1 * var(--container-x));
        }
    }

    .max-lg\:mx-auto {
        @media (width < 64rem) {
            margin-inline: auto;
        }
    }

    .max-lg\:-mt-12 {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * -12);
        }
    }

    .max-lg\:mt-1 {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .max-lg\:mt-3 {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .max-lg\:mt-6 {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .max-lg\:mt-7 {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * 7);
        }
    }

    .max-lg\:mt-20 {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .max-lg\:mb-0 {
        @media (width < 64rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:mb-4 {
        @media (width < 64rem) {
            margin-bottom: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:ml-0 {
        @media (width < 64rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:ml-1 {
        @media (width < 64rem) {
            margin-left: calc(var(--spacing) * 1);
        }
    }

    .max-lg\:ml-auto {
        @media (width < 64rem) {
            margin-left: auto;
        }
    }

    .max-lg\:block {
        @media (width < 64rem) {
            display: block;
        }
    }

    .max-lg\:flex {
        @media (width < 64rem) {
            display: flex;
        }
    }

    .max-lg\:grid {
        @media (width < 64rem) {
            display: grid;
        }
    }

    .max-lg\:hidden {
        @media (width < 64rem) {
            display: none;
        }
    }

    .max-lg\:inline-block {
        @media (width < 64rem) {
            display: inline-block;
        }
    }

    .max-lg\:inline-flex {
        @media (width < 64rem) {
            display: inline-flex;
        }
    }

    .max-lg\:aspect-4\/3 {
        @media (width < 64rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .max-lg\:aspect-16\/10 {
        @media (width < 64rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .max-lg\:aspect-\[4\/3\.6\] {
        @media (width < 64rem) {
            aspect-ratio: 4 / 3.6;
        }
    }

    .max-lg\:aspect-\[4\/3\] {
        @media (width < 64rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .max-lg\:aspect-\[5\/4\] {
        @media (width < 64rem) {
            aspect-ratio: 5 / 4;
        }
    }

    .max-lg\:aspect-\[16\/10\] {
        @media (width < 64rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .max-lg\:aspect-\[16\/11\] {
        @media (width < 64rem) {
            aspect-ratio: 16 / 11;
        }
    }

    .max-lg\:aspect-\[var\(--custom-tray-ratio\)\] {
        @media (width < 64rem) {
            aspect-ratio: var(--custom-tray-ratio);
        }
    }

    .max-lg\:aspect-video {
        @media (width < 64rem) {
            aspect-ratio: var(--aspect-video);
        }
    }

    .max-lg\:size-11 {
        @media (width < 64rem) {
            width: calc(var(--spacing) * 11);
            height: calc(var(--spacing) * 11);
        }
    }

    .max-lg\:h-\(--sb-height\) {
        @media (width < 64rem) {
            height: var(--sb-height);
        }
    }

    .max-lg\:h-10 {
        @media (width < 64rem) {
            height: calc(var(--spacing) * 10);
        }
    }

    .max-lg\:h-11 {
        @media (width < 64rem) {
            height: calc(var(--spacing) * 11);
        }
    }

    .max-lg\:h-\[calc\(min\(125vw\,40rem\)\+var\(--header-h-rest\,var\(--header-h\)\)\)\] {
        @media (width < 64rem) {
            height: calc(min(125vw, 40rem) + var(--header-h-rest, var(--header-h)));
        }
    }

    .max-lg\:h-\[clamp\(30rem\,72vw\,38rem\)\] {
        @media (width < 64rem) {
            height: clamp(30rem, 72vw, 38rem);
        }
    }

    .max-lg\:h-auto {
        @media (width < 64rem) {
            height: auto;
        }
    }

    .max-lg\:max-h-\[34rem\] {
        @media (width < 64rem) {
            max-height: 34rem;
        }
    }

    .max-lg\:max-h-\[40rem\] {
        @media (width < 64rem) {
            max-height: 40rem;
        }
    }

    .max-lg\:min-h-0 {
        @media (width < 64rem) {
            min-height: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:min-h-56 {
        @media (width < 64rem) {
            min-height: calc(var(--spacing) * 56);
        }
    }

    .max-lg\:min-h-104 {
        @media (width < 64rem) {
            min-height: calc(var(--spacing) * 104);
        }
    }

    .max-lg\:w-21 {
        @media (width < 64rem) {
            width: calc(var(--spacing) * 21);
        }
    }

    .max-lg\:w-\[min\(78\%\,22rem\)\] {
        @media (width < 64rem) {
            width: min(78%, 22rem);
        }
    }

    .max-lg\:w-\[min\(100\%\,24rem\)\] {
        @media (width < 64rem) {
            width: min(100%, 24rem);
        }
    }

    .max-lg\:w-auto {
        @media (width < 64rem) {
            width: auto;
        }
    }

    .max-lg\:w-full {
        @media (width < 64rem) {
            width: 100%;
        }
    }

    .max-lg\:max-w-104 {
        @media (width < 64rem) {
            max-width: calc(var(--spacing) * 104);
        }
    }

    .max-lg\:max-w-112 {
        @media (width < 64rem) {
            max-width: calc(var(--spacing) * 112);
        }
    }

    .max-lg\:max-w-120 {
        @media (width < 64rem) {
            max-width: calc(var(--spacing) * 120);
        }
    }

    .max-lg\:max-w-144 {
        @media (width < 64rem) {
            max-width: calc(var(--spacing) * 144);
        }
    }

    .max-lg\:max-w-160 {
        @media (width < 64rem) {
            max-width: calc(var(--spacing) * 160);
        }
    }

    .max-lg\:max-w-\[28rem\] {
        @media (width < 64rem) {
            max-width: 28rem;
        }
    }

    .max-lg\:max-w-\[30rem\] {
        @media (width < 64rem) {
            max-width: 30rem;
        }
    }

    .max-lg\:max-w-\[calc\(50\%-0\.75rem\)\] {
        @media (width < 64rem) {
            max-width: calc(50% - 0.75rem);
        }
    }

    .max-lg\:max-w-md {
        @media (width < 64rem) {
            max-width: var(--container-md);
        }
    }

    .max-lg\:max-w-none {
        @media (width < 64rem) {
            max-width: none;
        }
    }

    .max-lg\:max-w-xl {
        @media (width < 64rem) {
            max-width: var(--container-xl);
        }
    }

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

    .max-lg\:flex-\[0_0_7\.5rem\] {
        @media (width < 64rem) {
            flex: 0 0 7.5rem;
        }
    }

    .max-lg\:flex-none {
        @media (width < 64rem) {
            flex: none;
        }
    }

    .max-lg\:\[scrollbar-width\:none\] {
        @media (width < 64rem) {
            scrollbar-width: none;
        }
    }

    .max-lg\:auto-cols-\[min\(17rem\,72vw\)\] {
        @media (width < 64rem) {
            grid-auto-columns: min(17rem, 72vw);
        }
    }

    .max-lg\:grid-flow-col {
        @media (width < 64rem) {
            grid-auto-flow: column;
        }
    }

    .max-lg\:grid-cols-1 {
        @media (width < 64rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .max-lg\:grid-cols-2 {
        @media (width < 64rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .max-lg\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width < 64rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .max-lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] {
        @media (width < 64rem) {
            grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
        }
    }

    .max-lg\:grid-cols-none {
        @media (width < 64rem) {
            grid-template-columns: none;
        }
    }

    .max-lg\:flex-col {
        @media (width < 64rem) {
            flex-direction: column;
        }
    }

    .max-lg\:flex-wrap {
        @media (width < 64rem) {
            flex-wrap: wrap;
        }
    }

    .max-lg\:justify-center {
        @media (width < 64rem) {
            justify-content: center;
        }
    }

    .max-lg\:gap-4 {
        @media (width < 64rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:gap-5 {
        @media (width < 64rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .max-lg\:gap-x-5 {
        @media (width < 64rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .max-lg\:gap-x-6 {
        @media (width < 64rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .max-lg\:gap-y-4 {
        @media (width < 64rem) {
            row-gap: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:gap-y-5 {
        @media (width < 64rem) {
            row-gap: calc(var(--spacing) * 5);
        }
    }

    .max-lg\:gap-y-7 {
        @media (width < 64rem) {
            row-gap: calc(var(--spacing) * 7);
        }
    }

    .max-lg\:gap-y-8 {
        @media (width < 64rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .max-lg\:gap-y-10 {
        @media (width < 64rem) {
            row-gap: calc(var(--spacing) * 10);
        }
    }

    .max-lg\:gap-y-11 {
        @media (width < 64rem) {
            row-gap: calc(var(--spacing) * 11);
        }
    }

    .max-lg\:\[justify-self\:end\] {
        @media (width < 64rem) {
            justify-self: end;
        }
    }

    .max-lg\:\[justify-self\:start\] {
        @media (width < 64rem) {
            justify-self: start;
        }
    }

    .max-lg\:\[justify-self\:stretch\] {
        @media (width < 64rem) {
            justify-self: stretch;
        }
    }

    .max-lg\:justify-self-stretch {
        @media (width < 64rem) {
            justify-self: stretch;
        }
    }

    .max-lg\:overflow-visible {
        @media (width < 64rem) {
            overflow: visible;
        }
    }

    .max-lg\:overflow-x-auto {
        @media (width < 64rem) {
            overflow-x: auto;
        }
    }

    .max-lg\:rounded-lg {
        @media (width < 64rem) {
            border-radius: var(--radius-lg);
        }
    }

    .max-lg\:border-0 {
        @media (width < 64rem) {
            border-style: var(--tw-border-style);
            border-width: 0;
        }
    }

    .max-lg\:border-s-0 {
        @media (width < 64rem) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 0;
        }
    }

    .max-lg\:border-t {
        @media (width < 64rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .max-lg\:border-b {
        @media (width < 64rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .max-lg\:border-l-0 {
        @media (width < 64rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 0;
        }
    }

    .max-lg\:border-none {
        @media (width < 64rem) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .max-lg\:border-\(--color-border\) {
        @media (width < 64rem) {
            border-color: var(--color-border);
        }
    }

    .max-lg\:border-default {
        @media (width < 64rem) {
            border-color: var(--color-border);
        }
    }

    .max-lg\:border-t-\(--custom-line\) {
        @media (width < 64rem) {
            border-top-color: var(--custom-line);
        }
    }

    .max-lg\:bg-\(--color-bg\)\/90 {
        @media (width < 64rem) {
            background-color: var(--color-bg);

            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-bg) 90%, transparent);
            }
        }
    }

    .max-lg\:bg-\(--color-surface\) {
        @media (width < 64rem) {
            background-color: var(--color-surface);
        }
    }

    .max-lg\:bg-muted {
        @media (width < 64rem) {
            background-color: var(--color-bg-muted);
        }
    }

    .max-lg\:bg-white {
        @media (width < 64rem) {
            background-color: var(--color-white);
        }
    }

    .max-lg\:bg-white\/90 {
        @media (width < 64rem) {
            background-color: #ffffffe6;

            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
            }
        }
    }

    .max-lg\:via-black\/60 {
        @media (width < 64rem) {
            --tw-gradient-via: #0009;

            @supports (color: color-mix(in lab, red, red)) {
                --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, 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);
        }
    }

    .max-lg\:to-black\/45 {
        @media (width < 64rem) {
            --tw-gradient-to: #00000073;

            @supports (color: color-mix(in lab, red, red)) {
                --tw-gradient-to: color-mix(in oklab, var(--color-black) 45%, 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)
            );
        }
    }

    .max-lg\:\[mask-image\:linear-gradient\(to_right\,transparent_0\,black_20px\,black_calc\(100\%-40px\)\,transparent_100\%\)\] {
        @media (width < 64rem) {
            mask-image: linear-gradient(to right, #0000 0, #000 20px calc(100% - 40px), #0000 100%);
        }
    }

    .max-lg\:object-\[50\%_4\%\] {
        @media (width < 64rem) {
            object-position: 50% 4%;
        }
    }

    .max-lg\:object-\[50\%_35\%\] {
        @media (width < 64rem) {
            object-position: 50% 35%;
        }
    }

    .max-lg\:object-\[68\%_40\%\] {
        @media (width < 64rem) {
            object-position: 68% 40%;
        }
    }

    .max-lg\:p-0 {
        @media (width < 64rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:p-5 {
        @media (width < 64rem) {
            padding: calc(var(--spacing) * 5);
        }
    }

    .max-lg\:px-\(--container-x\) {
        @media (width < 64rem) {
            padding-inline: var(--container-x);
        }
    }

    .max-lg\:px-\(--custom-inset\) {
        @media (width < 64rem) {
            padding-inline: var(--custom-inset);
        }
    }

    .max-lg\:px-0 {
        @media (width < 64rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:px-2 {
        @media (width < 64rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .max-lg\:px-3 {
        @media (width < 64rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .max-lg\:px-3\.5 {
        @media (width < 64rem) {
            padding-inline: calc(var(--spacing) * 3.5);
        }
    }

    .max-lg\:px-4\.5 {
        @media (width < 64rem) {
            padding-inline: calc(var(--spacing) * 4.5);
        }
    }

    .max-lg\:px-\[clamp\(0\.75rem\,3vw\,2rem\)\] {
        @media (width < 64rem) {
            padding-inline: clamp(0.75rem, 3vw, 2rem);
        }
    }

    .max-lg\:px-\[var\(--container-x\)\] {
        @media (width < 64rem) {
            padding-inline: var(--container-x);
        }
    }

    .max-lg\:py-2 {
        @media (width < 64rem) {
            padding-block: calc(var(--spacing) * 2);
        }
    }

    .max-lg\:py-2\.5 {
        @media (width < 64rem) {
            padding-block: calc(var(--spacing) * 2.5);
        }
    }

    .max-lg\:py-3 {
        @media (width < 64rem) {
            padding-block: calc(var(--spacing) * 3);
        }
    }

    .max-lg\:ps-0 {
        @media (width < 64rem) {
            padding-inline-start: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:ps-3\.5 {
        @media (width < 64rem) {
            padding-inline-start: calc(var(--spacing) * 3.5);
        }
    }

    .max-lg\:pe-4 {
        @media (width < 64rem) {
            padding-inline-end: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:pt-\(--custom-inset\) {
        @media (width < 64rem) {
            padding-top: var(--custom-inset);
        }
    }

    .max-lg\:pt-0 {
        @media (width < 64rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:pt-4 {
        @media (width < 64rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)_\+_0\.75rem\)\] {
        @media (width < 64rem) {
            padding-top: calc(var(--header-h-rest, var(--header-h)) + 0.75rem);
        }
    }

    .max-lg\:pr-10 {
        @media (width < 64rem) {
            padding-right: calc(var(--spacing) * 10);
        }
    }

    .max-lg\:pr-38 {
        @media (width < 64rem) {
            padding-right: calc(var(--spacing) * 38);
        }
    }

    .max-lg\:pb-0 {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:pb-2 {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .max-lg\:pb-4 {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .max-lg\:pb-5 {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 5);
        }
    }

    .max-lg\:pb-9 {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 9);
        }
    }

    .max-lg\:pb-18 {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 18);
        }
    }

    .max-lg\:pb-\[calc\(var\(--roi-pad\)_\+_1\.5rem\)\] {
        @media (width < 64rem) {
            padding-bottom: calc(var(--roi-pad) + 1.5rem);
        }
    }

    .max-lg\:pb-\[clamp\(3\.5rem\,10vw\,5rem\)\] {
        @media (width < 64rem) {
            padding-bottom: clamp(3.5rem, 10vw, 5rem);
        }
    }

    .max-lg\:pl-0 {
        @media (width < 64rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .max-lg\:pl-\[clamp\(1rem\,2vw\,1\.5rem\)\] {
        @media (width < 64rem) {
            padding-left: clamp(1rem, 2vw, 1.5rem);
        }
    }

    .max-lg\:text-\[0\.8125rem\] {
        @media (width < 64rem) {
            font-size: 0.8125rem;
        }
    }

    .max-lg\:text-\[0\.9375rem\] {
        @media (width < 64rem) {
            font-size: 0.9375rem;
        }
    }

    .max-lg\:text-\[1\.25rem\] {
        @media (width < 64rem) {
            font-size: 1.25rem;
        }
    }

    .max-lg\:text-\[1\.125rem\] {
        @media (width < 64rem) {
            font-size: 1.125rem;
        }
    }

    .max-lg\:text-\[1\.375rem\] {
        @media (width < 64rem) {
            font-size: 1.375rem;
        }
    }

    .max-lg\:text-\[1rem\] {
        @media (width < 64rem) {
            font-size: 1rem;
        }
    }

    .max-lg\:tracking-\[0\.2em\] {
        @media (width < 64rem) {
            --tw-tracking: 0.2em;
            letter-spacing: 0.2em;
        }
    }

    .max-lg\:whitespace-nowrap {
        @media (width < 64rem) {
            white-space: nowrap;
        }
    }

    .max-lg\:text-text {
        @media (width < 64rem) {
            color: var(--color-text);
        }
    }

    .max-lg\:shadow-token-md {
        @media (width < 64rem) {
            box-shadow: var(--shadow-md);
        }
    }

    .max-lg\:shadow-token-xs {
        @media (width < 64rem) {
            box-shadow: var(--shadow-xs);
        }
    }

    .max-lg\:backdrop-blur-md {
        @media (width < 64rem) {
            --tw-backdrop-blur: blur(var(--blur-md));
            -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,);
        }
    }

    .max-lg\:\[--custom-badge-size\:7\.5rem\] {
        @media (width < 64rem) {
            --custom-badge-size: 7.5rem;
        }
    }

    .max-lg\:odd\:border-r {
        @media (width < 64rem) {
            &:nth-child(odd) {
                border-right-style: var(--tw-border-style);
                border-right-width: 1px;
            }
        }
    }

    .max-\[56\.25rem\]\:top-7 {
        @media (width < 56.25rem) {
            top: calc(var(--spacing) * 7);
        }
    }

    .max-\[56\.25rem\]\:right-7 {
        @media (width < 56.25rem) {
            right: calc(var(--spacing) * 7);
        }
    }

    .max-\[56\.25rem\]\:col-span-full {
        @media (width < 56.25rem) {
            grid-column: 1 / -1;
        }
    }

    .max-\[56\.25rem\]\:pt-10 {
        @media (width < 56.25rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .max-md\:sr-only {
        @media (width < 48rem) {
            clip-path: inset(50%);
            white-space: nowrap;
            border-width: 0;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            position: absolute;
            overflow: hidden;
        }
    }

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

    .max-md\:relative {
        @media (width < 48rem) {
            position: relative;
        }
    }

    .max-md\:static {
        @media (width < 48rem) {
            position: static;
        }
    }

    .max-md\:sticky {
        @media (width < 48rem) {
            position: sticky;
        }
    }

    .max-md\:inset-x-3 {
        @media (width < 48rem) {
            inset-inline: calc(var(--spacing) * 3);
        }
    }

    .max-md\:start-4 {
        @media (width < 48rem) {
            inset-inline-start: calc(var(--spacing) * 4);
        }
    }

    .max-md\:end-\(--container-x\) {
        @media (width < 48rem) {
            inset-inline-end: var(--container-x);
        }
    }

    .max-md\:end-0 {
        @media (width < 48rem) {
            inset-inline-end: calc(var(--spacing) * 0);
        }
    }

    .max-md\:end-2 {
        @media (width < 48rem) {
            inset-inline-end: calc(var(--spacing) * 2);
        }
    }

    .max-md\:end-4 {
        @media (width < 48rem) {
            inset-inline-end: calc(var(--spacing) * 4);
        }
    }

    .max-md\:-top-4 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * -4);
        }
    }

    .max-md\:-top-5 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * -5);
        }
    }

    .max-md\:-top-8 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * -8);
        }
    }

    .max-md\:top-0 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .max-md\:top-2 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * 2);
        }
    }

    .max-md\:top-2\.5 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:top-3 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * 3);
        }
    }

    .max-md\:top-3\.5 {
        @media (width < 48rem) {
            top: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:top-\[2\%\] {
        @media (width < 48rem) {
            top: 2%;
        }
    }

    .max-md\:top-\[4\%\] {
        @media (width < 48rem) {
            top: 4%;
        }
    }

    .max-md\:top-\[10\%\] {
        @media (width < 48rem) {
            top: 10%;
        }
    }

    .max-md\:top-\[34\%\] {
        @media (width < 48rem) {
            top: 34%;
        }
    }

    .max-md\:top-\[50\%\] {
        @media (width < 48rem) {
            top: 50%;
        }
    }

    .max-md\:top-\[62\%\] {
        @media (width < 48rem) {
            top: 62%;
        }
    }

    .max-md\:top-\[calc\(var\(--header-h\)_-_0\.5rem\)\] {
        @media (width < 48rem) {
            top: calc(var(--header-h) - 0.5rem);
        }
    }

    .max-md\:top-auto {
        @media (width < 48rem) {
            top: auto;
        }
    }

    .max-md\:-right-44 {
        @media (width < 48rem) {
            right: calc(var(--spacing) * -44);
        }
    }

    .max-md\:-right-48 {
        @media (width < 48rem) {
            right: calc(var(--spacing) * -48);
        }
    }

    .max-md\:right-0 {
        @media (width < 48rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .max-md\:right-3 {
        @media (width < 48rem) {
            right: calc(var(--spacing) * 3);
        }
    }

    .max-md\:right-6 {
        @media (width < 48rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .max-md\:right-auto {
        @media (width < 48rem) {
            right: auto;
        }
    }

    .max-md\:-bottom-5 {
        @media (width < 48rem) {
            bottom: calc(var(--spacing) * -5);
        }
    }

    .max-md\:bottom-2\.5 {
        @media (width < 48rem) {
            bottom: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:bottom-3 {
        @media (width < 48rem) {
            bottom: calc(var(--spacing) * 3);
        }
    }

    .max-md\:bottom-5 {
        @media (width < 48rem) {
            bottom: calc(var(--spacing) * 5);
        }
    }

    .max-md\:bottom-7 {
        @media (width < 48rem) {
            bottom: calc(var(--spacing) * 7);
        }
    }

    .max-md\:bottom-11 {
        @media (width < 48rem) {
            bottom: calc(var(--spacing) * 11);
        }
    }

    .max-md\:bottom-\[2\%\] {
        @media (width < 48rem) {
            bottom: 2%;
        }
    }

    .max-md\:bottom-\[8\%\] {
        @media (width < 48rem) {
            bottom: 8%;
        }
    }

    .max-md\:bottom-\[calc\(100\%_\+_0\.375rem\)\] {
        @media (width < 48rem) {
            bottom: calc(100% + 0.375rem);
        }
    }

    .max-md\:bottom-\[calc\(var\(--custom-straddle\)_\+_1\.5rem\)\] {
        @media (width < 48rem) {
            bottom: calc(var(--custom-straddle) + 1.5rem);
        }
    }

    .max-md\:bottom-auto {
        @media (width < 48rem) {
            bottom: auto;
        }
    }

    .max-md\:-left-44 {
        @media (width < 48rem) {
            left: calc(var(--spacing) * -44);
        }
    }

    .max-md\:-left-52 {
        @media (width < 48rem) {
            left: calc(var(--spacing) * -52);
        }
    }

    .max-md\:left-\(--container-x\) {
        @media (width < 48rem) {
            left: var(--container-x);
        }
    }

    .max-md\:left-0 {
        @media (width < 48rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .max-md\:left-2\.5 {
        @media (width < 48rem) {
            left: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:left-3 {
        @media (width < 48rem) {
            left: calc(var(--spacing) * 3);
        }
    }

    .max-md\:left-3\.5 {
        @media (width < 48rem) {
            left: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:left-5 {
        @media (width < 48rem) {
            left: calc(var(--spacing) * 5);
        }
    }

    .max-md\:left-\[3\%\] {
        @media (width < 48rem) {
            left: 3%;
        }
    }

    .max-md\:left-auto {
        @media (width < 48rem) {
            left: auto;
        }
    }

    .max-md\:z-2 {
        @media (width < 48rem) {
            z-index: 2;
        }
    }

    .max-md\:-order-1 {
        @media (width < 48rem) {
            order: calc(1 * -1);
        }
    }

    .max-md\:order-1 {
        @media (width < 48rem) {
            order: 1;
        }
    }

    .max-md\:order-2 {
        @media (width < 48rem) {
            order: 2;
        }
    }

    .max-md\:order-3 {
        @media (width < 48rem) {
            order: 3;
        }
    }

    .max-md\:order-4 {
        @media (width < 48rem) {
            order: 4;
        }
    }

    .max-md\:order-5 {
        @media (width < 48rem) {
            order: 5;
        }
    }

    .max-md\:order-6 {
        @media (width < 48rem) {
            order: 6;
        }
    }

    .max-md\:order-last {
        @media (width < 48rem) {
            order: 9999;
        }
    }

    .max-md\:col-\[1\] {
        @media (width < 48rem) {
            grid-column: 1;
        }
    }

    .max-md\:col-\[2\] {
        @media (width < 48rem) {
            grid-column: 2;
        }
    }

    .max-md\:col-\[auto\] {
        @media (width < 48rem) {
            grid-column: auto;
        }
    }

    .max-md\:col-span-2 {
        @media (width < 48rem) {
            grid-column: span 2 / span 2;
        }
    }

    .max-md\:col-span-full {
        @media (width < 48rem) {
            grid-column: 1 / -1;
        }
    }

    .max-md\:row-\[1_\/_span_3\] {
        @media (width < 48rem) {
            grid-row: 1 / span 3;
        }
    }

    .max-md\:row-\[2\] {
        @media (width < 48rem) {
            grid-row: 2;
        }
    }

    .max-md\:row-\[auto\] {
        @media (width < 48rem) {
            grid-row: auto;
        }
    }

    .max-md\:mx-0 {
        @media (width < 48rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .max-md\:mx-4 {
        @media (width < 48rem) {
            margin-inline: calc(var(--spacing) * 4);
        }
    }

    .max-md\:mx-\[calc\(-1_\*_var\(--container-x\)\)\] {
        @media (width < 48rem) {
            margin-inline: calc(-1 * var(--container-x));
        }
    }

    .max-md\:mx-\[calc\(-1_\*_var\(--custom-pad\)\)\] {
        @media (width < 48rem) {
            margin-inline: calc(-1 * var(--custom-pad));
        }
    }

    .max-md\:mx-\[calc\(var\(--container-x\)_\*_-1\)\] {
        @media (width < 48rem) {
            margin-inline: calc(var(--container-x) * -1);
        }
    }

    .max-md\:my-\[calc\(var\(--pc-rise\)_\*_-1\)\] {
        @media (width < 48rem) {
            margin-block: calc(var(--pc-rise) * -1);
        }
    }

    .max-md\:ms-0 {
        @media (width < 48rem) {
            margin-inline-start: calc(var(--spacing) * 0);
        }
    }

    .max-md\:me-0 {
        @media (width < 48rem) {
            margin-inline-end: calc(var(--spacing) * 0);
        }
    }

    .max-md\:-mt-12 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * -12);
        }
    }

    .max-md\:mt-1 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .max-md\:mt-2\.5 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:mt-3\.5 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:mt-5 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .max-md\:mt-6 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .max-md\:mt-10 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .max-md\:mt-14 {
        @media (width < 48rem) {
            margin-top: calc(var(--spacing) * 14);
        }
    }

    .max-md\:mt-\[0\.45em\] {
        @media (width < 48rem) {
            margin-top: 0.45em;
        }
    }

    .max-md\:mr-0 {
        @media (width < 48rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .max-md\:mb-0 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .max-md\:mb-2 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .max-md\:mb-2\.5 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:mb-3\.5 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:mb-4 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 4);
        }
    }

    .max-md\:mb-5 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 5);
        }
    }

    .max-md\:mb-6 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }

    .max-md\:mb-7 {
        @media (width < 48rem) {
            margin-bottom: calc(var(--spacing) * 7);
        }
    }

    .max-md\:-ml-\[50\%\] {
        @media (width < 48rem) {
            margin-left: -50%;
        }
    }

    .max-md\:ml-0 {
        @media (width < 48rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .max-md\:ml-1 {
        @media (width < 48rem) {
            margin-left: calc(var(--spacing) * 1);
        }
    }

    .max-md\:ml-11 {
        @media (width < 48rem) {
            margin-left: calc(var(--spacing) * 11);
        }
    }

    .max-md\:ml-auto {
        @media (width < 48rem) {
            margin-left: auto;
        }
    }

    .max-md\:block {
        @media (width < 48rem) {
            display: block;
        }
    }

    .max-md\:block\! {
        @media (width < 48rem) {
            display: block !important;
        }
    }

    .max-md\:contents {
        @media (width < 48rem) {
            display: contents;
        }
    }

    .max-md\:flex {
        @media (width < 48rem) {
            display: flex;
        }
    }

    .max-md\:grid {
        @media (width < 48rem) {
            display: grid;
        }
    }

    .max-md\:hidden {
        @media (width < 48rem) {
            display: none;
        }
    }

    .max-md\:hidden\! {
        @media (width < 48rem) {
            display: none !important;
        }
    }

    .max-md\:inline {
        @media (width < 48rem) {
            display: inline;
        }
    }

    .max-md\:inline-block {
        @media (width < 48rem) {
            display: inline-block;
        }
    }

    .max-md\:aspect-4\/3 {
        @media (width < 48rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .max-md\:aspect-\[3\/2\] {
        @media (width < 48rem) {
            aspect-ratio: 3 / 2;
        }
    }

    .max-md\:aspect-\[3\/4\] {
        @media (width < 48rem) {
            aspect-ratio: 3 / 4;
        }
    }

    .max-md\:aspect-\[4\/3\] {
        @media (width < 48rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .max-md\:aspect-\[4\/4\.4\] {
        @media (width < 48rem) {
            aspect-ratio: 4 / 4.4;
        }
    }

    .max-md\:aspect-\[4\/4\.6\] {
        @media (width < 48rem) {
            aspect-ratio: 4 / 4.6;
        }
    }

    .max-md\:aspect-\[4\/5\] {
        @media (width < 48rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .max-md\:aspect-\[5\/4\] {
        @media (width < 48rem) {
            aspect-ratio: 5 / 4;
        }
    }

    .max-md\:aspect-\[10\/11\] {
        @media (width < 48rem) {
            aspect-ratio: 10 / 11;
        }
    }

    .max-md\:aspect-\[16\/10\] {
        @media (width < 48rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .max-md\:aspect-square {
        @media (width < 48rem) {
            aspect-ratio: 1;
        }
    }

    .max-md\:size-7\.5 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 7.5);
            height: calc(var(--spacing) * 7.5);
        }
    }

    .max-md\:size-10 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 10);
            height: calc(var(--spacing) * 10);
        }
    }

    .max-md\:size-11 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 11);
            height: calc(var(--spacing) * 11);
        }
    }

    .max-md\:size-px {
        @media (width < 48rem) {
            width: 1px;
            height: 1px;
        }
    }

    .max-md\:h-14 {
        @media (width < 48rem) {
            height: calc(var(--spacing) * 14);
        }
    }

    .max-md\:h-18 {
        @media (width < 48rem) {
            height: calc(var(--spacing) * 18);
        }
    }

    .max-md\:h-40 {
        @media (width < 48rem) {
            height: calc(var(--spacing) * 40);
        }
    }

    .max-md\:h-\[22rem\] {
        @media (width < 48rem) {
            height: 22rem;
        }
    }

    .max-md\:h-\[24rem\] {
        @media (width < 48rem) {
            height: 24rem;
        }
    }

    .max-md\:h-\[26rem\] {
        @media (width < 48rem) {
            height: 26rem;
        }
    }

    .max-md\:h-\[80\%\] {
        @media (width < 48rem) {
            height: 80%;
        }
    }

    .max-md\:h-\[calc\(100svh-6rem\)\] {
        @media (width < 48rem) {
            height: calc(100svh - 6rem);
        }
    }

    .max-md\:h-\[clamp\(15rem\,62vw\,22rem\)\] {
        @media (width < 48rem) {
            height: clamp(15rem, 62vw, 22rem);
        }
    }

    .max-md\:h-\[max\(30rem\,calc\(100svh-9\.5rem\)\)\] {
        @media (width < 48rem) {
            height: max(30rem, 100svh - 9.5rem);
        }
    }

    .max-md\:h-\[max\(34rem\,100svh\)\] {
        @media (width < 48rem) {
            height: max(34rem, 100svh);
        }
    }

    .max-md\:h-auto {
        @media (width < 48rem) {
            height: auto;
        }
    }

    .max-md\:max-h-none {
        @media (width < 48rem) {
            max-height: none;
        }
    }

    .max-md\:min-h-0 {
        @media (width < 48rem) {
            min-height: calc(var(--spacing) * 0);
        }
    }

    .max-md\:min-h-100 {
        @media (width < 48rem) {
            min-height: calc(var(--spacing) * 100);
        }
    }

    .max-md\:min-h-120 {
        @media (width < 48rem) {
            min-height: calc(var(--spacing) * 120);
        }
    }

    .max-md\:min-h-\[34rem\] {
        @media (width < 48rem) {
            min-height: 34rem;
        }
    }

    .max-md\:min-h-\[37rem\] {
        @media (width < 48rem) {
            min-height: 37rem;
        }
    }

    .max-md\:min-h-\[38rem\] {
        @media (width < 48rem) {
            min-height: 38rem;
        }
    }

    .max-md\:min-h-\[max\(40rem\,92svh\)\] {
        @media (width < 48rem) {
            min-height: max(40rem, 92svh);
        }
    }

    .max-md\:w-9 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 9);
        }
    }

    .max-md\:w-11 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 11);
        }
    }

    .max-md\:w-12 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 12);
        }
    }

    .max-md\:w-13 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 13);
        }
    }

    .max-md\:w-24 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 24);
        }
    }

    .max-md\:w-26 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 26);
        }
    }

    .max-md\:w-29 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 29);
        }
    }

    .max-md\:w-52 {
        @media (width < 48rem) {
            width: calc(var(--spacing) * 52);
        }
    }

    .max-md\:w-\[34rem\] {
        @media (width < 48rem) {
            width: 34rem;
        }
    }

    .max-md\:w-\[36rem\] {
        @media (width < 48rem) {
            width: 36rem;
        }
    }

    .max-md\:w-\[46\%\] {
        @media (width < 48rem) {
            width: 46%;
        }
    }

    .max-md\:w-\[48cqi\] {
        @media (width < 48rem) {
            width: 48cqi;
        }
    }

    .max-md\:w-\[50cqi\] {
        @media (width < 48rem) {
            width: 50cqi;
        }
    }

    .max-md\:w-\[72\%\] {
        @media (width < 48rem) {
            width: 72%;
        }
    }

    .max-md\:w-\[76cqi\] {
        @media (width < 48rem) {
            width: 76cqi;
        }
    }

    .max-md\:w-\[86\%\] {
        @media (width < 48rem) {
            width: 86%;
        }
    }

    .max-md\:w-\[200\%\] {
        @media (width < 48rem) {
            width: 200%;
        }
    }

    .max-md\:w-\[calc\(50\%-0\.5rem\)\] {
        @media (width < 48rem) {
            width: calc(50% - 0.5rem);
        }
    }

    .max-md\:w-\[calc\(100\%_-_1\.5rem\)\] {
        @media (width < 48rem) {
            width: calc(100% - 1.5rem);
        }
    }

    .max-md\:w-\[min\(100\%\,22rem\)\] {
        @media (width < 48rem) {
            width: min(100%, 22rem);
        }
    }

    .max-md\:w-auto {
        @media (width < 48rem) {
            width: auto;
        }
    }

    .max-md\:w-full {
        @media (width < 48rem) {
            width: 100%;
        }
    }

    .max-md\:w-max {
        @media (width < 48rem) {
            width: max-content;
        }
    }

    .max-md\:max-w-40 {
        @media (width < 48rem) {
            max-width: calc(var(--spacing) * 40);
        }
    }

    .max-md\:max-w-\[16rem\] {
        @media (width < 48rem) {
            max-width: 16rem;
        }
    }

    .max-md\:max-w-\[calc\(100\%_-_1\.25rem\)\] {
        @media (width < 48rem) {
            max-width: calc(100% - 1.25rem);
        }
    }

    .max-md\:max-w-\[calc\(100\%_-_2\.5rem\)\] {
        @media (width < 48rem) {
            max-width: calc(100% - 2.5rem);
        }
    }

    .max-md\:max-w-\[none\] {
        @media (width < 48rem) {
            max-width: none;
        }
    }

    .max-md\:max-w-none {
        @media (width < 48rem) {
            max-width: none;
        }
    }

    .max-md\:min-w-0 {
        @media (width < 48rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .max-md\:flex-1 {
        @media (width < 48rem) {
            flex: 1;
        }
    }

    .max-md\:flex-\[0_0_min\(58\%\,14rem\)\] {
        @media (width < 48rem) {
            flex: 0 0 min(58%, 14rem);
        }
    }

    .max-md\:flex-\[0_0_min\(84\%\,22rem\)\] {
        @media (width < 48rem) {
            flex: 0 0 min(84%, 22rem);
        }
    }

    .max-md\:flex-\[1_1_100\%\] {
        @media (width < 48rem) {
            flex: 100%;
        }
    }

    .max-md\:flex-\[1_1_auto\] {
        @media (width < 48rem) {
            flex: auto;
        }
    }

    .max-md\:flex-auto {
        @media (width < 48rem) {
            flex: auto;
        }
    }

    .max-md\:flex-none {
        @media (width < 48rem) {
            flex: none;
        }
    }

    .max-md\:basis-\[100\%\] {
        @media (width < 48rem) {
            flex-basis: 100%;
        }
    }

    .max-md\:auto-cols-\[68\%\] {
        @media (width < 48rem) {
            grid-auto-columns: 68%;
        }
    }

    .max-md\:auto-cols-\[78\%\] {
        @media (width < 48rem) {
            grid-auto-columns: 78%;
        }
    }

    .max-md\:auto-cols-\[82\%\] {
        @media (width < 48rem) {
            grid-auto-columns: 82%;
        }
    }

    .max-md\:auto-cols-\[84\%\] {
        @media (width < 48rem) {
            grid-auto-columns: 84%;
        }
    }

    .max-md\:auto-cols-\[min\(78\%\,20rem\)\] {
        @media (width < 48rem) {
            grid-auto-columns: min(78%, 20rem);
        }
    }

    .max-md\:grid-flow-col {
        @media (width < 48rem) {
            grid-auto-flow: column;
        }
    }

    .max-md\:grid-cols-1 {
        @media (width < 48rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .max-md\:grid-cols-2 {
        @media (width < 48rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .max-md\:grid-cols-3 {
        @media (width < 48rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .max-md\:grid-cols-\[1fr\] {
        @media (width < 48rem) {
            grid-template-columns: 1fr;
        }
    }

    .max-md\:grid-cols-\[4\.5rem_minmax\(0\,1fr\)\] {
        @media (width < 48rem) {
            grid-template-columns: 4.5rem minmax(0, 1fr);
        }
    }

    .max-md\:grid-cols-\[5\.5rem_minmax\(0\,1fr\)\] {
        @media (width < 48rem) {
            grid-template-columns: 5.5rem minmax(0, 1fr);
        }
    }

    .max-md\:grid-cols-\[6\.5rem_minmax\(0\,1fr\)\] {
        @media (width < 48rem) {
            grid-template-columns: 6.5rem minmax(0, 1fr);
        }
    }

    .max-md\:grid-cols-\[7\.5rem_minmax\(0\,1fr\)\] {
        @media (width < 48rem) {
            grid-template-columns: 7.5rem minmax(0, 1fr);
        }
    }

    .max-md\:grid-cols-\[minmax\(0\,1fr\)\] {
        @media (width < 48rem) {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    .max-md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width < 48rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .max-md\:grid-cols-\[repeat\(5\,minmax\(3\.75rem\,1fr\)\)\] {
        @media (width < 48rem) {
            grid-template-columns: repeat(5, minmax(3.75rem, 1fr));
        }
    }

    .max-md\:grid-cols-\[repeat\(7\,minmax\(4\.75rem\,1fr\)\)\] {
        @media (width < 48rem) {
            grid-template-columns: repeat(7, minmax(4.75rem, 1fr));
        }
    }

    .max-md\:grid-cols-none {
        @media (width < 48rem) {
            grid-template-columns: none;
        }
    }

    .max-md\:grid-rows-\[19rem_auto\] {
        @media (width < 48rem) {
            grid-template-rows: 19rem auto;
        }
    }

    .max-md\:grid-rows-\[auto_auto\] {
        @media (width < 48rem) {
            grid-template-rows: auto auto;
        }
    }

    .max-md\:flex-col {
        @media (width < 48rem) {
            flex-direction: column;
        }
    }

    .max-md\:flex-row {
        @media (width < 48rem) {
            flex-direction: row;
        }
    }

    .max-md\:flex-nowrap {
        @media (width < 48rem) {
            flex-wrap: nowrap;
        }
    }

    .max-md\:flex-wrap {
        @media (width < 48rem) {
            flex-wrap: wrap;
        }
    }

    .max-md\:items-baseline {
        @media (width < 48rem) {
            align-items: baseline;
        }
    }

    .max-md\:items-end {
        @media (width < 48rem) {
            align-items: flex-end;
        }
    }

    .max-md\:items-start {
        @media (width < 48rem) {
            align-items: flex-start;
        }
    }

    .max-md\:items-stretch {
        @media (width < 48rem) {
            align-items: stretch;
        }
    }

    .max-md\:justify-between {
        @media (width < 48rem) {
            justify-content: space-between;
        }
    }

    .max-md\:justify-center {
        @media (width < 48rem) {
            justify-content: center;
        }
    }

    .max-md\:justify-end {
        @media (width < 48rem) {
            justify-content: flex-end;
        }
    }

    .max-md\:justify-start {
        @media (width < 48rem) {
            justify-content: flex-start;
        }
    }

    .max-md\:justify-items-stretch {
        @media (width < 48rem) {
            justify-items: stretch;
        }
    }

    .max-md\:gap-0 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .max-md\:gap-0\.5 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 0.5);
        }
    }

    .max-md\:gap-1 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 1);
        }
    }

    .max-md\:gap-2 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .max-md\:gap-2\.5 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:gap-3 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .max-md\:gap-3\.5 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:gap-4 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .max-md\:gap-10 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 10);
        }
    }

    .max-md\:gap-11 {
        @media (width < 48rem) {
            gap: calc(var(--spacing) * 11);
        }
    }

    .max-md\:gap-x-3 {
        @media (width < 48rem) {
            column-gap: calc(var(--spacing) * 3);
        }
    }

    .max-md\:gap-x-4 {
        @media (width < 48rem) {
            column-gap: calc(var(--spacing) * 4);
        }
    }

    .max-md\:gap-x-5 {
        @media (width < 48rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .max-md\:gap-x-7 {
        @media (width < 48rem) {
            column-gap: calc(var(--spacing) * 7);
        }
    }

    .max-md\:gap-y-2\.5 {
        @media (width < 48rem) {
            row-gap: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:gap-y-3 {
        @media (width < 48rem) {
            row-gap: calc(var(--spacing) * 3);
        }
    }

    .max-md\:gap-y-4 {
        @media (width < 48rem) {
            row-gap: calc(var(--spacing) * 4);
        }
    }

    .max-md\:gap-y-5 {
        @media (width < 48rem) {
            row-gap: calc(var(--spacing) * 5);
        }
    }

    .max-md\:gap-y-8 {
        @media (width < 48rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .max-md\:\[align-self\:end\] {
        @media (width < 48rem) {
            align-self: end;
        }
    }

    .max-md\:\[align-self\:start\] {
        @media (width < 48rem) {
            align-self: start;
        }
    }

    .max-md\:self-end {
        @media (width < 48rem) {
            align-self: flex-end;
        }
    }

    .max-md\:\[justify-self\:center\] {
        @media (width < 48rem) {
            justify-self: center;
        }
    }

    .max-md\:\[justify-self\:start\] {
        @media (width < 48rem) {
            justify-self: start;
        }
    }

    .max-md\:justify-self-stretch {
        @media (width < 48rem) {
            justify-self: stretch;
        }
    }

    .max-md\:overflow-hidden {
        @media (width < 48rem) {
            overflow: hidden;
        }
    }

    .max-md\:overflow-visible {
        @media (width < 48rem) {
            overflow: visible;
        }
    }

    .max-md\:overflow-x-auto {
        @media (width < 48rem) {
            overflow-x: auto;
        }
    }

    .max-md\:rounded-\[calc\(1\.1875rem_\*_var\(--radius-scale\)\)\] {
        @media (width < 48rem) {
            border-radius: calc(1.1875rem * var(--radius-scale));
        }
    }

    .max-md\:rounded-\[calc\(1rem_\*_var\(--radius-scale\)\)\] {
        @media (width < 48rem) {
            border-radius: calc(1rem * var(--radius-scale));
        }
    }

    .max-md\:rounded-lg {
        @media (width < 48rem) {
            border-radius: var(--radius-lg);
        }
    }

    .max-md\:rounded-xl {
        @media (width < 48rem) {
            border-radius: var(--radius-xl);
        }
    }

    .max-md\:border-0 {
        @media (width < 48rem) {
            border-style: var(--tw-border-style);
            border-width: 0;
        }
    }

    .max-md\:border-s-0 {
        @media (width < 48rem) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 0;
        }
    }

    .max-md\:border-t {
        @media (width < 48rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .max-md\:border-t-0 {
        @media (width < 48rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }
    }

    .max-md\:border-l-0 {
        @media (width < 48rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 0;
        }
    }

    .max-md\:border-none {
        @media (width < 48rem) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .max-md\:border-t-\(--color-border-soft\) {
        @media (width < 48rem) {
            border-top-color: var(--color-border-soft);
        }
    }

    .max-md\:border-t-\(--custom-line\) {
        @media (width < 48rem) {
            border-top-color: var(--custom-line);
        }
    }

    .max-md\:bg-soft {
        @media (width < 48rem) {
            background-color: var(--color-bg-soft);
        }
    }

    .max-md\:via-primary\/80 {
        @media (width < 48rem) {
            --tw-gradient-via: var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                --tw-gradient-via: color-mix(in oklab, var(--color-primary) 80%, 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);
        }
    }

    .max-md\:to-primary\/55 {
        @media (width < 48rem) {
            --tw-gradient-to: var(--color-primary);

            @supports (color: color-mix(in lab, red, red)) {
                --tw-gradient-to: color-mix(in oklab, var(--color-primary) 55%, 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)
            );
        }
    }

    .max-md\:to-100\% {
        @media (width < 48rem) {
            --tw-gradient-to-position: 100%;
        }
    }

    .max-md\:object-\(--custom-pos-sm\) {
        @media (width < 48rem) {
            object-position: var(--custom-pos-sm);
        }
    }

    .max-md\:object-\[40\%_center\] {
        @media (width < 48rem) {
            object-position: 40% center;
        }
    }

    .max-md\:object-\[50\%_96\%\] {
        @media (width < 48rem) {
            object-position: 50% 96%;
        }
    }

    .max-md\:object-\[72\%_50\%\] {
        @media (width < 48rem) {
            object-position: 72% 50%;
        }
    }

    .max-md\:p-\(--thumb-card-pad\) {
        @media (width < 48rem) {
            padding: var(--thumb-card-pad);
        }
    }

    .max-md\:p-0 {
        @media (width < 48rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .max-md\:p-2 {
        @media (width < 48rem) {
            padding: calc(var(--spacing) * 2);
        }
    }

    .max-md\:p-2\.5 {
        @media (width < 48rem) {
            padding: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:p-4\.5 {
        @media (width < 48rem) {
            padding: calc(var(--spacing) * 4.5);
        }
    }

    .max-md\:p-5 {
        @media (width < 48rem) {
            padding: calc(var(--spacing) * 5);
        }
    }

    .max-md\:px-\(--container-x\) {
        @media (width < 48rem) {
            padding-inline: var(--container-x);
        }
    }

    .max-md\:px-\(--custom-stage-gap\) {
        @media (width < 48rem) {
            padding-inline: var(--custom-stage-gap);
        }
    }

    .max-md\:px-0 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .max-md\:px-1 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 1);
        }
    }

    .max-md\:px-2 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .max-md\:px-2\.5 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:px-3 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .max-md\:px-3\.5 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:px-4 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .max-md\:px-4\.5 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 4.5);
        }
    }

    .max-md\:px-5 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 5);
        }
    }

    .max-md\:px-6 {
        @media (width < 48rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .max-md\:px-\[1\.125rem\] {
        @media (width < 48rem) {
            padding-inline: 1.125rem;
        }
    }

    .max-md\:px-\[calc\(var\(--container-x\)_-_var\(--custom-gutter\)\)\] {
        @media (width < 48rem) {
            padding-inline: calc(var(--container-x) - var(--custom-gutter));
        }
    }

    .max-md\:py-\(--pc-rise\) {
        @media (width < 48rem) {
            padding-block: var(--pc-rise);
        }
    }

    .max-md\:py-1 {
        @media (width < 48rem) {
            padding-block: calc(var(--spacing) * 1);
        }
    }

    .max-md\:py-1\.25 {
        @media (width < 48rem) {
            padding-block: calc(var(--spacing) * 1.25);
        }
    }

    .max-md\:py-1\.75 {
        @media (width < 48rem) {
            padding-block: calc(var(--spacing) * 1.75);
        }
    }

    .max-md\:py-2 {
        @media (width < 48rem) {
            padding-block: calc(var(--spacing) * 2);
        }
    }

    .max-md\:py-2\.5 {
        @media (width < 48rem) {
            padding-block: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:ps-3\.5 {
        @media (width < 48rem) {
            padding-inline-start: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:pe-4 {
        @media (width < 48rem) {
            padding-inline-end: calc(var(--spacing) * 4);
        }
    }

    .max-md\:pt-1 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 1);
        }
    }

    .max-md\:pt-2 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 2);
        }
    }

    .max-md\:pt-3 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 3);
        }
    }

    .max-md\:pt-3\.5 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 3.5);
        }
    }

    .max-md\:pt-4 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .max-md\:pt-4\.5 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 4.5);
        }
    }

    .max-md\:pt-5 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .max-md\:pt-6 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .max-md\:pt-7 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 7);
        }
    }

    .max-md\:pt-10 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .max-md\:pt-13 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 13);
        }
    }

    .max-md\:pt-20 {
        @media (width < 48rem) {
            padding-top: calc(var(--spacing) * 20);
        }
    }

    .max-md\:pt-\[1\.125rem\] {
        @media (width < 48rem) {
            padding-top: 1.125rem;
        }
    }

    .max-md\:pr-\(--container-x\) {
        @media (width < 48rem) {
            padding-right: var(--container-x);
        }
    }

    .max-md\:pr-0 {
        @media (width < 48rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .max-md\:pr-2 {
        @media (width < 48rem) {
            padding-right: calc(var(--spacing) * 2);
        }
    }

    .max-md\:pr-4 {
        @media (width < 48rem) {
            padding-right: calc(var(--spacing) * 4);
        }
    }

    .max-md\:pr-4\.5 {
        @media (width < 48rem) {
            padding-right: calc(var(--spacing) * 4.5);
        }
    }

    .max-md\:pr-5 {
        @media (width < 48rem) {
            padding-right: calc(var(--spacing) * 5);
        }
    }

    .max-md\:pb-0 {
        @media (width < 48rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .max-md\:pb-2 {
        @media (width < 48rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .max-md\:pb-4 {
        @media (width < 48rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .max-md\:pb-7 {
        @media (width < 48rem) {
            padding-bottom: calc(var(--spacing) * 7);
        }
    }

    .max-md\:pb-10 {
        @media (width < 48rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .max-md\:pb-16 {
        @media (width < 48rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .max-md\:pb-22 {
        @media (width < 48rem) {
            padding-bottom: calc(var(--spacing) * 22);
        }
    }

    .max-md\:pl-\(--container-x\) {
        @media (width < 48rem) {
            padding-left: var(--container-x);
        }
    }

    .max-md\:pl-0 {
        @media (width < 48rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .max-md\:pl-1 {
        @media (width < 48rem) {
            padding-left: calc(var(--spacing) * 1);
        }
    }

    .max-md\:pl-2 {
        @media (width < 48rem) {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .max-md\:pl-2\.5 {
        @media (width < 48rem) {
            padding-left: calc(var(--spacing) * 2.5);
        }
    }

    .max-md\:pl-3 {
        @media (width < 48rem) {
            padding-left: calc(var(--spacing) * 3);
        }
    }

    .max-md\:pl-4 {
        @media (width < 48rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .max-md\:pl-\[calc\(var\(--container-x\)_-_var\(--link-x\)\)\] {
        @media (width < 48rem) {
            padding-left: calc(var(--container-x) - var(--link-x));
        }
    }

    .max-md\:text-center {
        @media (width < 48rem) {
            text-align: center;
        }
    }

    .max-md\:text-start {
        @media (width < 48rem) {
            text-align: start;
        }
    }

    .max-md\:text-base {
        @media (width < 48rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .max-md\:text-\[0\.75rem\] {
        @media (width < 48rem) {
            font-size: 0.75rem;
        }
    }

    .max-md\:text-\[0\.875rem\] {
        @media (width < 48rem) {
            font-size: 0.875rem;
        }
    }

    .max-md\:text-\[0\.6875rem\] {
        @media (width < 48rem) {
            font-size: 0.6875rem;
        }
    }

    .max-md\:text-\[0\.8125rem\] {
        @media (width < 48rem) {
            font-size: 0.8125rem;
        }
    }

    .max-md\:text-\[0\.9375rem\] {
        @media (width < 48rem) {
            font-size: 0.9375rem;
        }
    }

    .max-md\:text-\[1\.5rem\] {
        @media (width < 48rem) {
            font-size: 1.5rem;
        }
    }

    .max-md\:text-\[1\.125rem\] {
        @media (width < 48rem) {
            font-size: 1.125rem;
        }
    }

    .max-md\:text-\[1\.0625rem\] {
        @media (width < 48rem) {
            font-size: 1.0625rem;
        }
    }

    .max-md\:text-\[1\.625rem\] {
        @media (width < 48rem) {
            font-size: 1.625rem;
        }
    }

    .max-md\:text-\[1\.1875rem\] {
        @media (width < 48rem) {
            font-size: 1.1875rem;
        }
    }

    .max-md\:text-\[1\.3125rem\] {
        @media (width < 48rem) {
            font-size: 1.3125rem;
        }
    }

    .max-md\:text-\[1rem\] {
        @media (width < 48rem) {
            font-size: 1rem;
        }
    }

    .max-md\:text-\[2\.75rem\] {
        @media (width < 48rem) {
            font-size: 2.75rem;
        }
    }

    .max-md\:text-\[2\.125rem\] {
        @media (width < 48rem) {
            font-size: 2.125rem;
        }
    }

    .max-md\:text-\[calc\(clamp\(2\.5rem\,11vw\,3\.25rem\)_\*_var\(--custom-display-scale\,1\)\)\] {
        @media (width < 48rem) {
            font-size: calc(clamp(2.5rem, 11vw, 3.25rem) * var(--custom-display-scale, 1));
        }
    }

    .max-md\:text-\[clamp\(2\.5rem\,1\.6rem_\+_4vw\,3rem\)\] {
        @media (width < 48rem) {
            font-size: clamp(2.5rem, 1.6rem + 4vw, 3rem);
        }
    }

    .max-md\:text-\[clamp\(2\.5rem\,11\.5vw\,3\.25rem\)\] {
        @media (width < 48rem) {
            font-size: clamp(2.5rem, 11.5vw, 3.25rem);
        }
    }

    .max-md\:text-\[clamp\(2\.5rem\,11vw\,3rem\)\] {
        @media (width < 48rem) {
            font-size: clamp(2.5rem, 11vw, 3rem);
        }
    }

    .max-md\:text-\[clamp\(2\.375rem\,10\.5vw\,2\.75rem\)\] {
        @media (width < 48rem) {
            font-size: clamp(2.375rem, 10.5vw, 2.75rem);
        }
    }

    .max-md\:tracking-\[0\.1em\] {
        @media (width < 48rem) {
            --tw-tracking: 0.1em;
            letter-spacing: 0.1em;
        }
    }

    .max-md\:text-balance {
        @media (width < 48rem) {
            text-wrap: balance;
        }
    }

    .max-md\:whitespace-normal {
        @media (width < 48rem) {
            white-space: normal;
        }
    }

    .max-md\:whitespace-nowrap {
        @media (width < 48rem) {
            white-space: nowrap;
        }
    }

    .max-md\:\[--custom-badge-size\:6\.25rem\] {
        @media (width < 48rem) {
            --custom-badge-size: 6.25rem;
        }
    }

    .max-md\:\[--custom-badge-size\:8rem\] {
        @media (width < 48rem) {
            --custom-badge-size: 8rem;
        }
    }

    .max-md\:\[--custom-ornament-w\:9rem\] {
        @media (width < 48rem) {
            --custom-ornament-w: 9rem;
        }
    }

    .max-md\:\[--custom-ornament-w\:10rem\] {
        @media (width < 48rem) {
            --custom-ornament-w: 10rem;
        }
    }

    .max-md\:\[--custom-seal-right\:1rem\] {
        @media (width < 48rem) {
            --custom-seal-right: 1rem;
        }
    }

    .max-md\:\[--hscroll-panel-h\:34rem\] {
        @media (width < 48rem) {
            --hscroll-panel-h: 34rem;
        }
    }

    .max-md\:\[grid-area\:2\/1\] {
        @media (width < 48rem) {
            grid-area: 2 / 1;
        }
    }

    .max-md\:\[grid-area\:head\] {
        @media (width < 48rem) {
            grid-area: head;
        }
    }

    .max-\[47\.5rem\]\:hidden {
        @media (width < 47.5rem) {
            display: none;
        }
    }

    .max-sm\:invisible {
        @media (width < 40rem) {
            visibility: hidden;
        }
    }

    .max-sm\:sr-only {
        @media (width < 40rem) {
            clip-path: inset(50%);
            white-space: nowrap;
            border-width: 0;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            position: absolute;
            overflow: hidden;
        }
    }

    .max-sm\:absolute {
        @media (width < 40rem) {
            position: absolute;
        }
    }

    .max-sm\:relative {
        @media (width < 40rem) {
            position: relative;
        }
    }

    .max-sm\:static {
        @media (width < 40rem) {
            position: static;
        }
    }

    .max-sm\:sticky {
        @media (width < 40rem) {
            position: sticky;
        }
    }

    .max-sm\:-start-\[2cqi\] {
        @media (width < 40rem) {
            inset-inline-start: -2cqi;
        }
    }

    .max-sm\:-start-\[5cqi\] {
        @media (width < 40rem) {
            inset-inline-start: -5cqi;
        }
    }

    .max-sm\:start-4 {
        @media (width < 40rem) {
            inset-inline-start: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:end-3 {
        @media (width < 40rem) {
            inset-inline-end: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:end-4 {
        @media (width < 40rem) {
            inset-inline-end: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:-top-5 {
        @media (width < 40rem) {
            top: calc(var(--spacing) * -5);
        }
    }

    .max-sm\:-top-8 {
        @media (width < 40rem) {
            top: calc(var(--spacing) * -8);
        }
    }

    .max-sm\:top-4 {
        @media (width < 40rem) {
            top: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:top-34 {
        @media (width < 40rem) {
            top: calc(var(--spacing) * 34);
        }
    }

    .max-sm\:top-\[2\%\] {
        @media (width < 40rem) {
            top: 2%;
        }
    }

    .max-sm\:top-\[6\%\] {
        @media (width < 40rem) {
            top: 6%;
        }
    }

    .max-sm\:top-\[42\%\] {
        @media (width < 40rem) {
            top: 42%;
        }
    }

    .max-sm\:top-\[calc\(100\%_\+_1\.5rem\)\] {
        @media (width < 40rem) {
            top: calc(100% + 1.5rem);
        }
    }

    .max-sm\:top-\[calc\(var\(--header-h\)_\+_0\.5rem\)\] {
        @media (width < 40rem) {
            top: calc(var(--header-h) + 0.5rem);
        }
    }

    .max-sm\:right-0 {
        @media (width < 40rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:right-3 {
        @media (width < 40rem) {
            right: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:right-4 {
        @media (width < 40rem) {
            right: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:right-auto {
        @media (width < 40rem) {
            right: auto;
        }
    }

    .max-sm\:-bottom-6 {
        @media (width < 40rem) {
            bottom: calc(var(--spacing) * -6);
        }
    }

    .max-sm\:-bottom-7 {
        @media (width < 40rem) {
            bottom: calc(var(--spacing) * -7);
        }
    }

    .max-sm\:-bottom-\[12cqi\] {
        @media (width < 40rem) {
            bottom: -12cqi;
        }
    }

    .max-sm\:-bottom-\[13cqi\] {
        @media (width < 40rem) {
            bottom: -13cqi;
        }
    }

    .max-sm\:bottom-0 {
        @media (width < 40rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:bottom-auto {
        @media (width < 40rem) {
            bottom: auto;
        }
    }

    .max-sm\:-left-48 {
        @media (width < 40rem) {
            left: calc(var(--spacing) * -48);
        }
    }

    .max-sm\:-left-56 {
        @media (width < 40rem) {
            left: calc(var(--spacing) * -56);
        }
    }

    .max-sm\:-left-\[30\%\] {
        @media (width < 40rem) {
            left: -30%;
        }
    }

    .max-sm\:left-0 {
        @media (width < 40rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:left-1\/2 {
        @media (width < 40rem) {
            left: 50%;
        }
    }

    .max-sm\:left-4 {
        @media (width < 40rem) {
            left: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:z-0 {
        @media (width < 40rem) {
            z-index: 0;
        }
    }

    .max-sm\:z-5 {
        @media (width < 40rem) {
            z-index: 5;
        }
    }

    .max-sm\:-order-1 {
        @media (width < 40rem) {
            order: calc(1 * -1);
        }
    }

    .max-sm\:order-9 {
        @media (width < 40rem) {
            order: 9;
        }
    }

    .max-sm\:order-last {
        @media (width < 40rem) {
            order: 9999;
        }
    }

    .max-sm\:col-\[1\] {
        @media (width < 40rem) {
            grid-column: 1;
        }
    }

    .max-sm\:col-\[2\] {
        @media (width < 40rem) {
            grid-column: 2;
        }
    }

    .max-sm\:col-\[auto\] {
        @media (width < 40rem) {
            grid-column: auto;
        }
    }

    .max-sm\:col-span-2 {
        @media (width < 40rem) {
            grid-column: span 2 / span 2;
        }
    }

    .max-sm\:col-span-full {
        @media (width < 40rem) {
            grid-column: 1 / -1;
        }
    }

    .max-sm\:col-start-2 {
        @media (width < 40rem) {
            grid-column-start: 2;
        }
    }

    .max-sm\:row-\[1_\/_3\] {
        @media (width < 40rem) {
            grid-row: 1 / 3;
        }
    }

    .max-sm\:row-\[1_\/_span_3\] {
        @media (width < 40rem) {
            grid-row: 1 / span 3;
        }
    }

    .max-sm\:row-\[auto\] {
        @media (width < 40rem) {
            grid-row: auto;
        }
    }

    .max-sm\:row-\[span_2\] {
        @media (width < 40rem) {
            grid-row: span 2;
        }
    }

    .max-sm\:-m-4\.5 {
        @media (width < 40rem) {
            margin: calc(var(--spacing) * -4.5);
        }
    }

    .max-sm\:-mx-5 {
        @media (width < 40rem) {
            margin-inline: calc(var(--spacing) * -5);
        }
    }

    .max-sm\:mx-0 {
        @media (width < 40rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:mx-3 {
        @media (width < 40rem) {
            margin-inline: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:mx-\[calc\(-1_\*_var\(--container-x\)\)\] {
        @media (width < 40rem) {
            margin-inline: calc(-1 * var(--container-x));
        }
    }

    .max-sm\:ms-0 {
        @media (width < 40rem) {
            margin-inline-start: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:ms-8 {
        @media (width < 40rem) {
            margin-inline-start: calc(var(--spacing) * 8);
        }
    }

    .max-sm\:ms-auto {
        @media (width < 40rem) {
            margin-inline-start: auto;
        }
    }

    .max-sm\:me-0 {
        @media (width < 40rem) {
            margin-inline-end: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:-mt-10 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * -10);
        }
    }

    .max-sm\:-mt-18 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * -18);
        }
    }

    .max-sm\:mt-0 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:mt-1 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .max-sm\:mt-1\.5 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 1.5);
        }
    }

    .max-sm\:mt-2\.5 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 2.5);
        }
    }

    .max-sm\:mt-2\.25 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 2.25);
        }
    }

    .max-sm\:mt-3 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:mt-3\.5 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 3.5);
        }
    }

    .max-sm\:mt-4\.5 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 4.5);
        }
    }

    .max-sm\:mt-5 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .max-sm\:mt-6 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .max-sm\:mt-7 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 7);
        }
    }

    .max-sm\:mt-10 {
        @media (width < 40rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .max-sm\:mr-0 {
        @media (width < 40rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:mr-3 {
        @media (width < 40rem) {
            margin-right: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:-mb-10 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * -10);
        }
    }

    .max-sm\:mb-0 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:mb-1 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * 1);
        }
    }

    .max-sm\:mb-2 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .max-sm\:mb-6 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }

    .max-sm\:mb-7 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * 7);
        }
    }

    .max-sm\:mb-9 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * 9);
        }
    }

    .max-sm\:mb-14 {
        @media (width < 40rem) {
            margin-bottom: calc(var(--spacing) * 14);
        }
    }

    .max-sm\:mb-\[14cqi\] {
        @media (width < 40rem) {
            margin-bottom: 14cqi;
        }
    }

    .max-sm\:ml-3 {
        @media (width < 40rem) {
            margin-left: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:ml-19 {
        @media (width < 40rem) {
            margin-left: calc(var(--spacing) * 19);
        }
    }

    .max-sm\:ml-auto {
        @media (width < 40rem) {
            margin-left: auto;
        }
    }

    .max-sm\:block {
        @media (width < 40rem) {
            display: block;
        }
    }

    .max-sm\:contents {
        @media (width < 40rem) {
            display: contents;
        }
    }

    .max-sm\:flex {
        @media (width < 40rem) {
            display: flex;
        }
    }

    .max-sm\:grid {
        @media (width < 40rem) {
            display: grid;
        }
    }

    .max-sm\:hidden {
        @media (width < 40rem) {
            display: none;
        }
    }

    .max-sm\:aspect-\[3\/4\] {
        @media (width < 40rem) {
            aspect-ratio: 3 / 4;
        }
    }

    .max-sm\:aspect-\[4\/3\] {
        @media (width < 40rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .max-sm\:aspect-\[4\/5\] {
        @media (width < 40rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .max-sm\:aspect-\[16\/10\] {
        @media (width < 40rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .max-sm\:aspect-auto {
        @media (width < 40rem) {
            aspect-ratio: auto;
        }
    }

    .max-sm\:aspect-square {
        @media (width < 40rem) {
            aspect-ratio: 1;
        }
    }

    .max-sm\:size-8 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 8);
            height: calc(var(--spacing) * 8);
        }
    }

    .max-sm\:size-10 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 10);
            height: calc(var(--spacing) * 10);
        }
    }

    .max-sm\:size-27 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 27);
            height: calc(var(--spacing) * 27);
        }
    }

    .max-sm\:size-px {
        @media (width < 40rem) {
            width: 1px;
            height: 1px;
        }
    }

    .max-sm\:h-11 {
        @media (width < 40rem) {
            height: calc(var(--spacing) * 11);
        }
    }

    .max-sm\:h-12 {
        @media (width < 40rem) {
            height: calc(var(--spacing) * 12);
        }
    }

    .max-sm\:h-13 {
        @media (width < 40rem) {
            height: calc(var(--spacing) * 13);
        }
    }

    .max-sm\:h-60 {
        @media (width < 40rem) {
            height: calc(var(--spacing) * 60);
        }
    }

    .max-sm\:h-120 {
        @media (width < 40rem) {
            height: calc(var(--spacing) * 120);
        }
    }

    .max-sm\:h-auto {
        @media (width < 40rem) {
            height: auto;
        }
    }

    .max-sm\:min-h-0 {
        @media (width < 40rem) {
            min-height: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:min-h-40 {
        @media (width < 40rem) {
            min-height: calc(var(--spacing) * 40);
        }
    }

    .max-sm\:min-h-60 {
        @media (width < 40rem) {
            min-height: calc(var(--spacing) * 60);
        }
    }

    .max-sm\:w-9 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 9);
        }
    }

    .max-sm\:w-10 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 10);
        }
    }

    .max-sm\:w-11 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 11);
        }
    }

    .max-sm\:w-26 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 26);
        }
    }

    .max-sm\:w-28 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 28);
        }
    }

    .max-sm\:w-38 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 38);
        }
    }

    .max-sm\:w-39 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 39);
        }
    }

    .max-sm\:w-41 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 41);
        }
    }

    .max-sm\:w-42 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 42);
        }
    }

    .max-sm\:w-44 {
        @media (width < 40rem) {
            width: calc(var(--spacing) * 44);
        }
    }

    .max-sm\:w-\[64\%\] {
        @media (width < 40rem) {
            width: 64%;
        }
    }

    .max-sm\:w-\[min\(100\%_-_1\.5rem\,20rem\)\] {
        @media (width < 40rem) {
            width: min(100% - 1.5rem, 20rem);
        }
    }

    .max-sm\:w-auto {
        @media (width < 40rem) {
            width: auto;
        }
    }

    .max-sm\:w-full {
        @media (width < 40rem) {
            width: 100%;
        }
    }

    .max-sm\:max-w-48 {
        @media (width < 40rem) {
            max-width: calc(var(--spacing) * 48);
        }
    }

    .max-sm\:max-w-56 {
        @media (width < 40rem) {
            max-width: calc(var(--spacing) * 56);
        }
    }

    .max-sm\:max-w-\[15rem\] {
        @media (width < 40rem) {
            max-width: 15rem;
        }
    }

    .max-sm\:max-w-none {
        @media (width < 40rem) {
            max-width: none;
        }
    }

    .max-sm\:min-w-0 {
        @media (width < 40rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:flex-1 {
        @media (width < 40rem) {
            flex: 1;
        }
    }

    .max-sm\:flex-\[1_1_0\] {
        @media (width < 40rem) {
            flex: 1 1 0;
        }
    }

    .max-sm\:flex-\[1_1_100\%\] {
        @media (width < 40rem) {
            flex: 100%;
        }
    }

    .max-sm\:shrink {
        @media (width < 40rem) {
            flex-shrink: 1;
        }
    }

    .max-sm\:shrink-0 {
        @media (width < 40rem) {
            flex-shrink: 0;
        }
    }

    .max-sm\:basis-\[100\%\] {
        @media (width < 40rem) {
            flex-basis: 100%;
        }
    }

    .max-sm\:basis-full {
        @media (width < 40rem) {
            flex-basis: 100%;
        }
    }

    .max-sm\:\[scrollbar-width\:none\] {
        @media (width < 40rem) {
            scrollbar-width: none;
        }
    }

    .max-sm\:auto-cols-\[68\%\] {
        @media (width < 40rem) {
            grid-auto-columns: 68%;
        }
    }

    .max-sm\:grid-cols-1 {
        @media (width < 40rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .max-sm\:grid-cols-2 {
        @media (width < 40rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .max-sm\:grid-cols-3 {
        @media (width < 40rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .max-sm\:grid-cols-\[1\.75rem_minmax\(0\,1fr\)\] {
        @media (width < 40rem) {
            grid-template-columns: 1.75rem minmax(0, 1fr);
        }
    }

    .max-sm\:grid-cols-\[2\.75rem_minmax\(0\,1fr\)\] {
        @media (width < 40rem) {
            grid-template-columns: 2.75rem minmax(0, 1fr);
        }
    }

    .max-sm\:grid-cols-\[2rem_minmax\(0\,1fr\)\] {
        @media (width < 40rem) {
            grid-template-columns: 2rem minmax(0, 1fr);
        }
    }

    .max-sm\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width < 40rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .max-sm\:grid-cols-\[minmax\(0\,1fr\)\] {
        @media (width < 40rem) {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    .max-sm\:grid-cols-\[var\(--award-medal\)_minmax\(0\,1fr\)\] {
        @media (width < 40rem) {
            grid-template-columns: var(--award-medal) minmax(0, 1fr);
        }
    }

    .max-sm\:grid-rows-\[auto\] {
        @media (width < 40rem) {
            grid-template-rows: auto;
        }
    }

    .max-sm\:flex-col {
        @media (width < 40rem) {
            flex-direction: column;
        }
    }

    .max-sm\:flex-row {
        @media (width < 40rem) {
            flex-direction: row;
        }
    }

    .max-sm\:flex-wrap {
        @media (width < 40rem) {
            flex-wrap: wrap;
        }
    }

    .max-sm\:items-baseline {
        @media (width < 40rem) {
            align-items: baseline;
        }
    }

    .max-sm\:items-center {
        @media (width < 40rem) {
            align-items: center;
        }
    }

    .max-sm\:items-start {
        @media (width < 40rem) {
            align-items: flex-start;
        }
    }

    .max-sm\:items-stretch {
        @media (width < 40rem) {
            align-items: stretch;
        }
    }

    .max-sm\:justify-between {
        @media (width < 40rem) {
            justify-content: space-between;
        }
    }

    .max-sm\:justify-center {
        @media (width < 40rem) {
            justify-content: center;
        }
    }

    .max-sm\:justify-start {
        @media (width < 40rem) {
            justify-content: flex-start;
        }
    }

    .max-sm\:justify-items-start {
        @media (width < 40rem) {
            justify-items: start;
        }
    }

    .max-sm\:gap-0 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:gap-0\.5 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 0.5);
        }
    }

    .max-sm\:gap-1 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 1);
        }
    }

    .max-sm\:gap-1\.5 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 1.5);
        }
    }

    .max-sm\:gap-2 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .max-sm\:gap-2\.5 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 2.5);
        }
    }

    .max-sm\:gap-3 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:gap-4 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:gap-5 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .max-sm\:gap-6 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .max-sm\:gap-7 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 7);
        }
    }

    .max-sm\:gap-8 {
        @media (width < 40rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .max-sm\:gap-x-2 {
        @media (width < 40rem) {
            column-gap: calc(var(--spacing) * 2);
        }
    }

    .max-sm\:gap-x-3 {
        @media (width < 40rem) {
            column-gap: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:gap-x-4 {
        @media (width < 40rem) {
            column-gap: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:gap-x-5 {
        @media (width < 40rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .max-sm\:gap-x-10 {
        @media (width < 40rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .max-sm\:gap-y-0 {
        @media (width < 40rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:gap-y-1 {
        @media (width < 40rem) {
            row-gap: calc(var(--spacing) * 1);
        }
    }

    .max-sm\:gap-y-7 {
        @media (width < 40rem) {
            row-gap: calc(var(--spacing) * 7);
        }
    }

    .max-sm\:gap-y-8 {
        @media (width < 40rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .max-sm\:\[align-self\:end\] {
        @media (width < 40rem) {
            align-self: end;
        }
    }

    .max-sm\:\[align-self\:start\] {
        @media (width < 40rem) {
            align-self: start;
        }
    }

    .max-sm\:self-end {
        @media (width < 40rem) {
            align-self: flex-end;
        }
    }

    .max-sm\:justify-self-start {
        @media (width < 40rem) {
            justify-self: flex-start;
        }
    }

    .max-sm\:justify-self-stretch {
        @media (width < 40rem) {
            justify-self: stretch;
        }
    }

    .max-sm\:overflow-hidden {
        @media (width < 40rem) {
            overflow: hidden;
        }
    }

    .max-sm\:overflow-visible {
        @media (width < 40rem) {
            overflow: visible;
        }
    }

    .max-sm\:overflow-x-auto {
        @media (width < 40rem) {
            overflow-x: auto;
        }
    }

    .max-sm\:overflow-x-visible {
        @media (width < 40rem) {
            overflow-x: visible;
        }
    }

    .max-sm\:rounded-\(--custom-radius-card\) {
        @media (width < 40rem) {
            border-radius: var(--custom-radius-card);
        }
    }

    .max-sm\:rounded-sm {
        @media (width < 40rem) {
            border-radius: var(--radius-sm);
        }
    }

    .max-sm\:rounded-b-2xl {
        @media (width < 40rem) {
            border-bottom-right-radius: var(--radius-2xl);
            border-bottom-left-radius: var(--radius-2xl);
        }
    }

    .max-sm\:border-b {
        @media (width < 40rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .max-sm\:border-b-\(--color-border\) {
        @media (width < 40rem) {
            border-bottom-color: var(--color-border);
        }
    }

    .max-sm\:\[mask-image\:linear-gradient\(to_right\,transparent_0\,black_20px\,black_calc\(100\%-40px\)\,transparent_100\%\)\] {
        @media (width < 40rem) {
            mask-image: linear-gradient(to right, #0000 0, #000 20px calc(100% - 40px), #0000 100%);
        }
    }

    .max-sm\:object-\[30\%_70\%\] {
        @media (width < 40rem) {
            object-position: 30% 70%;
        }
    }

    .max-sm\:p-0 {
        @media (width < 40rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:px-\(--container-x\) {
        @media (width < 40rem) {
            padding-inline: var(--container-x);
        }
    }

    .max-sm\:px-0 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:px-1 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 1);
        }
    }

    .max-sm\:px-2 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .max-sm\:px-2\.5 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 2.5);
        }
    }

    .max-sm\:px-3 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:px-3\.5 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 3.5);
        }
    }

    .max-sm\:px-4 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:px-5 {
        @media (width < 40rem) {
            padding-inline: calc(var(--spacing) * 5);
        }
    }

    .max-sm\:py-0 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:py-1\.5 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 1.5);
        }
    }

    .max-sm\:py-1\.25 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 1.25);
        }
    }

    .max-sm\:py-2 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 2);
        }
    }

    .max-sm\:py-3 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:py-3\.5 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 3.5);
        }
    }

    .max-sm\:py-4 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:py-4\.5 {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 4.5);
        }
    }

    .max-sm\:ps-0 {
        @media (width < 40rem) {
            padding-inline-start: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:ps-3 {
        @media (width < 40rem) {
            padding-inline-start: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:ps-4 {
        @media (width < 40rem) {
            padding-inline-start: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:pe-0 {
        @media (width < 40rem) {
            padding-inline-end: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:pe-2\.5 {
        @media (width < 40rem) {
            padding-inline-end: calc(var(--spacing) * 2.5);
        }
    }

    .max-sm\:pe-10 {
        @media (width < 40rem) {
            padding-inline-end: calc(var(--spacing) * 10);
        }
    }

    .max-sm\:pt-0 {
        @media (width < 40rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:pt-1 {
        @media (width < 40rem) {
            padding-top: calc(var(--spacing) * 1);
        }
    }

    .max-sm\:pt-2\.5 {
        @media (width < 40rem) {
            padding-top: calc(var(--spacing) * 2.5);
        }
    }

    .max-sm\:pt-3 {
        @media (width < 40rem) {
            padding-top: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:pt-3\.5 {
        @media (width < 40rem) {
            padding-top: calc(var(--spacing) * 3.5);
        }
    }

    .max-sm\:pt-4\.5 {
        @media (width < 40rem) {
            padding-top: calc(var(--spacing) * 4.5);
        }
    }

    .max-sm\:pr-1 {
        @media (width < 40rem) {
            padding-right: calc(var(--spacing) * 1);
        }
    }

    .max-sm\:pr-3 {
        @media (width < 40rem) {
            padding-right: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:pr-4\.5 {
        @media (width < 40rem) {
            padding-right: calc(var(--spacing) * 4.5);
        }
    }

    .max-sm\:pr-8 {
        @media (width < 40rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .max-sm\:pb-0 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .max-sm\:pb-1\.5 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 1.5);
        }
    }

    .max-sm\:pb-2\.5 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 2.5);
        }
    }

    .max-sm\:pb-3 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:pb-3\.5 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 3.5);
        }
    }

    .max-sm\:pb-4 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:pb-4\.5 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 4.5);
        }
    }

    .max-sm\:pb-8 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .max-sm\:pb-12 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 12);
        }
    }

    .max-sm\:pb-18 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 18);
        }
    }

    .max-sm\:pb-28 {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 28);
        }
    }

    .max-sm\:pl-2 {
        @media (width < 40rem) {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .max-sm\:pl-3 {
        @media (width < 40rem) {
            padding-left: calc(var(--spacing) * 3);
        }
    }

    .max-sm\:pl-4 {
        @media (width < 40rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .max-sm\:pl-5 {
        @media (width < 40rem) {
            padding-left: calc(var(--spacing) * 5);
        }
    }

    .max-sm\:pl-10 {
        @media (width < 40rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }

    .max-sm\:text-center {
        @media (width < 40rem) {
            text-align: center;
        }
    }

    .max-sm\:text-left {
        @media (width < 40rem) {
            text-align: left;
        }
    }

    .max-sm\:text-start {
        @media (width < 40rem) {
            text-align: start;
        }
    }

    .max-sm\:text-sm {
        @media (width < 40rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }

    .max-sm\:text-\[0\.75rem\] {
        @media (width < 40rem) {
            font-size: 0.75rem;
        }
    }

    .max-sm\:text-\[0\.875rem\] {
        @media (width < 40rem) {
            font-size: 0.875rem;
        }
    }

    .max-sm\:text-\[0\.6875rem\] {
        @media (width < 40rem) {
            font-size: 0.6875rem;
        }
    }

    .max-sm\:text-\[0\.8125rem\] {
        @media (width < 40rem) {
            font-size: 0.8125rem;
        }
    }

    .max-sm\:text-\[0\.9375rem\] {
        @media (width < 40rem) {
            font-size: 0.9375rem;
        }
    }

    .max-sm\:text-\[1\.5rem\] {
        @media (width < 40rem) {
            font-size: 1.5rem;
        }
    }

    .max-sm\:text-\[1\.25rem\] {
        @media (width < 40rem) {
            font-size: 1.25rem;
        }
    }

    .max-sm\:text-\[1\.125rem\] {
        @media (width < 40rem) {
            font-size: 1.125rem;
        }
    }

    .max-sm\:text-\[1\.375rem\] {
        @media (width < 40rem) {
            font-size: 1.375rem;
        }
    }

    .max-sm\:text-\[1\.0625rem\] {
        @media (width < 40rem) {
            font-size: 1.0625rem;
        }
    }

    .max-sm\:text-\[1\.625rem\] {
        @media (width < 40rem) {
            font-size: 1.625rem;
        }
    }

    .max-sm\:text-\[1\.875rem\] {
        @media (width < 40rem) {
            font-size: 1.875rem;
        }
    }

    .max-sm\:text-\[1rem\] {
        @media (width < 40rem) {
            font-size: 1rem;
        }
    }

    .max-sm\:text-\[2rem\] {
        @media (width < 40rem) {
            font-size: 2rem;
        }
    }

    .max-sm\:leading-\[1\.3\] {
        @media (width < 40rem) {
            --tw-leading: 1.3;
            line-height: 1.3;
        }
    }

    .max-sm\:leading-\[1\.75rem\] {
        @media (width < 40rem) {
            --tw-leading: 1.75rem;
            line-height: 1.75rem;
        }
    }

    .max-sm\:tracking-\[0\.06em\] {
        @media (width < 40rem) {
            --tw-tracking: 0.06em;
            letter-spacing: 0.06em;
        }
    }

    .max-sm\:tracking-\[0\.08em\] {
        @media (width < 40rem) {
            --tw-tracking: 0.08em;
            letter-spacing: 0.08em;
        }
    }

    .max-sm\:tracking-\[0\.12em\] {
        @media (width < 40rem) {
            --tw-tracking: 0.12em;
            letter-spacing: 0.12em;
        }
    }

    .max-sm\:tracking-\[0\] {
        @media (width < 40rem) {
            --tw-tracking: 0;
            letter-spacing: 0;
        }
    }

    .max-sm\:text-pretty {
        @media (width < 40rem) {
            text-wrap: pretty;
        }
    }

    .max-sm\:whitespace-normal {
        @media (width < 40rem) {
            white-space: normal;
        }
    }

    .max-sm\:whitespace-nowrap {
        @media (width < 40rem) {
            white-space: nowrap;
        }
    }

    .max-sm\:\[--glow-size\:16rem\] {
        @media (width < 40rem) {
            --glow-size: 16rem;
        }
    }

    .max-sm\:\[--glow-size\:18rem\] {
        @media (width < 40rem) {
            --glow-size: 18rem;
        }
    }

    .max-sm\:\[--team-ratio\:1\/1\] {
        @media (width < 40rem) {
            --team-ratio: 1/1;
        }
    }

    .max-sm\:\[grid-area\:1_\/_1_\/_span_2\] {
        @media (width < 40rem) {
            grid-area: 1 / 1 / span 2;
        }
    }

    .max-sm\:\[grid-area\:1_\/_2\] {
        @media (width < 40rem) {
            grid-area: 1 / 2;
        }
    }

    .max-sm\:\[grid-area\:1_\/_3\] {
        @media (width < 40rem) {
            grid-area: 1 / 3;
        }
    }

    .max-sm\:\[grid-area\:2_\/_2_\/_auto_\/_span_2\] {
        @media (width < 40rem) {
            grid-area: 2 / 2 / auto / span 2;
        }
    }

    .max-sm\:\*\:px-3\.5 {
        @media (width < 40rem) {
            :is(& > *) {
                padding-inline: calc(var(--spacing) * 3.5);
            }
        }
    }

    .max-sm\:\*\:text-\[0\.9375rem\] {
        @media (width < 40rem) {
            :is(& > *) {
                font-size: 0.9375rem;
            }
        }
    }

    .max-sm\:before\:hidden {
        @media (width < 40rem) {
            &:before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .max-\[37\.5rem\]\:hidden {
        @media (width < 37.5rem) {
            display: none;
        }
    }

    .max-\[37\.5rem\]\:min-w-0 {
        @media (width < 37.5rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .max-\[37\.5rem\]\:px-2 {
        @media (width < 37.5rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .max-\[35rem\]\:row-\[span_2\] {
        @media (width < 35rem) {
            grid-row: span 2;
        }
    }

    .max-\[30rem\]\:top-0 {
        @media (width < 30rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .max-\[30rem\]\:top-\[3cqi\] {
        @media (width < 30rem) {
            top: 3cqi;
        }
    }

    .max-\[30rem\]\:bottom-3 {
        @media (width < 30rem) {
            bottom: calc(var(--spacing) * 3);
        }
    }

    .max-\[30rem\]\:-left-1 {
        @media (width < 30rem) {
            left: calc(var(--spacing) * -1);
        }
    }

    .max-\[30rem\]\:left-3 {
        @media (width < 30rem) {
            left: calc(var(--spacing) * 3);
        }
    }

    .max-\[30rem\]\:-mx-5 {
        @media (width < 30rem) {
            margin-inline: calc(var(--spacing) * -5);
        }
    }

    .max-\[30rem\]\:ms-0 {
        @media (width < 30rem) {
            margin-inline-start: calc(var(--spacing) * 0);
        }
    }

    .max-\[30rem\]\:me-1 {
        @media (width < 30rem) {
            margin-inline-end: calc(var(--spacing) * 1);
        }
    }

    .max-\[30rem\]\:flex {
        @media (width < 30rem) {
            display: flex;
        }
    }

    .max-\[30rem\]\:grid {
        @media (width < 30rem) {
            display: grid;
        }
    }

    .max-\[30rem\]\:hidden {
        @media (width < 30rem) {
            display: none;
        }
    }

    .max-\[30rem\]\:size-4 {
        @media (width < 30rem) {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4);
        }
    }

    .max-\[30rem\]\:min-h-10 {
        @media (width < 30rem) {
            min-height: calc(var(--spacing) * 10);
        }
    }

    .max-\[30rem\]\:w-9 {
        @media (width < 30rem) {
            width: calc(var(--spacing) * 9);
        }
    }

    .max-\[30rem\]\:w-full {
        @media (width < 30rem) {
            width: 100%;
        }
    }

    .max-\[30rem\]\:min-w-0 {
        @media (width < 30rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .max-\[30rem\]\:min-w-37 {
        @media (width < 30rem) {
            min-width: calc(var(--spacing) * 37);
        }
    }

    .max-\[30rem\]\:flex-\[1_1_100\%\] {
        @media (width < 30rem) {
            flex: 100%;
        }
    }

    .max-\[30rem\]\:grid-cols-1 {
        @media (width < 30rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .max-\[30rem\]\:grid-cols-2 {
        @media (width < 30rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .max-\[30rem\]\:grid-cols-4 {
        @media (width < 30rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .max-\[30rem\]\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width < 30rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .max-\[30rem\]\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
        @media (width < 30rem) {
            grid-template-columns: auto minmax(0, 1fr) auto;
        }
    }

    .max-\[30rem\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width < 30rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .max-\[30rem\]\:flex-col {
        @media (width < 30rem) {
            flex-direction: column;
        }
    }

    .max-\[30rem\]\:justify-center {
        @media (width < 30rem) {
            justify-content: center;
        }
    }

    .max-\[30rem\]\:gap-2 {
        @media (width < 30rem) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .max-\[30rem\]\:gap-2\.5 {
        @media (width < 30rem) {
            gap: calc(var(--spacing) * 2.5);
        }
    }

    .max-\[30rem\]\:gap-3 {
        @media (width < 30rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .max-\[30rem\]\:gap-4 {
        @media (width < 30rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .max-\[30rem\]\:gap-5 {
        @media (width < 30rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .max-\[30rem\]\:gap-x-1 {
        @media (width < 30rem) {
            column-gap: calc(var(--spacing) * 1);
        }
    }

    .max-\[30rem\]\:rounded-pill {
        @media (width < 30rem) {
            border-radius: var(--radius-pill);
        }
    }

    .max-\[30rem\]\:rounded-xl {
        @media (width < 30rem) {
            border-radius: var(--radius-xl);
        }
    }

    .max-\[30rem\]\:px-3 {
        @media (width < 30rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .max-\[30rem\]\:px-3\.5 {
        @media (width < 30rem) {
            padding-inline: calc(var(--spacing) * 3.5);
        }
    }

    .max-\[30rem\]\:px-5 {
        @media (width < 30rem) {
            padding-inline: calc(var(--spacing) * 5);
        }
    }

    .max-\[30rem\]\:py-2 {
        @media (width < 30rem) {
            padding-block: calc(var(--spacing) * 2);
        }
    }

    .max-\[30rem\]\:ps-3 {
        @media (width < 30rem) {
            padding-inline-start: calc(var(--spacing) * 3);
        }
    }

    .max-\[30rem\]\:pe-2 {
        @media (width < 30rem) {
            padding-inline-end: calc(var(--spacing) * 2);
        }
    }

    .max-\[30rem\]\:text-\[0\.875rem\] {
        @media (width < 30rem) {
            font-size: 0.875rem;
        }
    }

    .max-\[30rem\]\:text-\[0\.8125rem\] {
        @media (width < 30rem) {
            font-size: 0.8125rem;
        }
    }

    .max-\[30rem\]\:text-\[0\.9375rem\] {
        @media (width < 30rem) {
            font-size: 0.9375rem;
        }
    }

    .max-\[30rem\]\:text-\[1\.125rem\] {
        @media (width < 30rem) {
            font-size: 1.125rem;
        }
    }

    .max-\[30rem\]\:text-\[1\.0625rem\] {
        @media (width < 30rem) {
            font-size: 1.0625rem;
        }
    }

    .max-\[30rem\]\:text-\[1\.875rem\] {
        @media (width < 30rem) {
            font-size: 1.875rem;
        }
    }

    .max-\[30rem\]\:text-\[1rem\] {
        @media (width < 30rem) {
            font-size: 1rem;
        }
    }

    .max-\[30rem\]\:whitespace-normal {
        @media (width < 30rem) {
            white-space: normal;
        }
    }

    .max-\[26\.25rem\]\:hidden {
        @media (width < 26.25rem) {
            display: none;
        }
    }

    .max-\[24\.375rem\]\:text-\[1\.1875rem\] {
        @media (width < 24.375rem) {
            font-size: 1.1875rem;
        }
    }

    .max-\[23\.75rem\]\:absolute {
        @media (width < 23.75rem) {
            position: absolute;
        }
    }

    .max-\[23\.75rem\]\:size-px {
        @media (width < 23.75rem) {
            width: 1px;
            height: 1px;
        }
    }

    .max-\[23\.75rem\]\:overflow-hidden {
        @media (width < 23.75rem) {
            overflow: hidden;
        }
    }

    .max-\[23\.75rem\]\:px-\[0\.9rem\] {
        @media (width < 23.75rem) {
            padding-inline: 0.9rem;
        }
    }

    .min-\[420px\]\:grid-cols-\[1fr_auto\] {
        @media (width >= 420px) {
            grid-template-columns: 1fr auto;
        }
    }

    .min-\[420px\]\:border-s {
        @media (width >= 420px) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 1px;
        }
    }

    .min-\[420px\]\:border-t-0 {
        @media (width >= 420px) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }
    }

    .min-\[480px\]\:grid-cols-2 {
        @media (width >= 480px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[480px\]\:grid-cols-4 {
        @media (width >= 480px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .min-\[560px\]\:col-\[1\] {
        @media (width >= 560px) {
            grid-column: 1;
        }
    }

    .min-\[560px\]\:col-\[2\] {
        @media (width >= 560px) {
            grid-column: 2;
        }
    }

    .min-\[560px\]\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >= 560px) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .min-\[900px\]\:my-1\.5 {
        @media (width >= 900px) {
            margin-block: calc(var(--spacing) * 1.5);
        }
    }

    .min-\[900px\]\:mt-\(--custom-label\) {
        @media (width >= 900px) {
            margin-top: var(--custom-label);
        }
    }

    .min-\[900px\]\:block {
        @media (width >= 900px) {
            display: block;
        }
    }

    .min-\[900px\]\:aspect-auto {
        @media (width >= 900px) {
            aspect-ratio: auto;
        }
    }

    .min-\[900px\]\:h-full {
        @media (width >= 900px) {
            height: 100%;
        }
    }

    .min-\[900px\]\:min-h-120 {
        @media (width >= 900px) {
            min-height: calc(var(--spacing) * 120);
        }
    }

    .min-\[900px\]\:max-w-none {
        @media (width >= 900px) {
            max-width: none;
        }
    }

    .min-\[900px\]\:auto-rows-\[1fr\] {
        @media (width >= 900px) {
            grid-auto-rows: 1fr;
        }
    }

    .min-\[900px\]\:grid-cols-1 {
        @media (width >= 900px) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .min-\[900px\]\:grid-cols-2 {
        @media (width >= 900px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[900px\]\:grid-cols-3 {
        @media (width >= 900px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .min-\[900px\]\:grid-cols-\[1fr_1\.15fr_1fr\] {
        @media (width >= 900px) {
            grid-template-columns: 1fr 1.15fr 1fr;
        }
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 900px) {
            grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);
        }
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 900px) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 900px) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(3rem\,0\.9fr\)_auto_minmax\(3rem\,0\.9fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 900px) {
            grid-template-columns: minmax(0, 1fr) minmax(3rem, 0.9fr) auto minmax(
                    3rem,
                    0.9fr
                ) minmax(0, 1fr);
        }
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)\] {
        @media (width >= 900px) {
            grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
        }
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
        @media (width >= 900px) {
            grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        }
    }

    .min-\[900px\]\:grid-cols-\[minmax\(0\,11fr\)_minmax\(0\,13fr\)\] {
        @media (width >= 900px) {
            grid-template-columns: minmax(0, 11fr) minmax(0, 13fr);
        }
    }

    .min-\[900px\]\:grid-rows-\[repeat\(2\,clamp\(12rem\,8rem_\+_9vw\,17rem\)\)\] {
        @media (width >= 900px) {
            grid-template-rows: repeat(2, clamp(12rem, 8rem + 9vw, 17rem));
        }
    }

    .min-\[900px\]\:items-stretch {
        @media (width >= 900px) {
            align-items: stretch;
        }
    }

    .min-\[900px\]\:justify-between {
        @media (width >= 900px) {
            justify-content: space-between;
        }
    }

    .min-\[900px\]\:gap-0 {
        @media (width >= 900px) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .min-\[900px\]\:gap-6 {
        @media (width >= 900px) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .min-\[900px\]\:gap-\[clamp\(1rem\,2vw\,2rem\)\] {
        @media (width >= 900px) {
            gap: clamp(1rem, 2vw, 2rem);
        }
    }

    .min-\[900px\]\:gap-\[clamp\(2rem\,4vw\,4rem\)\] {
        @media (width >= 900px) {
            gap: clamp(2rem, 4vw, 4rem);
        }
    }

    .min-\[900px\]\:p-0 {
        @media (width >= 900px) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .min-\[900px\]\:py-8 {
        @media (width >= 900px) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .min-\[900px\]\:pb-\(--custom-gutter\) {
        @media (width >= 900px) {
            padding-bottom: var(--custom-gutter);
        }
    }

    .min-\[900px\]\:pb-\[clamp\(2\.25rem\,1\.5rem_\+_3vw\,3\.75rem\)\] {
        @media (width >= 900px) {
            padding-bottom: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);
        }
    }

    .min-\[960px\]\:max-w-none {
        @media (width >= 960px) {
            max-width: none;
        }
    }

    .min-\[960px\]\:grid-cols-3 {
        @media (width >= 960px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .min-\[960px\]\:items-stretch {
        @media (width >= 960px) {
            align-items: stretch;
        }
    }

    .min-\[1100px\]\:col-\[span_3\] {
        @media (width >= 1100px) {
            grid-column: span 3;
        }
    }

    .min-\[1100px\]\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 1100px) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        }
    }

    .min-\[1100px\]\:items-center {
        @media (width >= 1100px) {
            align-items: center;
        }
    }

    .min-\[1100px\]\:gap-6 {
        @media (width >= 1100px) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .min-\[1180px\]\:me-\[calc\(var\(--container-x\,1\.5rem\)_\*_-0\.25\)\] {
        @media (width >= 1180px) {
            margin-inline-end: calc(var(--container-x, 1.5rem) * -0.25);
        }
    }

    .min-\[1180px\]\:contents {
        @media (width >= 1180px) {
            display: contents;
        }
    }

    .min-\[1180px\]\:grid-cols-\[minmax\(0\,1\.14fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 1180px) {
            grid-template-columns: minmax(0, 1.14fr) minmax(0, 1fr);
        }
    }

    .min-\[1180px\]\:items-center {
        @media (width >= 1180px) {
            align-items: center;
        }
    }

    .min-\[1180px\]\:gap-x-\[clamp\(2\.5rem\,0\.5rem_\+_3\.4vw\,4\.5rem\)\] {
        @media (width >= 1180px) {
            column-gap: clamp(2.5rem, 0.5rem + 3.4vw, 4.5rem);
        }
    }

    .min-\[1180px\]\:text-start {
        @media (width >= 1180px) {
            text-align: start;
        }
    }

    .min-\[1200px\]\:min-h-\[15\.5rem\] {
        @media (width >= 1200px) {
            min-height: 15.5rem;
        }
    }

    .min-\[1200px\]\:grid-cols-3 {
        @media (width >= 1200px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .min-\[1200px\]\:grid-cols-4 {
        @media (width >= 1200px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .min-\[1200px\]\:grid-cols-5 {
        @media (width >= 1200px) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .min-\[1200px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,31rem\)\] {
        @media (width >= 1200px) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 31rem);
        }
    }

    .min-\[1200px\]\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 1200px) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        }
    }

    .min-\[1200px\]\:\[align-items\:end\] {
        @media (width >= 1200px) {
            align-items: end;
        }
    }

    .min-\[1200px\]\:items-center {
        @media (width >= 1200px) {
            align-items: center;
        }
    }

    .min-\[1200px\]\:items-stretch {
        @media (width >= 1200px) {
            align-items: stretch;
        }
    }

    .min-\[1200px\]\:gap-5 {
        @media (width >= 1200px) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .min-\[1200px\]\:gap-6 {
        @media (width >= 1200px) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .min-\[1200px\]\:gap-\[clamp\(2\.5rem\,4vw\,4rem\)\] {
        @media (width >= 1200px) {
            gap: clamp(2.5rem, 4vw, 4rem);
        }
    }

    .min-\[1200px\]\:gap-x-\[clamp\(3rem\,1rem_\+_4vw\,6rem\)\] {
        @media (width >= 1200px) {
            column-gap: clamp(3rem, 1rem + 4vw, 6rem);
        }
    }

    .min-\[1400px\]\:sticky {
        @media (width >= 1400px) {
            position: sticky;
        }
    }

    .min-\[1400px\]\:top-12 {
        @media (width >= 1400px) {
            top: calc(var(--spacing) * 12);
        }
    }

    .min-\[1400px\]\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\] {
        @media (width >= 1400px) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        }
    }

    .min-\[1400px\]\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)\] {
        @media (width >= 1400px) {
            grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
        }
    }

    .min-\[1400px\]\:items-center {
        @media (width >= 1400px) {
            align-items: center;
        }
    }

    .min-\[1400px\]\:items-start {
        @media (width >= 1400px) {
            align-items: flex-start;
        }
    }

    .min-\[22\.5rem\]\:grid-cols-2 {
        @media (width >= 22.5rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[22\.5rem\]\:gap-3 {
        @media (width >= 22.5rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .min-\[30rem\]\:grid-cols-3 {
        @media (width >= 30rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .min-\[35rem\]\:grid-cols-2 {
        @media (width >= 35rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[35rem\]\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 35rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
        }
    }

    .min-\[35rem\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 35rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .min-\[37\.5rem\]\:grid-cols-2 {
        @media (width >= 37.5rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[37\.5rem\]\:\[grid-area\:feed\] {
        @media (width >= 37.5rem) {
            grid-area: feed;
        }
    }

    .min-\[37\.5rem\]\:\[grid-area\:inbox\] {
        @media (width >= 37.5rem) {
            grid-area: inbox;
        }
    }

    .min-\[37\.5rem\]\:\[grid-area\:pl\] {
        @media (width >= 37.5rem) {
            grid-area: pl;
        }
    }

    .min-\[37\.5rem\]\:\[grid-area\:pot\] {
        @media (width >= 37.5rem) {
            grid-area: pot;
        }
    }

    .sm\:absolute {
        @media (width >= 40rem) {
            position: absolute;
        }
    }

    .sm\:relative {
        @media (width >= 40rem) {
            position: relative;
        }
    }

    .sm\:inset-0 {
        @media (width >= 40rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .sm\:inset-x-6 {
        @media (width >= 40rem) {
            inset-inline: calc(var(--spacing) * 6);
        }
    }

    .sm\:inset-x-\[9\%\] {
        @media (width >= 40rem) {
            inset-inline: 9%;
        }
    }

    .sm\:inset-x-\[10\%\] {
        @media (width >= 40rem) {
            inset-inline: 10%;
        }
    }

    .sm\:inset-x-\[12\%\] {
        @media (width >= 40rem) {
            inset-inline: 12%;
        }
    }

    .sm\:inset-x-auto {
        @media (width >= 40rem) {
            inset-inline: auto;
        }
    }

    .sm\:start-4 {
        @media (width >= 40rem) {
            inset-inline-start: calc(var(--spacing) * 4);
        }
    }

    .sm\:-top-7 {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * -7);
        }
    }

    .sm\:top-5 {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 5);
        }
    }

    .sm\:top-6 {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .sm\:top-7 {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 7);
        }
    }

    .sm\:top-8 {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .sm\:top-14 {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 14);
        }
    }

    .sm\:top-42 {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 42);
        }
    }

    .sm\:top-\[8\%\] {
        @media (width >= 40rem) {
            top: 8%;
        }
    }

    .sm\:top-\[16\%\] {
        @media (width >= 40rem) {
            top: 16%;
        }
    }

    .sm\:top-\[24\%\] {
        @media (width >= 40rem) {
            top: 24%;
        }
    }

    .sm\:top-\[30\%\] {
        @media (width >= 40rem) {
            top: 30%;
        }
    }

    .sm\:top-\[64\%\] {
        @media (width >= 40rem) {
            top: 64%;
        }
    }

    .sm\:top-auto {
        @media (width >= 40rem) {
            top: auto;
        }
    }

    .sm\:-right-12 {
        @media (width >= 40rem) {
            right: calc(var(--spacing) * -12);
        }
    }

    .sm\:-right-20 {
        @media (width >= 40rem) {
            right: calc(var(--spacing) * -20);
        }
    }

    .sm\:right-0 {
        @media (width >= 40rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .sm\:right-6 {
        @media (width >= 40rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .sm\:right-8 {
        @media (width >= 40rem) {
            right: calc(var(--spacing) * 8);
        }
    }

    .sm\:right-\[4\%\] {
        @media (width >= 40rem) {
            right: 4%;
        }
    }

    .sm\:right-\[8\%\] {
        @media (width >= 40rem) {
            right: 8%;
        }
    }

    .sm\:right-\[16\%\] {
        @media (width >= 40rem) {
            right: 16%;
        }
    }

    .sm\:right-auto {
        @media (width >= 40rem) {
            right: auto;
        }
    }

    .sm\:-bottom-8 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * -8);
        }
    }

    .sm\:bottom-0 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .sm\:bottom-3 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 3);
        }
    }

    .sm\:bottom-4 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 4);
        }
    }

    .sm\:bottom-5 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 5);
        }
    }

    .sm\:bottom-6 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 6);
        }
    }

    .sm\:bottom-8 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 8);
        }
    }

    .sm\:bottom-9 {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 9);
        }
    }

    .sm\:bottom-\[2\%\] {
        @media (width >= 40rem) {
            bottom: 2%;
        }
    }

    .sm\:bottom-\[8\%\] {
        @media (width >= 40rem) {
            bottom: 8%;
        }
    }

    .sm\:bottom-\[10\%\] {
        @media (width >= 40rem) {
            bottom: 10%;
        }
    }

    .sm\:bottom-auto {
        @media (width >= 40rem) {
            bottom: auto;
        }
    }

    .sm\:-left-8 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * -8);
        }
    }

    .sm\:-left-14 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * -14);
        }
    }

    .sm\:-left-16 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * -16);
        }
    }

    .sm\:left-0 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .sm\:left-3 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * 3);
        }
    }

    .sm\:left-5 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * 5);
        }
    }

    .sm\:left-6 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * 6);
        }
    }

    .sm\:left-8 {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * 8);
        }
    }

    .sm\:left-\[2\%\] {
        @media (width >= 40rem) {
            left: 2%;
        }
    }

    .sm\:left-\[3\%\] {
        @media (width >= 40rem) {
            left: 3%;
        }
    }

    .sm\:left-\[12\%\] {
        @media (width >= 40rem) {
            left: 12%;
        }
    }

    .sm\:left-\[60\%\] {
        @media (width >= 40rem) {
            left: 60%;
        }
    }

    .sm\:left-auto {
        @media (width >= 40rem) {
            left: auto;
        }
    }

    .sm\:order-none {
        @media (width >= 40rem) {
            order: 0;
        }
    }

    .sm\:col-\[3\] {
        @media (width >= 40rem) {
            grid-column: 3;
        }
    }

    .sm\:col-\[auto\] {
        @media (width >= 40rem) {
            grid-column: auto;
        }
    }

    .sm\:col-\[span_2\] {
        @media (width >= 40rem) {
            grid-column: span 2;
        }
    }

    .sm\:col-auto {
        @media (width >= 40rem) {
            grid-column: auto;
        }
    }

    .sm\:col-span-1 {
        @media (width >= 40rem) {
            grid-column: span 1 / span 1;
        }
    }

    .sm\:col-span-2 {
        @media (width >= 40rem) {
            grid-column: span 2 / span 2;
        }
    }

    .sm\:col-span-3 {
        @media (width >= 40rem) {
            grid-column: span 3 / span 3;
        }
    }

    .sm\:col-span-4 {
        @media (width >= 40rem) {
            grid-column: span 4 / span 4;
        }
    }

    .sm\:col-span-6 {
        @media (width >= 40rem) {
            grid-column: span 6 / span 6;
        }
    }

    .sm\:col-span-full {
        @media (width >= 40rem) {
            grid-column: 1 / -1;
        }
    }

    .sm\:col-start-2 {
        @media (width >= 40rem) {
            grid-column-start: 2;
        }
    }

    .sm\:row-\[1_\/_span_2\] {
        @media (width >= 40rem) {
            grid-row: 1 / span 2;
        }
    }

    .sm\:row-\[1_\/_span_4\] {
        @media (width >= 40rem) {
            grid-row: 1 / span 4;
        }
    }

    .sm\:row-\[auto\] {
        @media (width >= 40rem) {
            grid-row: auto;
        }
    }

    .sm\:row-\[span_2\] {
        @media (width >= 40rem) {
            grid-row: span 2;
        }
    }

    .sm\:row-auto {
        @media (width >= 40rem) {
            grid-row: auto;
        }
    }

    .sm\:row-span-2 {
        @media (width >= 40rem) {
            grid-row: span 2 / span 2;
        }
    }

    .sm\:m-0 {
        @media (width >= 40rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .sm\:m-5 {
        @media (width >= 40rem) {
            margin: calc(var(--spacing) * 5);
        }
    }

    .sm\:mx-0 {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .sm\:mx-6 {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 6);
        }
    }

    .sm\:mx-8 {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 8);
        }
    }

    .sm\:mx-10 {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 10);
        }
    }

    .sm\:ms-auto {
        @media (width >= 40rem) {
            margin-inline-start: auto;
        }
    }

    .sm\:-me-4 {
        @media (width >= 40rem) {
            margin-inline-end: calc(var(--spacing) * -4);
        }
    }

    .sm\:me-2 {
        @media (width >= 40rem) {
            margin-inline-end: calc(var(--spacing) * 2);
        }
    }

    .sm\:-mt-36 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * -36);
        }
    }

    .sm\:mt-0 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .sm\:mt-3 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .sm\:mt-3\.5 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 3.5);
        }
    }

    .sm\:mt-5 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .sm\:mt-6 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .sm\:mt-7 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 7);
        }
    }

    .sm\:mt-8 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .sm\:mt-10 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .sm\:mt-11 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 11);
        }
    }

    .sm\:mt-14 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 14);
        }
    }

    .sm\:mt-16 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .sm\:mt-20 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .sm\:mt-22 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 22);
        }
    }

    .sm\:mt-32 {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .sm\:mt-\[0\.4rem\] {
        @media (width >= 40rem) {
            margin-top: 0.4rem;
        }
    }

    .sm\:mr-0 {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .sm\:mr-1\.5 {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 1.5);
        }
    }

    .sm\:mr-12 {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 12);
        }
    }

    .sm\:-mb-12 {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * -12);
        }
    }

    .sm\:mb-0 {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .sm\:mb-6 {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }

    .sm\:mb-8 {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 8);
        }
    }

    .sm\:mb-12 {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 12);
        }
    }

    .sm\:ml-0 {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .sm\:ml-6 {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .sm\:ml-8 {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 8);
        }
    }

    .sm\:ml-\[clamp\(1\.5rem\,4vw\,4rem\)\] {
        @media (width >= 40rem) {
            margin-left: clamp(1.5rem, 4vw, 4rem);
        }
    }

    .sm\:ml-auto {
        @media (width >= 40rem) {
            margin-left: auto;
        }
    }

    .sm\:block {
        @media (width >= 40rem) {
            display: block;
        }
    }

    .sm\:flex {
        @media (width >= 40rem) {
            display: flex;
        }
    }

    .sm\:grid {
        @media (width >= 40rem) {
            display: grid;
        }
    }

    .sm\:hidden {
        @media (width >= 40rem) {
            display: none;
        }
    }

    .sm\:inline {
        @media (width >= 40rem) {
            display: inline;
        }
    }

    .sm\:inline-flex {
        @media (width >= 40rem) {
            display: inline-flex;
        }
    }

    .sm\:inline-grid {
        @media (width >= 40rem) {
            display: inline-grid;
        }
    }

    .sm\:aspect-3\/2 {
        @media (width >= 40rem) {
            aspect-ratio: 3 / 2;
        }
    }

    .sm\:aspect-16\/9 {
        @media (width >= 40rem) {
            aspect-ratio: 16 / 9;
        }
    }

    .sm\:aspect-16\/10 {
        @media (width >= 40rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .sm\:aspect-\[2\/1\] {
        @media (width >= 40rem) {
            aspect-ratio: 2;
        }
    }

    .sm\:aspect-\[4\/3\] {
        @media (width >= 40rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .sm\:aspect-\[4\/4\.6\] {
        @media (width >= 40rem) {
            aspect-ratio: 4 / 4.6;
        }
    }

    .sm\:aspect-\[4\/5\] {
        @media (width >= 40rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .sm\:aspect-\[16\/9\] {
        @media (width >= 40rem) {
            aspect-ratio: 16 / 9;
        }
    }

    .sm\:aspect-\[16\/10\] {
        @media (width >= 40rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .sm\:aspect-\[16\/11\] {
        @media (width >= 40rem) {
            aspect-ratio: 16 / 11;
        }
    }

    .sm\:aspect-\[21\/9\] {
        @media (width >= 40rem) {
            aspect-ratio: 21 / 9;
        }
    }

    .sm\:aspect-\[auto\] {
        @media (width >= 40rem) {
            aspect-ratio: auto;
        }
    }

    .sm\:aspect-auto {
        @media (width >= 40rem) {
            aspect-ratio: auto;
        }
    }

    .sm\:aspect-square {
        @media (width >= 40rem) {
            aspect-ratio: 1;
        }
    }

    .sm\:aspect-video {
        @media (width >= 40rem) {
            aspect-ratio: var(--aspect-video);
        }
    }

    .sm\:h-0 {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 0);
        }
    }

    .sm\:h-24 {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 24);
        }
    }

    .sm\:h-32 {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 32);
        }
    }

    .sm\:h-36 {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 36);
        }
    }

    .sm\:h-44 {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 44);
        }
    }

    .sm\:h-\[4\.5rem\] {
        @media (width >= 40rem) {
            height: 4.5rem;
        }
    }

    .sm\:h-\[21rem\] {
        @media (width >= 40rem) {
            height: 21rem;
        }
    }

    .sm\:h-\[28rem\] {
        @media (width >= 40rem) {
            height: 28rem;
        }
    }

    .sm\:h-\[30rem\] {
        @media (width >= 40rem) {
            height: 30rem;
        }
    }

    .sm\:h-\[38rem\] {
        @media (width >= 40rem) {
            height: 38rem;
        }
    }

    .sm\:h-\[clamp\(16rem\,10rem\+14vw\,23rem\)\] {
        @media (width >= 40rem) {
            height: clamp(16rem, 10rem + 14vw, 23rem);
        }
    }

    .sm\:h-auto {
        @media (width >= 40rem) {
            height: auto;
        }
    }

    .sm\:h-full {
        @media (width >= 40rem) {
            height: 100%;
        }
    }

    .sm\:min-h-80 {
        @media (width >= 40rem) {
            min-height: calc(var(--spacing) * 80);
        }
    }

    .sm\:min-h-104 {
        @media (width >= 40rem) {
            min-height: calc(var(--spacing) * 104);
        }
    }

    .sm\:min-h-\[13rem\] {
        @media (width >= 40rem) {
            min-height: 13rem;
        }
    }

    .sm\:min-h-\[15rem\] {
        @media (width >= 40rem) {
            min-height: 15rem;
        }
    }

    .sm\:min-h-\[27rem\] {
        @media (width >= 40rem) {
            min-height: 27rem;
        }
    }

    .sm\:min-h-\[30rem\] {
        @media (width >= 40rem) {
            min-height: 30rem;
        }
    }

    .sm\:min-h-\[32rem\] {
        @media (width >= 40rem) {
            min-height: 32rem;
        }
    }

    .sm\:min-h-\[34rem\] {
        @media (width >= 40rem) {
            min-height: 34rem;
        }
    }

    .sm\:min-h-\[38rem\] {
        @media (width >= 40rem) {
            min-height: 38rem;
        }
    }

    .sm\:w-2\/5 {
        @media (width >= 40rem) {
            width: 40%;
        }
    }

    .sm\:w-24 {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 24);
        }
    }

    .sm\:w-30 {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 30);
        }
    }

    .sm\:w-40 {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 40);
        }
    }

    .sm\:w-56 {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 56);
        }
    }

    .sm\:w-62 {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 62);
        }
    }

    .sm\:w-64 {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 64);
        }
    }

    .sm\:w-72 {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 72);
        }
    }

    .sm\:w-\[17rem\] {
        @media (width >= 40rem) {
            width: 17rem;
        }
    }

    .sm\:w-\[20rem\] {
        @media (width >= 40rem) {
            width: 20rem;
        }
    }

    .sm\:w-\[21rem\] {
        @media (width >= 40rem) {
            width: 21rem;
        }
    }

    .sm\:w-\[22rem\] {
        @media (width >= 40rem) {
            width: 22rem;
        }
    }

    .sm\:w-\[24rem\] {
        @media (width >= 40rem) {
            width: 24rem;
        }
    }

    .sm\:w-\[25rem\] {
        @media (width >= 40rem) {
            width: 25rem;
        }
    }

    .sm\:w-\[26rem\] {
        @media (width >= 40rem) {
            width: 26rem;
        }
    }

    .sm\:w-\[34vw\] {
        @media (width >= 40rem) {
            width: 34vw;
        }
    }

    .sm\:w-\[36vw\] {
        @media (width >= 40rem) {
            width: 36vw;
        }
    }

    .sm\:w-\[38vw\] {
        @media (width >= 40rem) {
            width: 38vw;
        }
    }

    .sm\:w-\[40\%\] {
        @media (width >= 40rem) {
            width: 40%;
        }
    }

    .sm\:w-\[40vw\] {
        @media (width >= 40rem) {
            width: 40vw;
        }
    }

    .sm\:w-\[42vw\] {
        @media (width >= 40rem) {
            width: 42vw;
        }
    }

    .sm\:w-\[44\%\] {
        @media (width >= 40rem) {
            width: 44%;
        }
    }

    .sm\:w-\[44vw\] {
        @media (width >= 40rem) {
            width: 44vw;
        }
    }

    .sm\:w-\[46\%\] {
        @media (width >= 40rem) {
            width: 46%;
        }
    }

    .sm\:w-\[46vw\] {
        @media (width >= 40rem) {
            width: 46vw;
        }
    }

    .sm\:w-\[50vw\] {
        @media (width >= 40rem) {
            width: 50vw;
        }
    }

    .sm\:w-\[52vw\] {
        @media (width >= 40rem) {
            width: 52vw;
        }
    }

    .sm\:w-\[56vw\] {
        @media (width >= 40rem) {
            width: 56vw;
        }
    }

    .sm\:w-\[58vw\] {
        @media (width >= 40rem) {
            width: 58vw;
        }
    }

    .sm\:w-\[60vw\] {
        @media (width >= 40rem) {
            width: 60vw;
        }
    }

    .sm\:w-\[62vw\] {
        @media (width >= 40rem) {
            width: 62vw;
        }
    }

    .sm\:w-\[64vw\] {
        @media (width >= 40rem) {
            width: 64vw;
        }
    }

    .sm\:w-\[76\%\] {
        @media (width >= 40rem) {
            width: 76%;
        }
    }

    .sm\:w-\[calc\(100\%-3rem\)\] {
        @media (width >= 40rem) {
            width: calc(100% - 3rem);
        }
    }

    .sm\:w-\[min\(26rem\,88\%\)\] {
        @media (width >= 40rem) {
            width: min(26rem, 88%);
        }
    }

    .sm\:w-\[min\(100\%\,34rem\)\] {
        @media (width >= 40rem) {
            width: min(100%, 34rem);
        }
    }

    .sm\:w-\[min\(100\%_-_6rem\,30rem\)\] {
        @media (width >= 40rem) {
            width: min(100% - 6rem, 30rem);
        }
    }

    .sm\:w-auto {
        @media (width >= 40rem) {
            width: auto;
        }
    }

    .sm\:max-w-120 {
        @media (width >= 40rem) {
            max-width: calc(var(--spacing) * 120);
        }
    }

    .sm\:max-w-\[15rem\] {
        @media (width >= 40rem) {
            max-width: 15rem;
        }
    }

    .sm\:max-w-\[26rem\] {
        @media (width >= 40rem) {
            max-width: 26rem;
        }
    }

    .sm\:max-w-\[34rem\] {
        @media (width >= 40rem) {
            max-width: 34rem;
        }
    }

    .sm\:max-w-\[calc\(50\%-0\.875rem\)\] {
        @media (width >= 40rem) {
            max-width: calc(50% - 0.875rem);
        }
    }

    .sm\:max-w-full {
        @media (width >= 40rem) {
            max-width: 100%;
        }
    }

    .sm\:min-w-\[10rem\] {
        @media (width >= 40rem) {
            min-width: 10rem;
        }
    }

    .sm\:min-w-\[11rem\] {
        @media (width >= 40rem) {
            min-width: 11rem;
        }
    }

    .sm\:min-w-\[12rem\] {
        @media (width >= 40rem) {
            min-width: 12rem;
        }
    }

    .sm\:min-w-\[15rem\] {
        @media (width >= 40rem) {
            min-width: 15rem;
        }
    }

    .sm\:min-w-\[17rem\] {
        @media (width >= 40rem) {
            min-width: 17rem;
        }
    }

    .sm\:flex-none {
        @media (width >= 40rem) {
            flex: none;
        }
    }

    .sm\:shrink-0 {
        @media (width >= 40rem) {
            flex-shrink: 0;
        }
    }

    .sm\:basis-auto {
        @media (width >= 40rem) {
            flex-basis: auto;
        }
    }

    .sm\:translate-y-10 {
        @media (width >= 40rem) {
            --tw-translate-y: calc(var(--spacing) * 10);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .sm\:auto-cols-\[46\%\] {
        @media (width >= 40rem) {
            grid-auto-columns: 46%;
        }
    }

    .sm\:auto-cols-\[minmax\(15rem\,40\%\)\] {
        @media (width >= 40rem) {
            grid-auto-columns: minmax(15rem, 40%);
        }
    }

    .sm\:auto-rows-\[1fr\] {
        @media (width >= 40rem) {
            grid-auto-rows: 1fr;
        }
    }

    .sm\:grid-cols-1 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-2 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-3 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-4 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-5 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-6 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-8 {
        @media (width >= 40rem) {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .sm\:grid-cols-\[0\.8fr_0\.8fr_1fr_1\.2fr\] {
        @media (width >= 40rem) {
            grid-template-columns: 0.8fr 0.8fr 1fr 1.2fr;
        }
    }

    .sm\:grid-cols-\[1fr_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: 1fr auto;
        }
    }

    .sm\:grid-cols-\[1fr_auto_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: 1fr auto auto;
        }
    }

    .sm\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: 2.5rem minmax(0, 1fr) auto;
        }
    }

    .sm\:grid-cols-\[3\.75rem_1fr\] {
        @media (width >= 40rem) {
            grid-template-columns: 3.75rem 1fr;
        }
    }

    .sm\:grid-cols-\[3rem_1\.1fr_1fr_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: 3rem 1.1fr 1fr auto;
        }
    }

    .sm\:grid-cols-\[4\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 4.5rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[5rem_minmax\(0\,1fr\)_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: 5rem minmax(0, 1fr) auto;
        }
    }

    .sm\:grid-cols-\[6\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 6.5rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[6rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 6rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[7\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 7.5rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[8rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 8rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[8rem_minmax\(0\,_1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 8rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[9rem_1fr_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: 9rem 1fr auto;
        }
    }

    .sm\:grid-cols-\[9rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 9rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[10rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 10rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[11rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 11rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[12rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: 12rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[14rem_1fr\] {
        @media (width >= 40rem) {
            grid-template-columns: 14rem 1fr;
        }
    }

    .sm\:grid-cols-\[auto_1fr\] {
        @media (width >= 40rem) {
            grid-template-columns: auto 1fr;
        }
    }

    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: auto minmax(0, 1fr) auto;
        }
    }

    .sm\:grid-cols-\[auto_minmax\(0\,_1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[clamp\(6\.5rem\,4rem_\+_8vw\,10rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: clamp(6.5rem, 4rem + 8vw, 10rem) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_6\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) 6.5rem minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_12rem\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) 12rem;
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.6fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1.2fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,13rem\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 13rem);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,13rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,14rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,15rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
        }
    }

    .sm\:grid-cols-\[minmax\(0\,_1fr\)_auto\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .sm\:grid-cols-\[minmax\(0\,_5fr\)_minmax\(0\,_6fr\)\] {
        @media (width >= 40rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        }
    }

    .sm\:grid-cols-\[repeat\(4\,auto\)\] {
        @media (width >= 40rem) {
            grid-template-columns: repeat(4, auto);
        }
    }

    .sm\:grid-rows-\[auto_auto_minmax\(0\,1fr\)\] {
        @media (width >= 40rem) {
            grid-template-rows: auto auto minmax(0, 1fr);
        }
    }

    .sm\:flex-col {
        @media (width >= 40rem) {
            flex-direction: column;
        }
    }

    .sm\:flex-row {
        @media (width >= 40rem) {
            flex-direction: row;
        }
    }

    .sm\:flex-row-reverse {
        @media (width >= 40rem) {
            flex-direction: row-reverse;
        }
    }

    .sm\:flex-wrap {
        @media (width >= 40rem) {
            flex-wrap: wrap;
        }
    }

    .sm\:\[align-items\:end\] {
        @media (width >= 40rem) {
            align-items: end;
        }
    }

    .sm\:items-baseline {
        @media (width >= 40rem) {
            align-items: baseline;
        }
    }

    .sm\:items-center {
        @media (width >= 40rem) {
            align-items: center;
        }
    }

    .sm\:items-end {
        @media (width >= 40rem) {
            align-items: flex-end;
        }
    }

    .sm\:items-start {
        @media (width >= 40rem) {
            align-items: flex-start;
        }
    }

    .sm\:items-stretch {
        @media (width >= 40rem) {
            align-items: stretch;
        }
    }

    .sm\:justify-between {
        @media (width >= 40rem) {
            justify-content: space-between;
        }
    }

    .sm\:justify-center {
        @media (width >= 40rem) {
            justify-content: center;
        }
    }

    .sm\:justify-end {
        @media (width >= 40rem) {
            justify-content: flex-end;
        }
    }

    .sm\:justify-start {
        @media (width >= 40rem) {
            justify-content: flex-start;
        }
    }

    .sm\:justify-items-center {
        @media (width >= 40rem) {
            justify-items: center;
        }
    }

    .sm\:justify-items-start {
        @media (width >= 40rem) {
            justify-items: start;
        }
    }

    .sm\:justify-items-stretch {
        @media (width >= 40rem) {
            justify-items: stretch;
        }
    }

    .sm\:gap-2 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .sm\:gap-2\.5 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 2.5);
        }
    }

    .sm\:gap-3 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .sm\:gap-4 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .sm\:gap-5 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .sm\:gap-6 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .sm\:gap-7 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 7);
        }
    }

    .sm\:gap-8 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .sm\:gap-9 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 9);
        }
    }

    .sm\:gap-10 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 10);
        }
    }

    .sm\:gap-12 {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 12);
        }
    }

    .sm\:gap-\[clamp\(0\.75rem\,0\.25rem_\+_1\.2vw\,1\.5rem\)\] {
        @media (width >= 40rem) {
            gap: clamp(0.75rem, 0.25rem + 1.2vw, 1.5rem);
        }
    }

    .sm\:gap-x-5 {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .sm\:gap-x-6 {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .sm\:gap-x-7 {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 7);
        }
    }

    .sm\:gap-x-8 {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .sm\:gap-x-9 {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 9);
        }
    }

    .sm\:gap-x-10 {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .sm\:gap-y-0 {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .sm\:gap-y-2\.5 {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 2.5);
        }
    }

    .sm\:gap-y-9 {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 9);
        }
    }

    .sm\:gap-y-12 {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .sm\:gap-y-14 {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 14);
        }
    }

    .sm\:divide-x {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .sm\:divide-y-0 {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-y-reverse: 0;
                border-bottom-style: var(--tw-border-style);
                border-top-style: var(--tw-border-style);
                border-top-width: calc(0px * var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
            }
        }
    }

    .sm\:divide-\(--color-border\) {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-border);
            }
        }
    }

    .sm\:divide-\[var\(--color-border\)\] {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-border);
            }
        }
    }

    .sm\:\[align-self\:start\] {
        @media (width >= 40rem) {
            align-self: start;
        }
    }

    .sm\:self-auto {
        @media (width >= 40rem) {
            align-self: auto;
        }
    }

    .sm\:overflow-visible {
        @media (width >= 40rem) {
            overflow: visible;
        }
    }

    .sm\:rounded-\(--custom-radius-card\) {
        @media (width >= 40rem) {
            border-radius: var(--custom-radius-card);
        }
    }

    .sm\:border-s {
        @media (width >= 40rem) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 1px;
        }
    }

    .sm\:border-t-0 {
        @media (width >= 40rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }
    }

    .sm\:border-b-0 {
        @media (width >= 40rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }
    }

    .sm\:border-l {
        @media (width >= 40rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .sm\:border-white\/15 {
        @media (width >= 40rem) {
            border-color: #ffffff26;

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
            }
        }
    }

    .sm\:object-cover {
        @media (width >= 40rem) {
            object-fit: cover;
        }
    }

    .sm\:p-2 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 2);
        }
    }

    .sm\:p-3 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 3);
        }
    }

    .sm\:p-4 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 4);
        }
    }

    .sm\:p-5 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 5);
        }
    }

    .sm\:p-6 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .sm\:p-7 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 7);
        }
    }

    .sm\:p-8 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 8);
        }
    }

    .sm\:p-9 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 9);
        }
    }

    .sm\:p-10 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .sm\:p-11 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 11);
        }
    }

    .sm\:p-12 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .sm\:p-14 {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 14);
        }
    }

    .sm\:px-0 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .sm\:px-3 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .sm\:px-4 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .sm\:px-6 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .sm\:px-6\.5 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 6.5);
        }
    }

    .sm\:px-7 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 7);
        }
    }

    .sm\:px-8 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .sm\:px-9 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 9);
        }
    }

    .sm\:px-10 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .sm\:px-12 {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    .sm\:py-1 {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 1);
        }
    }

    .sm\:py-1\.75 {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 1.75);
        }
    }

    .sm\:py-4 {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .sm\:py-5 {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 5);
        }
    }

    .sm\:py-6 {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .sm\:py-8 {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .sm\:py-16 {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .sm\:ps-2 {
        @media (width >= 40rem) {
            padding-inline-start: calc(var(--spacing) * 2);
        }
    }

    .sm\:ps-6 {
        @media (width >= 40rem) {
            padding-inline-start: calc(var(--spacing) * 6);
        }
    }

    .sm\:ps-8 {
        @media (width >= 40rem) {
            padding-inline-start: calc(var(--spacing) * 8);
        }
    }

    .sm\:pe-6 {
        @media (width >= 40rem) {
            padding-inline-end: calc(var(--spacing) * 6);
        }
    }

    .sm\:pe-24 {
        @media (width >= 40rem) {
            padding-inline-end: calc(var(--spacing) * 24);
        }
    }

    .sm\:pt-2 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 2);
        }
    }

    .sm\:pt-4\.5 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 4.5);
        }
    }

    .sm\:pt-5 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .sm\:pt-6 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .sm\:pt-7 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 7);
        }
    }

    .sm\:pt-8 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .sm\:pt-9 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 9);
        }
    }

    .sm\:pt-10 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .sm\:pt-11 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 11);
        }
    }

    .sm\:pt-14 {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .sm\:pr-\(--bento-x\) {
        @media (width >= 40rem) {
            padding-right: var(--bento-x);
        }
    }

    .sm\:pr-0 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .sm\:pr-3 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 3);
        }
    }

    .sm\:pr-3\.5 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 3.5);
        }
    }

    .sm\:pr-5 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 5);
        }
    }

    .sm\:pr-6 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .sm\:pr-8 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .sm\:pr-10 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 10);
        }
    }

    .sm\:pr-16 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 16);
        }
    }

    .sm\:pr-20 {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 20);
        }
    }

    .sm\:pb-0 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .sm\:pb-3 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 3);
        }
    }

    .sm\:pb-3\.5 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 3.5);
        }
    }

    .sm\:pb-5 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 5);
        }
    }

    .sm\:pb-5\.5 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 5.5);
        }
    }

    .sm\:pb-6 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 6);
        }
    }

    .sm\:pb-7 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 7);
        }
    }

    .sm\:pb-8 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .sm\:pb-10 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .sm\:pb-16 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .sm\:pb-20 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .sm\:pb-24 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .sm\:pb-32 {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }

    .sm\:pl-0 {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .sm\:pl-2\.5 {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 2.5);
        }
    }

    .sm\:pl-3 {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 3);
        }
    }

    .sm\:pl-8 {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .sm\:pl-12 {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 12);
        }
    }

    .sm\:pl-44 {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 44);
        }
    }

    .sm\:pl-\[calc\(var\(--bento-x\)_\+_2\.5rem\)\] {
        @media (width >= 40rem) {
            padding-left: calc(var(--bento-x) + 2.5rem);
        }
    }

    .sm\:text-center {
        @media (width >= 40rem) {
            text-align: center;
        }
    }

    .sm\:text-right {
        @media (width >= 40rem) {
            text-align: right;
        }
    }

    .sm\:align-middle {
        @media (width >= 40rem) {
            vertical-align: middle;
        }
    }

    .sm\:text-2xl {
        @media (width >= 40rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }

    .sm\:text-3xl {
        @media (width >= 40rem) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
    }

    .sm\:text-4xl {
        @media (width >= 40rem) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .sm\:text-5xl {
        @media (width >= 40rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .sm\:text-6xl {
        @media (width >= 40rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .sm\:text-8xl {
        @media (width >= 40rem) {
            font-size: var(--text-8xl);
            line-height: var(--tw-leading, var(--text-8xl--line-height));
        }
    }

    .sm\:text-base {
        @media (width >= 40rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .sm\:text-lg {
        @media (width >= 40rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .sm\:text-\[0\.75rem\] {
        @media (width >= 40rem) {
            font-size: 0.75rem;
        }
    }

    .sm\:text-\[0\.9375rem\] {
        @media (width >= 40rem) {
            font-size: 0.9375rem;
        }
    }

    .sm\:text-\[1\.5rem\] {
        @media (width >= 40rem) {
            font-size: 1.5rem;
        }
    }

    .sm\:text-\[1\.25rem\] {
        @media (width >= 40rem) {
            font-size: 1.25rem;
        }
    }

    .sm\:text-\[1\.125rem\] {
        @media (width >= 40rem) {
            font-size: 1.125rem;
        }
    }

    .sm\:text-\[1\.0625rem\] {
        @media (width >= 40rem) {
            font-size: 1.0625rem;
        }
    }

    .sm\:text-\[1\.625rem\] {
        @media (width >= 40rem) {
            font-size: 1.625rem;
        }
    }

    .sm\:text-\[1\.1875rem\] {
        @media (width >= 40rem) {
            font-size: 1.1875rem;
        }
    }

    .sm\:text-\[1\.3125rem\] {
        @media (width >= 40rem) {
            font-size: 1.3125rem;
        }
    }

    .sm\:text-\[2\.5rem\] {
        @media (width >= 40rem) {
            font-size: 2.5rem;
        }
    }

    .sm\:text-\[2rem\] {
        @media (width >= 40rem) {
            font-size: 2rem;
        }
    }

    .sm\:text-\[clamp\(3rem\,1\.6rem\+4\.1vw\,5\.25rem\)\] {
        @media (width >= 40rem) {
            font-size: clamp(3rem, 1.6rem + 4.1vw, 5.25rem);
        }
    }

    .sm\:text-\[min\(5\.5rem\,calc\(\(100cqi-8rem\)\/7\.4\)\)\] {
        @media (width >= 40rem) {
            font-size: min(5.5rem, 13.5135cqi - 1.08108rem);
        }
    }

    .sm\:leading-\[1\.5\] {
        @media (width >= 40rem) {
            --tw-leading: 1.5;
            line-height: 1.5;
        }
    }

    .sm\:leading-\[1\.6\] {
        @media (width >= 40rem) {
            --tw-leading: 1.6;
            line-height: 1.6;
        }
    }

    .sm\:leading-\[1\.78\] {
        @media (width >= 40rem) {
            --tw-leading: 1.78;
            line-height: 1.78;
        }
    }

    .sm\:leading-\[2rem\] {
        @media (width >= 40rem) {
            --tw-leading: 2rem;
            line-height: 2rem;
        }
    }

    .sm\:tracking-\[0\.16em\] {
        @media (width >= 40rem) {
            --tw-tracking: 0.16em;
            letter-spacing: 0.16em;
        }
    }

    .sm\:tracking-\[0\.28em\] {
        @media (width >= 40rem) {
            --tw-tracking: 0.28em;
            letter-spacing: 0.28em;
        }
    }

    .sm\:whitespace-normal {
        @media (width >= 40rem) {
            white-space: normal;
        }
    }

    .sm\:whitespace-nowrap {
        @media (width >= 40rem) {
            white-space: nowrap;
        }
    }

    .sm\:\[--seal-size\:6\.5rem\] {
        @media (width >= 40rem) {
            --seal-size: 6.5rem;
        }
    }

    .sm\:\[grid-area\:1_\/_1\] {
        @media (width >= 40rem) {
            grid-area: 1 / 1;
        }
    }

    .sm\:first\:pl-0 {
        @media (width >= 40rem) {
            &:first-child {
                padding-left: calc(var(--spacing) * 0);
            }
        }
    }

    .sm\:hover\:px-6 {
        @media (width >= 40rem) {
            &:hover {
                @media (hover: hover) {
                    padding-inline: calc(var(--spacing) * 6);
                }
            }
        }
    }

    .sm\:hover\:pl-3 {
        @media (width >= 40rem) {
            &:hover {
                @media (hover: hover) {
                    padding-left: calc(var(--spacing) * 3);
                }
            }
        }
    }

    .sm\:max-lg\:col-\[1\] {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                grid-column: 1;
            }
        }
    }

    .sm\:max-lg\:col-span-2 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                grid-column: span 2 / span 2;
            }
        }
    }

    .sm\:max-lg\:mt-1 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                margin-top: calc(var(--spacing) * 1);
            }
        }
    }

    .sm\:max-lg\:mt-3 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                margin-top: calc(var(--spacing) * 3);
            }
        }
    }

    .sm\:max-lg\:mr-14 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                margin-right: calc(var(--spacing) * 14);
            }
        }
    }

    .sm\:max-lg\:ml-14 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                margin-left: calc(var(--spacing) * 14);
            }
        }
    }

    .sm\:max-lg\:aspect-\[2\/1\] {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                aspect-ratio: 2;
            }
        }
    }

    .sm\:max-lg\:aspect-video {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                aspect-ratio: var(--aspect-video);
            }
        }
    }

    .sm\:max-lg\:max-w-128 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                max-width: calc(var(--spacing) * 128);
            }
        }
    }

    .sm\:max-lg\:grid-cols-2 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
    }

    .sm\:max-lg\:items-start {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                align-items: flex-start;
            }
        }
    }

    .sm\:max-lg\:gap-x-6 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                column-gap: calc(var(--spacing) * 6);
            }
        }
    }

    .sm\:max-lg\:gap-x-8 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                column-gap: calc(var(--spacing) * 8);
            }
        }
    }

    .sm\:max-lg\:gap-y-12 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                row-gap: calc(var(--spacing) * 12);
            }
        }
    }

    .sm\:max-lg\:self-start {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                align-self: flex-start;
            }
        }
    }

    .sm\:max-lg\:pt-2 {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                padding-top: calc(var(--spacing) * 2);
            }
        }
    }

    .min-\[43\.75rem\]\:grid-cols-2 {
        @media (width >= 43.75rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .md\:absolute {
        @media (width >= 48rem) {
            position: absolute;
        }
    }

    .md\:inset-0 {
        @media (width >= 48rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .md\:inset-x-0 {
        @media (width >= 48rem) {
            inset-inline: calc(var(--spacing) * 0);
        }
    }

    .md\:inset-x-auto {
        @media (width >= 48rem) {
            inset-inline: auto;
        }
    }

    .md\:start-8 {
        @media (width >= 48rem) {
            inset-inline-start: calc(var(--spacing) * 8);
        }
    }

    .md\:end-\(--custom-voices-pad\) {
        @media (width >= 48rem) {
            inset-inline-end: var(--custom-voices-pad);
        }
    }

    .md\:-top-9 {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * -9);
        }
    }

    .md\:-top-10 {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * -10);
        }
    }

    .md\:-top-28 {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * -28);
        }
    }

    .md\:top-5 {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * 5);
        }
    }

    .md\:top-6 {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .md\:top-8 {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .md\:top-10 {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * 10);
        }
    }

    .md\:top-\[0\.72em\] {
        @media (width >= 48rem) {
            top: 0.72em;
        }
    }

    .md\:top-\[24\%\] {
        @media (width >= 48rem) {
            top: 24%;
        }
    }

    .md\:top-\[calc\(50\%_\+_var\(--pod-ring\)_\/_2_\+_0\.875rem\)\] {
        @media (width >= 48rem) {
            top: calc(50% + var(--pod-ring) / 2 + 0.875rem);
        }
    }

    .md\:top-\[calc\(50\%_-_var\(--pod-ring\)_\/_2\)\] {
        @media (width >= 48rem) {
            top: calc(50% - var(--pod-ring) / 2);
        }
    }

    .md\:top-\[calc\(var\(--fnode\)_\/_2_-_var\(--fend\)_\/_2\)\] {
        @media (width >= 48rem) {
            top: calc(var(--fnode) / 2 - var(--fend) / 2);
        }
    }

    .md\:top-auto {
        @media (width >= 48rem) {
            top: auto;
        }
    }

    .md\:-right-56 {
        @media (width >= 48rem) {
            right: calc(var(--spacing) * -56);
        }
    }

    .md\:right-0 {
        @media (width >= 48rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .md\:right-6 {
        @media (width >= 48rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .md\:right-8 {
        @media (width >= 48rem) {
            right: calc(var(--spacing) * 8);
        }
    }

    .md\:right-\[4\%\] {
        @media (width >= 48rem) {
            right: 4%;
        }
    }

    .md\:right-\[clamp\(1\.75rem\,1rem_\+_2\.6vw\,3\.5rem\)\] {
        @media (width >= 48rem) {
            right: clamp(1.75rem, 1rem + 2.6vw, 3.5rem);
        }
    }

    .md\:right-auto {
        @media (width >= 48rem) {
            right: auto;
        }
    }

    .md\:bottom-\(--custom-voices-pad\) {
        @media (width >= 48rem) {
            bottom: var(--custom-voices-pad);
        }
    }

    .md\:bottom-0 {
        @media (width >= 48rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .md\:bottom-5 {
        @media (width >= 48rem) {
            bottom: calc(var(--spacing) * 5);
        }
    }

    .md\:bottom-6 {
        @media (width >= 48rem) {
            bottom: calc(var(--spacing) * 6);
        }
    }

    .md\:bottom-8 {
        @media (width >= 48rem) {
            bottom: calc(var(--spacing) * 8);
        }
    }

    .md\:bottom-9 {
        @media (width >= 48rem) {
            bottom: calc(var(--spacing) * 9);
        }
    }

    .md\:bottom-\[39\.5\%\] {
        @media (width >= 48rem) {
            bottom: 39.5%;
        }
    }

    .md\:bottom-\[clamp\(1\.75rem\,1rem_\+_2\.6vw\,3\.5rem\)\] {
        @media (width >= 48rem) {
            bottom: clamp(1.75rem, 1rem + 2.6vw, 3.5rem);
        }
    }

    .md\:bottom-auto {
        @media (width >= 48rem) {
            bottom: auto;
        }
    }

    .md\:left-\(--st-x\) {
        @media (width >= 48rem) {
            left: var(--st-x);
        }
    }

    .md\:left-0 {
        @media (width >= 48rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .md\:left-5 {
        @media (width >= 48rem) {
            left: calc(var(--spacing) * 5);
        }
    }

    .md\:left-6 {
        @media (width >= 48rem) {
            left: calc(var(--spacing) * 6);
        }
    }

    .md\:left-8 {
        @media (width >= 48rem) {
            left: calc(var(--spacing) * 8);
        }
    }

    .md\:left-10 {
        @media (width >= 48rem) {
            left: calc(var(--spacing) * 10);
        }
    }

    .md\:left-\[1\.125rem\] {
        @media (width >= 48rem) {
            left: 1.125rem;
        }
    }

    .md\:left-\[53\%\] {
        @media (width >= 48rem) {
            left: 53%;
        }
    }

    .md\:left-\[calc\(100\%_-_1\.62em\)\] {
        @media (width >= 48rem) {
            left: calc(100% - 1.62em);
        }
    }

    .md\:left-\[calc\(var\(--voices-arch\)_\+_min\(var\(--voices-gap\)_-_1\.25rem\,3\.5rem\)\)\] {
        @media (width >= 48rem) {
            left: calc(var(--voices-arch) + min(var(--voices-gap) - 1.25rem, 3.5rem));
        }
    }

    .md\:left-auto {
        @media (width >= 48rem) {
            left: auto;
        }
    }

    .md\:z-2 {
        @media (width >= 48rem) {
            z-index: 2;
        }
    }

    .md\:z-500 {
        @media (width >= 48rem) {
            z-index: 500;
        }
    }

    .md\:order-0 {
        @media (width >= 48rem) {
            order: 0;
        }
    }

    .md\:order-1 {
        @media (width >= 48rem) {
            order: 1;
        }
    }

    .md\:order-2 {
        @media (width >= 48rem) {
            order: 2;
        }
    }

    .md\:order-first {
        @media (width >= 48rem) {
            order: -9999;
        }
    }

    .md\:col-\[1\] {
        @media (width >= 48rem) {
            grid-column: 1;
        }
    }

    .md\:col-\[2\] {
        @media (width >= 48rem) {
            grid-column: 2;
        }
    }

    .md\:col-\[5\] {
        @media (width >= 48rem) {
            grid-column: 5;
        }
    }

    .md\:col-\[7_\/_-1\] {
        @media (width >= 48rem) {
            grid-column: 7 / -1;
        }
    }

    .md\:col-\[auto\] {
        @media (width >= 48rem) {
            grid-column: auto;
        }
    }

    .md\:col-\[span_4\] {
        @media (width >= 48rem) {
            grid-column: span 4;
        }
    }

    .md\:col-\[span_5\] {
        @media (width >= 48rem) {
            grid-column: span 5;
        }
    }

    .md\:col-\[span_6\] {
        @media (width >= 48rem) {
            grid-column: span 6;
        }
    }

    .md\:col-\[span_7\] {
        @media (width >= 48rem) {
            grid-column: span 7;
        }
    }

    .md\:col-\[span_8\] {
        @media (width >= 48rem) {
            grid-column: span 8;
        }
    }

    .md\:col-span-1 {
        @media (width >= 48rem) {
            grid-column: span 1 / span 1;
        }
    }

    .md\:col-span-2 {
        @media (width >= 48rem) {
            grid-column: span 2 / span 2;
        }
    }

    .md\:col-span-3 {
        @media (width >= 48rem) {
            grid-column: span 3 / span 3;
        }
    }

    .md\:col-span-4 {
        @media (width >= 48rem) {
            grid-column: span 4 / span 4;
        }
    }

    .md\:col-span-5 {
        @media (width >= 48rem) {
            grid-column: span 5 / span 5;
        }
    }

    .md\:col-span-6 {
        @media (width >= 48rem) {
            grid-column: span 6 / span 6;
        }
    }

    .md\:col-span-7 {
        @media (width >= 48rem) {
            grid-column: span 7 / span 7;
        }
    }

    .md\:col-span-8 {
        @media (width >= 48rem) {
            grid-column: span 8 / span 8;
        }
    }

    .md\:col-span-12 {
        @media (width >= 48rem) {
            grid-column: span 12 / span 12;
        }
    }

    .md\:col-span-full {
        @media (width >= 48rem) {
            grid-column: 1 / -1;
        }
    }

    .md\:\[grid-column-start\:var\(--s\)\] {
        @media (width >= 48rem) {
            grid-column-start: var(--s);
        }
    }

    .md\:col-start-2 {
        @media (width >= 48rem) {
            grid-column-start: 2;
        }
    }

    .md\:col-start-3 {
        @media (width >= 48rem) {
            grid-column-start: 3;
        }
    }

    .md\:col-start-5 {
        @media (width >= 48rem) {
            grid-column-start: 5;
        }
    }

    .md\:col-start-7 {
        @media (width >= 48rem) {
            grid-column-start: 7;
        }
    }

    .md\:col-start-8 {
        @media (width >= 48rem) {
            grid-column-start: 8;
        }
    }

    .md\:col-start-9 {
        @media (width >= 48rem) {
            grid-column-start: 9;
        }
    }

    .md\:col-start-auto {
        @media (width >= 48rem) {
            grid-column-start: auto;
        }
    }

    .md\:\[grid-column-end\:var\(--e\)\] {
        @media (width >= 48rem) {
            grid-column-end: var(--e);
        }
    }

    .md\:row-\[1_\/_3\] {
        @media (width >= 48rem) {
            grid-row: 1 / 3;
        }
    }

    .md\:row-\[auto\] {
        @media (width >= 48rem) {
            grid-row: auto;
        }
    }

    .md\:row-span-1 {
        @media (width >= 48rem) {
            grid-row: span 1 / span 1;
        }
    }

    .md\:row-span-2 {
        @media (width >= 48rem) {
            grid-row: span 2 / span 2;
        }
    }

    .md\:m-0 {
        @media (width >= 48rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .md\:mx-0 {
        @media (width >= 48rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .md\:mx-auto {
        @media (width >= 48rem) {
            margin-inline: auto;
        }
    }

    .md\:-my-4 {
        @media (width >= 48rem) {
            margin-block: calc(var(--spacing) * -4);
        }
    }

    .md\:my-6 {
        @media (width >= 48rem) {
            margin-block: calc(var(--spacing) * 6);
        }
    }

    .md\:my-16 {
        @media (width >= 48rem) {
            margin-block: calc(var(--spacing) * 16);
        }
    }

    .md\:-mt-52 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * -52);
        }
    }

    .md\:mt-0 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .md\:mt-2 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .md\:mt-7 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 7);
        }
    }

    .md\:mt-8 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .md\:mt-9 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 9);
        }
    }

    .md\:mt-10 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .md\:mt-10\.5 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 10.5);
        }
    }

    .md\:mt-12 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 12);
        }
    }

    .md\:mt-14 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 14);
        }
    }

    .md\:mt-16 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .md\:mt-20 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .md\:mt-24 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .md\:mt-28 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 28);
        }
    }

    .md\:mt-40 {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 40);
        }
    }

    .md\:mt-\[calc\(var\(--custom-steps-arc\)_\+_4rem\)\] {
        @media (width >= 48rem) {
            margin-top: calc(var(--custom-steps-arc) + 4rem);
        }
    }

    .md\:mt-\[clamp\(3rem\,1rem\+6vw\,8rem\)\] {
        @media (width >= 48rem) {
            margin-top: clamp(3rem, 1rem + 6vw, 8rem);
        }
    }

    .md\:mt-\[clamp\(4rem\,2rem\+6vw\,9rem\)\] {
        @media (width >= 48rem) {
            margin-top: clamp(4rem, 2rem + 6vw, 9rem);
        }
    }

    .md\:mt-\[clamp\(4rem\,2rem\+8vw\,12rem\)\] {
        @media (width >= 48rem) {
            margin-top: clamp(4rem, 2rem + 8vw, 12rem);
        }
    }

    .md\:-mb-24 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * -24);
        }
    }

    .md\:mb-0 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .md\:mb-1 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 1);
        }
    }

    .md\:mb-3 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 3);
        }
    }

    .md\:mb-4 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 4);
        }
    }

    .md\:mb-5\.5 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 5.5);
        }
    }

    .md\:mb-10 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 10);
        }
    }

    .md\:mb-11 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 11);
        }
    }

    .md\:mb-12 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 12);
        }
    }

    .md\:mb-14 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 14);
        }
    }

    .md\:mb-16 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 16);
        }
    }

    .md\:mb-20 {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 20);
        }
    }

    .md\:ml-2 {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 2);
        }
    }

    .md\:ml-auto {
        @media (width >= 48rem) {
            margin-left: auto;
        }
    }

    .md\:block {
        @media (width >= 48rem) {
            display: block;
        }
    }

    .md\:contents {
        @media (width >= 48rem) {
            display: contents;
        }
    }

    .md\:flex {
        @media (width >= 48rem) {
            display: flex;
        }
    }

    .md\:grid {
        @media (width >= 48rem) {
            display: grid;
        }
    }

    .md\:hidden {
        @media (width >= 48rem) {
            display: none;
        }
    }

    .md\:inline {
        @media (width >= 48rem) {
            display: inline;
        }
    }

    .md\:inline-flex {
        @media (width >= 48rem) {
            display: inline-flex;
        }
    }

    .md\:aspect-2\/1 {
        @media (width >= 48rem) {
            aspect-ratio: 2;
        }
    }

    .md\:aspect-4\/5 {
        @media (width >= 48rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .md\:aspect-\[2\/1\] {
        @media (width >= 48rem) {
            aspect-ratio: 2;
        }
    }

    .md\:aspect-\[3\/2\] {
        @media (width >= 48rem) {
            aspect-ratio: 3 / 2;
        }
    }

    .md\:aspect-\[3\/4\] {
        @media (width >= 48rem) {
            aspect-ratio: 3 / 4;
        }
    }

    .md\:aspect-\[4\/3\] {
        @media (width >= 48rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .md\:aspect-\[4\/5\] {
        @media (width >= 48rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .md\:aspect-\[5\/2\] {
        @media (width >= 48rem) {
            aspect-ratio: 5 / 2;
        }
    }

    .md\:aspect-\[10\/13\] {
        @media (width >= 48rem) {
            aspect-ratio: 10 / 13;
        }
    }

    .md\:aspect-\[16\/7\] {
        @media (width >= 48rem) {
            aspect-ratio: 16 / 7;
        }
    }

    .md\:aspect-\[16\/8\] {
        @media (width >= 48rem) {
            aspect-ratio: 16 / 8;
        }
    }

    .md\:aspect-\[16\/9\] {
        @media (width >= 48rem) {
            aspect-ratio: 16 / 9;
        }
    }

    .md\:aspect-\[21\/8\] {
        @media (width >= 48rem) {
            aspect-ratio: 21 / 8;
        }
    }

    .md\:aspect-\[21\/9\] {
        @media (width >= 48rem) {
            aspect-ratio: 21 / 9;
        }
    }

    .md\:aspect-\[21\/10\] {
        @media (width >= 48rem) {
            aspect-ratio: 21 / 10;
        }
    }

    .md\:aspect-auto {
        @media (width >= 48rem) {
            aspect-ratio: auto;
        }
    }

    .md\:aspect-video {
        @media (width >= 48rem) {
            aspect-ratio: var(--aspect-video);
        }
    }

    .md\:\!size-28 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 28) !important;
            height: calc(var(--spacing) * 28) !important;
        }
    }

    .md\:size-13 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 13);
            height: calc(var(--spacing) * 13);
        }
    }

    .md\:size-15 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 15);
            height: calc(var(--spacing) * 15);
        }
    }

    .md\:size-24 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 24);
            height: calc(var(--spacing) * 24);
        }
    }

    .md\:size-44 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 44);
            height: calc(var(--spacing) * 44);
        }
    }

    .md\:size-64 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 64);
            height: calc(var(--spacing) * 64);
        }
    }

    .md\:h-11 {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 11);
        }
    }

    .md\:h-13 {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 13);
        }
    }

    .md\:h-16 {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 16);
        }
    }

    .md\:h-20 {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 20);
        }
    }

    .md\:h-24 {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 24);
        }
    }

    .md\:h-44 {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 44);
        }
    }

    .md\:h-80 {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .md\:h-\[2px\] {
        @media (width >= 48rem) {
            height: 2px;
        }
    }

    .md\:h-\[30rem\] {
        @media (width >= 48rem) {
            height: 30rem;
        }
    }

    .md\:h-\[calc\(100\%-3rem\)\] {
        @media (width >= 48rem) {
            height: calc(100% - 3rem);
        }
    }

    .md\:h-\[clamp\(20rem\,32vw\,30rem\)\] {
        @media (width >= 48rem) {
            height: clamp(20rem, 32vw, 30rem);
        }
    }

    .md\:h-\[clamp\(22rem\,12rem_\+_26vw\,37\.5rem\)\] {
        @media (width >= 48rem) {
            height: clamp(22rem, 12rem + 26vw, 37.5rem);
        }
    }

    .md\:h-\[clamp\(30rem\,22rem_\+_14vw\,38rem\)\] {
        @media (width >= 48rem) {
            height: clamp(30rem, 22rem + 14vw, 38rem);
        }
    }

    .md\:h-\[clamp\(40rem\,28rem\+26vw\,54rem\)\] {
        @media (width >= 48rem) {
            height: clamp(40rem, 28rem + 26vw, 54rem);
        }
    }

    .md\:h-full {
        @media (width >= 48rem) {
            height: 100%;
        }
    }

    .md\:min-h-14 {
        @media (width >= 48rem) {
            min-height: calc(var(--spacing) * 14);
        }
    }

    .md\:min-h-48 {
        @media (width >= 48rem) {
            min-height: calc(var(--spacing) * 48);
        }
    }

    .md\:min-h-72 {
        @media (width >= 48rem) {
            min-height: calc(var(--spacing) * 72);
        }
    }

    .md\:min-h-96 {
        @media (width >= 48rem) {
            min-height: calc(var(--spacing) * 96);
        }
    }

    .md\:min-h-120 {
        @media (width >= 48rem) {
            min-height: calc(var(--spacing) * 120);
        }
    }

    .md\:min-h-136 {
        @media (width >= 48rem) {
            min-height: calc(var(--spacing) * 136);
        }
    }

    .md\:min-h-\[26rem\] {
        @media (width >= 48rem) {
            min-height: 26rem;
        }
    }

    .md\:min-h-\[30rem\] {
        @media (width >= 48rem) {
            min-height: 30rem;
        }
    }

    .md\:min-h-\[32rem\] {
        @media (width >= 48rem) {
            min-height: 32rem;
        }
    }

    .md\:min-h-\[34rem\] {
        @media (width >= 48rem) {
            min-height: 34rem;
        }
    }

    .md\:min-h-\[38rem\] {
        @media (width >= 48rem) {
            min-height: 38rem;
        }
    }

    .md\:min-h-\[40rem\] {
        @media (width >= 48rem) {
            min-height: 40rem;
        }
    }

    .md\:min-h-\[42rem\] {
        @media (width >= 48rem) {
            min-height: 42rem;
        }
    }

    .md\:min-h-\[44rem\] {
        @media (width >= 48rem) {
            min-height: 44rem;
        }
    }

    .md\:min-h-\[70svh\] {
        @media (width >= 48rem) {
            min-height: 70svh;
        }
    }

    .md\:min-h-\[78vh\] {
        @media (width >= 48rem) {
            min-height: 78vh;
        }
    }

    .md\:min-h-\[560px\] {
        @media (width >= 48rem) {
            min-height: 560px;
        }
    }

    .md\:min-h-\[620px\] {
        @media (width >= 48rem) {
            min-height: 620px;
        }
    }

    .md\:min-h-\[calc\(100svh-var\(--header-h\)\)\] {
        @media (width >= 48rem) {
            min-height: calc(100svh - var(--header-h));
        }
    }

    .md\:min-h-full {
        @media (width >= 48rem) {
            min-height: 100%;
        }
    }

    .md\:w-16 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 16);
        }
    }

    .md\:w-20 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 20);
        }
    }

    .md\:w-24 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 24);
        }
    }

    .md\:w-26 {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 26);
        }
    }

    .md\:w-\[34\%\] {
        @media (width >= 48rem) {
            width: 34%;
        }
    }

    .md\:w-\[46\%\] {
        @media (width >= 48rem) {
            width: 46%;
        }
    }

    .md\:w-\[calc\(50\%-0\.625rem\)\] {
        @media (width >= 48rem) {
            width: calc(50% - 0.625rem);
        }
    }

    .md\:w-\[min\(26rem\,46\%\)\] {
        @media (width >= 48rem) {
            width: min(26rem, 46%);
        }
    }

    .md\:w-auto {
        @media (width >= 48rem) {
            width: auto;
        }
    }

    .md\:w-full {
        @media (width >= 48rem) {
            width: 100%;
        }
    }

    .md\:max-w-72 {
        @media (width >= 48rem) {
            max-width: calc(var(--spacing) * 72);
        }
    }

    .md\:max-w-120 {
        @media (width >= 48rem) {
            max-width: calc(var(--spacing) * 120);
        }
    }

    .md\:max-w-\[22rem\] {
        @media (width >= 48rem) {
            max-width: 22rem;
        }
    }

    .md\:max-w-\[26rem\] {
        @media (width >= 48rem) {
            max-width: 26rem;
        }
    }

    .md\:max-w-\[32rem\] {
        @media (width >= 48rem) {
            max-width: 32rem;
        }
    }

    .md\:max-w-\[72rem\] {
        @media (width >= 48rem) {
            max-width: 72rem;
        }
    }

    .md\:max-w-sm {
        @media (width >= 48rem) {
            max-width: var(--container-sm);
        }
    }

    .md\:max-w-xl {
        @media (width >= 48rem) {
            max-width: var(--container-xl);
        }
    }

    .md\:min-w-54 {
        @media (width >= 48rem) {
            min-width: calc(var(--spacing) * 54);
        }
    }

    .md\:min-w-\[320px\] {
        @media (width >= 48rem) {
            min-width: 320px;
        }
    }

    .md\:flex-none {
        @media (width >= 48rem) {
            flex: none;
        }
    }

    .md\:shrink-0 {
        @media (width >= 48rem) {
            flex-shrink: 0;
        }
    }

    .md\:basis-auto {
        @media (width >= 48rem) {
            flex-basis: auto;
        }
    }

    .md\:-translate-y-2 {
        @media (width >= 48rem) {
            --tw-translate-y: calc(var(--spacing) * -2);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:-translate-y-4 {
        @media (width >= 48rem) {
            --tw-translate-y: calc(var(--spacing) * -4);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:-translate-y-6 {
        @media (width >= 48rem) {
            --tw-translate-y: calc(var(--spacing) * -6);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:translate-y-1\/3 {
        @media (width >= 48rem) {
            --tw-translate-y: calc(1 / 3 * 100%);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:translate-y-8 {
        @media (width >= 48rem) {
            --tw-translate-y: calc(var(--spacing) * 8);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:translate-y-10 {
        @media (width >= 48rem) {
            --tw-translate-y: calc(var(--spacing) * 10);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .md\:columns-2 {
        @media (width >= 48rem) {
            columns: 2;
        }
    }

    .md\:columns-3 {
        @media (width >= 48rem) {
            columns: 3;
        }
    }

    .md\:auto-cols-\[minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-auto-columns: minmax(0, 1fr);
        }
    }

    .md\:grid-flow-col {
        @media (width >= 48rem) {
            grid-auto-flow: column;
        }
    }

    .md\:grid-flow-dense {
        @media (width >= 48rem) {
            grid-auto-flow: dense;
        }
    }

    .md\:grid-flow-row {
        @media (width >= 48rem) {
            grid-auto-flow: row;
        }
    }

    .md\:auto-rows-\[15rem\] {
        @media (width >= 48rem) {
            grid-auto-rows: 15rem;
        }
    }

    .md\:auto-rows-\[clamp\(11rem\,6rem_\+_9vw\,15\.5rem\)\] {
        @media (width >= 48rem) {
            grid-auto-rows: clamp(11rem, 6rem + 9vw, 15.5rem);
        }
    }

    .md\:grid-cols-1 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-2 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-3 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-4 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-5 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-6 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-8 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-12 {
        @media (width >= 48rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-\[1\.2fr_0\.8fr_1fr\] {
        @media (width >= 48rem) {
            grid-template-columns: 1.2fr 0.8fr 1fr;
        }
    }

    .md\:grid-cols-\[1\.6fr_1fr_1fr\] {
        @media (width >= 48rem) {
            grid-template-columns: 1.6fr 1fr 1fr;
        }
    }

    .md\:grid-cols-\[1\.25fr_1fr_1fr\] {
        @media (width >= 48rem) {
            grid-template-columns: 1.25fr 1fr 1fr;
        }
    }

    .md\:grid-cols-\[3\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: 3.5rem minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[3\.5rem_minmax\(0\,1fr\)_13rem_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: 3.5rem minmax(0, 1fr) 13rem auto;
        }
    }

    .md\:grid-cols-\[3rem_minmax\(0\,1fr\)_2rem\] {
        @media (width >= 48rem) {
            grid-template-columns: 3rem minmax(0, 1fr) 2rem;
        }
    }

    .md\:grid-cols-\[4\.5rem_minmax\(0\,1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: 4.5rem minmax(0, 1fr) auto;
        }
    }

    .md\:grid-cols-\[4rem_minmax\(0\,1fr\)_17rem_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: 4rem minmax(0, 1fr) 17rem auto;
        }
    }

    .md\:grid-cols-\[5rem_minmax\(0\,1fr\)_12rem\] {
        @media (width >= 48rem) {
            grid-template-columns: 5rem minmax(0, 1fr) 12rem;
        }
    }

    .md\:grid-cols-\[6\.5rem_minmax\(0\,_1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: 6.5rem minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[6rem_1fr\] {
        @media (width >= 48rem) {
            grid-template-columns: 6rem 1fr;
        }
    }

    .md\:grid-cols-\[6rem_minmax\(0\,1fr\)_12rem_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: 6rem minmax(0, 1fr) 12rem auto;
        }
    }

    .md\:grid-cols-\[6rem_minmax\(0\,2fr\)_minmax\(0\,3fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: 6rem minmax(0, 2fr) minmax(0, 3fr) auto;
        }
    }

    .md\:grid-cols-\[9rem_1fr_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: 9rem 1fr auto;
        }
    }

    .md\:grid-cols-\[10rem_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: 10rem minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[11rem_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: 11rem minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: 15rem minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[45fr_55fr\] {
        @media (width >= 48rem) {
            grid-template-columns: 45fr 55fr;
        }
    }

    .md\:grid-cols-\[55fr_45fr\] {
        @media (width >= 48rem) {
            grid-template-columns: 55fr 45fr;
        }
    }

    .md\:grid-cols-\[auto_1fr\] {
        @media (width >= 48rem) {
            grid-template-columns: auto 1fr;
        }
    }

    .md\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: auto minmax(0, 1fr) auto;
        }
    }

    .md\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: auto minmax(0, 1fr) auto auto;
        }
    }

    .md\:grid-cols-\[auto_minmax\(0\,24rem\)\] {
        @media (width >= 48rem) {
            grid-template-columns: auto minmax(0, 24rem);
        }
    }

    .md\:grid-cols-\[auto_minmax\(8rem\,1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: auto minmax(8rem, 1fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.3fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,0\.75fr\)_minmax\(0\,1\.25fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.4fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.9fr) minmax(0, 1.1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(3\,minmax\(0\,1fr\)\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_12rem_5rem_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) 12rem 5rem auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_13rem_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) 13rem auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) auto auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.15fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.8fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.9fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,26rem\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 26rem);
        }
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,clamp\(16rem\,30vw\,28rem\)\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, clamp(16rem, 30vw, 28rem));
        }
    }

    .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,5fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,2fr\)_minmax\(0\,2fr\)_minmax\(0\,2fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 2fr) minmax(0, 2fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,6fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,14rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,16rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
        }
    }

    .md\:grid-cols-\[minmax\(0\,_1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .md\:grid-cols-\[minmax\(0\,_11fr\)_minmax\(0\,_10fr\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(0, 11fr) minmax(0, 10fr);
        }
    }

    .md\:grid-cols-\[minmax\(max-content\,_1fr\)_minmax\(0\,_24rem\)\] {
        @media (width >= 48rem) {
            grid-template-columns: minmax(max-content, 1fr) minmax(0, 24rem);
        }
    }

    .md\:grid-cols-\[repeat\(3\,_auto\)\] {
        @media (width >= 48rem) {
            grid-template-columns: repeat(3, auto);
        }
    }

    .md\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_auto\] {
        @media (width >= 48rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
        }
    }

    .md\:grid-cols-\[repeat\(16\,minmax\(0\,1fr\)\)\] {
        @media (width >= 48rem) {
            grid-template-columns: repeat(16, minmax(0, 1fr));
        }
    }

    .md\:grid-cols-none {
        @media (width >= 48rem) {
            grid-template-columns: none;
        }
    }

    .md\:grid-rows-2 {
        @media (width >= 48rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .md\:grid-rows-3 {
        @media (width >= 48rem) {
            grid-template-rows: repeat(3, minmax(0, 1fr));
        }
    }

    .md\:grid-rows-\[1fr_1fr\] {
        @media (width >= 48rem) {
            grid-template-rows: 1fr 1fr;
        }
    }

    .md\:grid-rows-\[auto_1fr\] {
        @media (width >= 48rem) {
            grid-template-rows: auto 1fr;
        }
    }

    .md\:grid-rows-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 48rem) {
            grid-template-rows: minmax(0, 1fr) auto;
        }
    }

    .md\:grid-rows-\[repeat\(2\,minmax\(15rem\,1fr\)\)\] {
        @media (width >= 48rem) {
            grid-template-rows: repeat(2, minmax(15rem, 1fr));
        }
    }

    .md\:flex-col {
        @media (width >= 48rem) {
            flex-direction: column;
        }
    }

    .md\:flex-row {
        @media (width >= 48rem) {
            flex-direction: row;
        }
    }

    .md\:flex-nowrap {
        @media (width >= 48rem) {
            flex-wrap: nowrap;
        }
    }

    .md\:flex-wrap {
        @media (width >= 48rem) {
            flex-wrap: wrap;
        }
    }

    .md\:content-center {
        @media (width >= 48rem) {
            align-content: center;
        }
    }

    .md\:content-stretch {
        @media (width >= 48rem) {
            align-content: stretch;
        }
    }

    .md\:\[align-items\:end\] {
        @media (width >= 48rem) {
            align-items: end;
        }
    }

    .md\:\[align-items\:start\] {
        @media (width >= 48rem) {
            align-items: start;
        }
    }

    .md\:items-baseline {
        @media (width >= 48rem) {
            align-items: baseline;
        }
    }

    .md\:items-center {
        @media (width >= 48rem) {
            align-items: center;
        }
    }

    .md\:items-end {
        @media (width >= 48rem) {
            align-items: flex-end;
        }
    }

    .md\:items-start {
        @media (width >= 48rem) {
            align-items: flex-start;
        }
    }

    .md\:items-stretch {
        @media (width >= 48rem) {
            align-items: stretch;
        }
    }

    .md\:justify-between {
        @media (width >= 48rem) {
            justify-content: space-between;
        }
    }

    .md\:justify-center {
        @media (width >= 48rem) {
            justify-content: center;
        }
    }

    .md\:justify-end {
        @media (width >= 48rem) {
            justify-content: flex-end;
        }
    }

    .md\:justify-items-end {
        @media (width >= 48rem) {
            justify-items: end;
        }
    }

    .md\:justify-items-start {
        @media (width >= 48rem) {
            justify-items: start;
        }
    }

    .md\:gap-\(--st-gap\) {
        @media (width >= 48rem) {
            gap: var(--st-gap);
        }
    }

    .md\:gap-0 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .md\:gap-3 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .md\:gap-4 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .md\:gap-5 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .md\:gap-6 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .md\:gap-7 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 7);
        }
    }

    .md\:gap-8 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .md\:gap-10 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 10);
        }
    }

    .md\:gap-12 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 12);
        }
    }

    .md\:gap-14 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 14);
        }
    }

    .md\:gap-16 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 16);
        }
    }

    .md\:gap-20 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 20);
        }
    }

    .md\:gap-24 {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 24);
        }
    }

    .md\:gap-\[clamp\(1\.25rem\,2\.5vw\,2\.5rem\)\] {
        @media (width >= 48rem) {
            gap: clamp(1.25rem, 2.5vw, 2.5rem);
        }
    }

    .md\:gap-\[clamp\(1rem\,0\.5rem\+1\.5vw\,2rem\)\] {
        @media (width >= 48rem) {
            gap: clamp(1rem, 0.5rem + 1.5vw, 2rem);
        }
    }

    .md\:gap-\[clamp\(2\.5rem\,5vw\,4\.5rem\)\] {
        @media (width >= 48rem) {
            gap: clamp(2.5rem, 5vw, 4.5rem);
        }
    }

    .md\:gap-\[clamp\(2rem\,5vw\,6rem\)\] {
        @media (width >= 48rem) {
            gap: clamp(2rem, 5vw, 6rem);
        }
    }

    .md\:gap-\[clamp\(4\.5rem\,8vw\,8rem\)\] {
        @media (width >= 48rem) {
            gap: clamp(4.5rem, 8vw, 8rem);
        }
    }

    .md\:space-y-3 {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
                margin-block-end: calc(
                    calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
                );
            }
        }
    }

    .md\:space-y-12 {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
                margin-block-end: calc(
                    calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))
                );
            }
        }
    }

    .md\:space-y-20 {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                margin-block-end: calc(
                    calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))
                );
            }
        }
    }

    .md\:space-y-24 {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
                margin-block-end: calc(
                    calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse))
                );
            }
        }
    }

    .md\:space-y-28 {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 28) * var(--tw-space-y-reverse));
                margin-block-end: calc(
                    calc(var(--spacing) * 28) * calc(1 - var(--tw-space-y-reverse))
                );
            }
        }
    }

    .md\:gap-x-\(--voices-gap\) {
        @media (width >= 48rem) {
            column-gap: var(--voices-gap);
        }
    }

    .md\:gap-x-0 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 0);
        }
    }

    .md\:gap-x-2 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 2);
        }
    }

    .md\:gap-x-5 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .md\:gap-x-6 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .md\:gap-x-7 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 7);
        }
    }

    .md\:gap-x-8 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .md\:gap-x-9 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 9);
        }
    }

    .md\:gap-x-10 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .md\:gap-x-12 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 12);
        }
    }

    .md\:gap-x-16 {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .md\:gap-x-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(1.5rem, 3vw, 3rem);
        }
    }

    .md\:gap-x-\[clamp\(2\.5rem\,1rem\+3vw\,5rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(2.5rem, 1rem + 3vw, 5rem);
        }
    }

    .md\:gap-x-\[clamp\(2\.5rem\,5vw\,6rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(2.5rem, 5vw, 6rem);
        }
    }

    .md\:gap-x-\[clamp\(2\.5rem\,6vw\,6\.5rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(2.5rem, 6vw, 6.5rem);
        }
    }

    .md\:gap-x-\[clamp\(2rem\,1rem_\+_3vw\,4\.5rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(2rem, 1rem + 3vw, 4.5rem);
        }
    }

    .md\:gap-x-\[clamp\(2rem\,4vw\,4rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(2rem, 4vw, 4rem);
        }
    }

    .md\:gap-x-\[clamp\(2rem\,5vw\,6rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(2rem, 5vw, 6rem);
        }
    }

    .md\:gap-x-\[clamp\(2rem\,6vw\,7rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(2rem, 6vw, 7rem);
        }
    }

    .md\:gap-x-\[clamp\(3rem\,1rem\+5vw\,7rem\)\] {
        @media (width >= 48rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 7rem);
        }
    }

    .md\:gap-y-\(--pod-gap\) {
        @media (width >= 48rem) {
            row-gap: var(--pod-gap);
        }
    }

    .md\:gap-y-2 {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 2);
        }
    }

    .md\:gap-y-3 {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 3);
        }
    }

    .md\:gap-y-8 {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .md\:gap-y-10 {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 10);
        }
    }

    .md\:gap-y-12 {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .md\:gap-y-14 {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 14);
        }
    }

    .md\:gap-y-\[clamp\(2\.5rem\,2rem_\+_2vw\,3\.5rem\)\] {
        @media (width >= 48rem) {
            row-gap: clamp(2.5rem, 2rem + 2vw, 3.5rem);
        }
    }

    .md\:\[align-self\:end\] {
        @media (width >= 48rem) {
            align-self: end;
        }
    }

    .md\:\[align-self\:start\] {
        @media (width >= 48rem) {
            align-self: start;
        }
    }

    .md\:self-auto {
        @media (width >= 48rem) {
            align-self: auto;
        }
    }

    .md\:self-center {
        @media (width >= 48rem) {
            align-self: center;
        }
    }

    .md\:self-end {
        @media (width >= 48rem) {
            align-self: flex-end;
        }
    }

    .md\:\[justify-self\:end\] {
        @media (width >= 48rem) {
            justify-self: end;
        }
    }

    .md\:justify-self-end {
        @media (width >= 48rem) {
            justify-self: flex-end;
        }
    }

    .md\:overflow-visible {
        @media (width >= 48rem) {
            overflow: visible;
        }
    }

    .md\:rounded-2xl {
        @media (width >= 48rem) {
            border-radius: var(--radius-2xl);
        }
    }

    .md\:rounded-40 {
        @media (width >= 48rem) {
            border-radius: var(--radius-40);
        }
    }

    .md\:rounded-xl {
        @media (width >= 48rem) {
            border-radius: var(--radius-xl);
        }
    }

    .md\:border-s {
        @media (width >= 48rem) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 1px;
        }
    }

    .md\:border-b-0 {
        @media (width >= 48rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }
    }

    .md\:border-l {
        @media (width >= 48rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .md\:border-\(--custom-rule\) {
        @media (width >= 48rem) {
            border-color: var(--custom-rule);
        }
    }

    .md\:border-default {
        @media (width >= 48rem) {
            border-color: var(--color-border);
        }
    }

    .md\:border-s-\(--custom-line\) {
        @media (width >= 48rem) {
            border-inline-start-color: var(--custom-line);
        }
    }

    .md\:border-l-\(--impact-rule\) {
        @media (width >= 48rem) {
            border-left-color: var(--impact-rule);
        }
    }

    .md\:object-\[50\%_60\%\] {
        @media (width >= 48rem) {
            object-position: 50% 60%;
        }
    }

    .md\:object-\[55\%_50\%\] {
        @media (width >= 48rem) {
            object-position: 55% 50%;
        }
    }

    .md\:object-\[55\%_60\%\] {
        @media (width >= 48rem) {
            object-position: 55% 60%;
        }
    }

    .md\:object-\[60\%_35\%\] {
        @media (width >= 48rem) {
            object-position: 60% 35%;
        }
    }

    .md\:object-\[60\%_55\%\] {
        @media (width >= 48rem) {
            object-position: 60% 55%;
        }
    }

    .md\:object-\[62\%_35\%\] {
        @media (width >= 48rem) {
            object-position: 62% 35%;
        }
    }

    .md\:object-\[62\%_55\%\] {
        @media (width >= 48rem) {
            object-position: 62% 55%;
        }
    }

    .md\:p-0 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .md\:p-2\.5 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 2.5);
        }
    }

    .md\:p-4 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 4);
        }
    }

    .md\:p-5 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 5);
        }
    }

    .md\:p-6 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .md\:p-7 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 7);
        }
    }

    .md\:p-8 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 8);
        }
    }

    .md\:p-9 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 9);
        }
    }

    .md\:p-10 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .md\:p-12 {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .md\:px-\(--board-pad\) {
        @media (width >= 48rem) {
            padding-inline: var(--board-pad);
        }
    }

    .md\:px-\(--compare-pad\) {
        @media (width >= 48rem) {
            padding-inline: var(--compare-pad);
        }
    }

    .md\:px-0 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .md\:px-3 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .md\:px-4 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .md\:px-5 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 5);
        }
    }

    .md\:px-5\.5 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 5.5);
        }
    }

    .md\:px-6 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .md\:px-7 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 7);
        }
    }

    .md\:px-8 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .md\:px-10 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .md\:px-12 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    .md\:px-14 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 14);
        }
    }

    .md\:px-16 {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .md\:px-\[0\.07em\] {
        @media (width >= 48rem) {
            padding-inline: 0.07em;
        }
    }

    .md\:py-0 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .md\:py-4 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .md\:py-6 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .md\:py-7 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 7);
        }
    }

    .md\:py-8 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .md\:py-9 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 9);
        }
    }

    .md\:py-10 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .md\:py-12 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .md\:py-14 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 14);
        }
    }

    .md\:py-16 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .md\:py-20 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .md\:py-24 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .md\:py-28 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 28);
        }
    }

    .md\:py-32 {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .md\:ps-10 {
        @media (width >= 48rem) {
            padding-inline-start: calc(var(--spacing) * 10);
        }
    }

    .md\:pe-10 {
        @media (width >= 48rem) {
            padding-inline-end: calc(var(--spacing) * 10);
        }
    }

    .md\:pe-\[clamp\(0rem\,4vw\,4rem\)\] {
        @media (width >= 48rem) {
            padding-inline-end: clamp(0rem, 4vw, 4rem);
        }
    }

    .md\:pt-0 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .md\:pt-4 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .md\:pt-4\.5 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 4.5);
        }
    }

    .md\:pt-5 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .md\:pt-6 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .md\:pt-8 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .md\:pt-9 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 9);
        }
    }

    .md\:pt-10 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .md\:pt-12 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 12);
        }
    }

    .md\:pt-14 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .md\:pt-16 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .md\:pt-20 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 20);
        }
    }

    .md\:pt-24 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .md\:pt-28 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 28);
        }
    }

    .md\:pt-32 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 32);
        }
    }

    .md\:pt-36 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 36);
        }
    }

    .md\:pt-40 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 40);
        }
    }

    .md\:pt-44 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 44);
        }
    }

    .md\:pt-48 {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 48);
        }
    }

    .md\:pt-\[0\.02em\] {
        @media (width >= 48rem) {
            padding-top: 0.02em;
        }
    }

    .md\:pt-\[0\.4rem\] {
        @media (width >= 48rem) {
            padding-top: 0.4rem;
        }
    }

    .md\:pt-\[calc\(var\(--custom-hem-y\)\+2\.5rem\)\] {
        @media (width >= 48rem) {
            padding-top: calc(var(--custom-hem-y) + 2.5rem);
        }
    }

    .md\:pt-\[clamp\(1rem\,2vw\,2rem\)\] {
        @media (width >= 48rem) {
            padding-top: clamp(1rem, 2vw, 2rem);
        }
    }

    .md\:pt-\[clamp\(6rem\,11vw\,10rem\)\] {
        @media (width >= 48rem) {
            padding-top: clamp(6rem, 11vw, 10rem);
        }
    }

    .md\:pr-4 {
        @media (width >= 48rem) {
            padding-right: calc(var(--spacing) * 4);
        }
    }

    .md\:\!pb-12 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 12) !important;
        }
    }

    .md\:pb-0 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .md\:pb-1\.5 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 1.5);
        }
    }

    .md\:pb-2 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .md\:pb-3 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 3);
        }
    }

    .md\:pb-3\.5 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 3.5);
        }
    }

    .md\:pb-4 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .md\:pb-5 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 5);
        }
    }

    .md\:pb-5\.5 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 5.5);
        }
    }

    .md\:pb-6 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 6);
        }
    }

    .md\:pb-8 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .md\:pb-10 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .md\:pb-12 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 12);
        }
    }

    .md\:pb-14 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 14);
        }
    }

    .md\:pb-16 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .md\:pb-20 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .md\:pb-24 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .md\:pb-28 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 28);
        }
    }

    .md\:pb-36 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 36);
        }
    }

    .md\:pb-44 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 44);
        }
    }

    .md\:pb-52 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 52);
        }
    }

    .md\:pb-56 {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 56);
        }
    }

    .md\:pb-\[0\.075em\] {
        @media (width >= 48rem) {
            padding-bottom: 0.075em;
        }
    }

    .md\:pb-\[var\(--section-space\)\] {
        @media (width >= 48rem) {
            padding-bottom: var(--section-space);
        }
    }

    .md\:pl-\(--tr-pad\) {
        @media (width >= 48rem) {
            padding-left: var(--tr-pad);
        }
    }

    .md\:pl-8 {
        @media (width >= 48rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .md\:pl-10 {
        @media (width >= 48rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }

    .md\:pl-\[16vw\] {
        @media (width >= 48rem) {
            padding-left: 16vw;
        }
    }

    .md\:pl-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        @media (width >= 48rem) {
            padding-left: clamp(1.5rem, 3vw, 3rem);
        }
    }

    .md\:text-center {
        @media (width >= 48rem) {
            text-align: center;
        }
    }

    .md\:text-end {
        @media (width >= 48rem) {
            text-align: end;
        }
    }

    .md\:text-left {
        @media (width >= 48rem) {
            text-align: left;
        }
    }

    .md\:text-right {
        @media (width >= 48rem) {
            text-align: right;
        }
    }

    .md\:text-start {
        @media (width >= 48rem) {
            text-align: start;
        }
    }

    .md\:text-2xl {
        @media (width >= 48rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }

    .md\:text-3xl {
        @media (width >= 48rem) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
    }

    .md\:text-4xl {
        @media (width >= 48rem) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .md\:text-5xl {
        @media (width >= 48rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .md\:text-6xl {
        @media (width >= 48rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .md\:text-lg {
        @media (width >= 48rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .md\:text-xl {
        @media (width >= 48rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .md\:text-\(length\:--cta-size\) {
        @media (width >= 48rem) {
            font-size: var(--cta-size);
        }
    }

    .md\:text-\(length\:--text-xs\) {
        @media (width >= 48rem) {
            font-size: var(--text-xs);
        }
    }

    .md\:text-\[0\.9375rem\] {
        @media (width >= 48rem) {
            font-size: 0.9375rem;
        }
    }

    .md\:text-\[1\.5rem\] {
        @media (width >= 48rem) {
            font-size: 1.5rem;
        }
    }

    .md\:text-\[1\.75rem\] {
        @media (width >= 48rem) {
            font-size: 1.75rem;
        }
    }

    .md\:text-\[1\.375rem\] {
        @media (width >= 48rem) {
            font-size: 1.375rem;
        }
    }

    .md\:text-\[1\.625rem\] {
        @media (width >= 48rem) {
            font-size: 1.625rem;
        }
    }

    .md\:text-\[1\.875rem\] {
        @media (width >= 48rem) {
            font-size: 1.875rem;
        }
    }

    .md\:text-\[2\.5rem\] {
        @media (width >= 48rem) {
            font-size: 2.5rem;
        }
    }

    .md\:text-\[2\.25rem\] {
        @media (width >= 48rem) {
            font-size: 2.25rem;
        }
    }

    .md\:text-\[2\.75rem\] {
        @media (width >= 48rem) {
            font-size: 2.75rem;
        }
    }

    .md\:text-\[2rem\] {
        @media (width >= 48rem) {
            font-size: 2rem;
        }
    }

    .md\:text-\[3\.5rem\] {
        @media (width >= 48rem) {
            font-size: 3.5rem;
        }
    }

    .md\:text-\[clamp\(1\.5rem\,1\.2rem_\+_0\.9vw\,2rem\)\] {
        @media (width >= 48rem) {
            font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2rem);
        }
    }

    .md\:text-\[min\(5\.5rem\,calc\(\(100cqi-9rem\)\/7\.4\)\)\] {
        @media (width >= 48rem) {
            font-size: min(5.5rem, 13.5135cqi - 1.21622rem);
        }
    }

    .md\:leading-\[0\.8\] {
        @media (width >= 48rem) {
            --tw-leading: 0.8;
            line-height: 0.8;
        }
    }

    .md\:leading-\[0\.98\] {
        @media (width >= 48rem) {
            --tw-leading: 0.98;
            line-height: 0.98;
        }
    }

    .md\:leading-\[1\] {
        @media (width >= 48rem) {
            --tw-leading: 1;
            line-height: 1;
        }
    }

    .md\:font-medium {
        @media (width >= 48rem) {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .md\:font-semibold {
        @media (width >= 48rem) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .md\:tracking-\[0\.12em\] {
        @media (width >= 48rem) {
            --tw-tracking: 0.12em;
            letter-spacing: 0.12em;
        }
    }

    .md\:text-balance {
        @media (width >= 48rem) {
            text-wrap: balance;
        }
    }

    .md\:whitespace-nowrap {
        @media (width >= 48rem) {
            white-space: nowrap;
        }
    }

    .md\:text-\(--custom-meta\) {
        @media (width >= 48rem) {
            color: var(--custom-meta);
        }
    }

    .md\:text-soft {
        @media (width >= 48rem) {
            color: var(--color-text-soft);
        }
    }

    .md\:uppercase {
        @media (width >= 48rem) {
            text-transform: uppercase;
        }
    }

    .md\:filter-\[url\(\#outline-3\)\] {
        @media (width >= 48rem) {
            filter: url('#outline-3');
        }
    }

    .md\:\[--band-stop\:38\%\] {
        @media (width >= 48rem) {
            --band-stop: 38%;
        }
    }

    .md\:\[--cols\:3\] {
        @media (width >= 48rem) {
            --cols: 3;
        }
    }

    .md\:\[--hero-reel-min-h\:max\(40rem\,82svh\)\] {
        @media (width >= 48rem) {
            --hero-reel-min-h: max(40rem, 82svh);
        }
    }

    .md\:\[--mini-ui-h\:18rem\] {
        @media (width >= 48rem) {
            --mini-ui-h: 18rem;
        }
    }

    .md\:\[border-top\:0\] {
        @media (width >= 48rem) {
            border-top: 0;
        }
    }

    .md\:\[grid-area\:1_\/_1_\/_3_\/_3\] {
        @media (width >= 48rem) {
            grid-area: 1 / 1 / 3 / 3;
        }
    }

    .md\:\[grid-area\:arch\] {
        @media (width >= 48rem) {
            grid-area: arch;
        }
    }

    .md\:\[grid-area\:nav\] {
        @media (width >= 48rem) {
            grid-area: nav;
        }
    }

    .md\:\[grid-area\:slides\] {
        @media (width >= 48rem) {
            grid-area: slides;
        }
    }

    .md\:max-\[1200px\]\:grid {
        @media (width >= 48rem) {
            @media (width < 1200px) {
                display: grid;
            }
        }
    }

    .md\:max-\[1200px\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 48rem) {
            @media (width < 1200px) {
                grid-template-columns: minmax(0, 1fr) auto;
            }
        }
    }

    .md\:max-\[1200px\]\:\[align-items\:end\] {
        @media (width >= 48rem) {
            @media (width < 1200px) {
                align-items: end;
            }
        }
    }

    .md\:max-\[1200px\]\:gap-12 {
        @media (width >= 48rem) {
            @media (width < 1200px) {
                gap: calc(var(--spacing) * 12);
            }
        }
    }

    .md\:max-xl\:ml-\[calc\(var\(--team-title\)_\*_1\.18\)\] {
        @media (width >= 48rem) {
            @media (width < 80rem) {
                margin-left: calc(var(--team-title) * 1.18);
            }
        }
    }

    .md\:max-xl\:hidden {
        @media (width >= 48rem) {
            @media (width < 80rem) {
                display: none;
            }
        }
    }

    .md\:max-xl\:max-w-132 {
        @media (width >= 48rem) {
            @media (width < 80rem) {
                max-width: calc(var(--spacing) * 132);
            }
        }
    }

    .md\:max-xl\:grid-cols-3 {
        @media (width >= 48rem) {
            @media (width < 80rem) {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }
    }

    .md\:max-xl\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >= 48rem) {
            @media (width < 80rem) {
                grid-template-columns: auto minmax(0, 1fr);
            }
        }
    }

    .md\:max-xl\:items-end {
        @media (width >= 48rem) {
            @media (width < 80rem) {
                align-items: flex-end;
            }
        }
    }

    .md\:max-xl\:gap-x-6 {
        @media (width >= 48rem) {
            @media (width < 80rem) {
                column-gap: calc(var(--spacing) * 6);
            }
        }
    }

    .md\:max-lg\:grid-cols-2 {
        @media (width >= 48rem) {
            @media (width < 64rem) {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }
    }

    .min-\[50rem\]\:grid-cols-2 {
        @media (width >= 50rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[56\.25rem\]\:order-2 {
        @media (width >= 56.25rem) {
            order: 2;
        }
    }

    .min-\[56\.25rem\]\:min-h-112 {
        @media (width >= 56.25rem) {
            min-height: calc(var(--spacing) * 112);
        }
    }

    .min-\[56\.25rem\]\:grid-cols-2 {
        @media (width >= 56.25rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[56\.25rem\]\:grid-cols-3 {
        @media (width >= 56.25rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .min-\[56\.25rem\]\:grid-cols-4 {
        @media (width >= 56.25rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .min-\[56\.25rem\]\:grid-cols-5 {
        @media (width >= 56.25rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[11rem_minmax\(0\,1fr\)\] {
        @media (width >= 56.25rem) {
            grid-template-columns: 11rem minmax(0, 1fr);
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 56.25rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
        @media (width >= 56.25rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 56.25rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 56.25rem) {
            grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)\] {
        @media (width >= 56.25rem) {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 56.25rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .min-\[56\.25rem\]\:grid-cols-\[repeat\(6\,auto\)\] {
        @media (width >= 56.25rem) {
            grid-template-columns: repeat(6, auto);
        }
    }

    .min-\[56\.25rem\]\:items-center {
        @media (width >= 56.25rem) {
            align-items: center;
        }
    }

    .min-\[56\.25rem\]\:items-stretch {
        @media (width >= 56.25rem) {
            align-items: stretch;
        }
    }

    .min-\[56\.25rem\]\:gap-5 {
        @media (width >= 56.25rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .min-\[56\.25rem\]\:gap-6 {
        @media (width >= 56.25rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .min-\[56\.25rem\]\:gap-x-8 {
        @media (width >= 56.25rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .min-\[56\.25rem\]\:gap-x-16 {
        @media (width >= 56.25rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .min-\[56\.25rem\]\:gap-x-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 56.25rem) {
            column-gap: clamp(3rem, 5vw, 5rem);
        }
    }

    .min-\[56\.25rem\]\:gap-y-14 {
        @media (width >= 56.25rem) {
            row-gap: calc(var(--spacing) * 14);
        }
    }

    .min-\[56\.25rem\]\:\[align-self\:end\] {
        @media (width >= 56.25rem) {
            align-self: end;
        }
    }

    .min-\[56\.25rem\]\:\[justify-self\:end\] {
        @media (width >= 56.25rem) {
            justify-self: end;
        }
    }

    .min-\[56\.25rem\]\:pt-5\.5 {
        @media (width >= 56.25rem) {
            padding-top: calc(var(--spacing) * 5.5);
        }
    }

    .min-\[62rem\]\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,9fr\)\] {
        @media (width >= 62rem) {
            grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
        }
    }

    .min-\[62rem\]\:gap-12 {
        @media (width >= 62rem) {
            gap: calc(var(--spacing) * 12);
        }
    }

    .lg\:pointer-events-auto {
        @media (width >= 64rem) {
            pointer-events: auto;
        }
    }

    .lg\:pointer-events-none {
        @media (width >= 64rem) {
            pointer-events: none;
        }
    }

    .lg\:absolute {
        @media (width >= 64rem) {
            position: absolute;
        }
    }

    .lg\:relative {
        @media (width >= 64rem) {
            position: relative;
        }
    }

    .lg\:sticky {
        @media (width >= 64rem) {
            position: sticky;
        }
    }

    .lg\:inset-0 {
        @media (width >= 64rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .lg\:inset-x-0 {
        @media (width >= 64rem) {
            inset-inline: calc(var(--spacing) * 0);
        }
    }

    .lg\:inset-x-\[20\%\] {
        @media (width >= 64rem) {
            inset-inline: 20%;
        }
    }

    .lg\:inset-y-0 {
        @media (width >= 64rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .lg\:-start-5 {
        @media (width >= 64rem) {
            inset-inline-start: calc(var(--spacing) * -5);
        }
    }

    .lg\:-start-8 {
        @media (width >= 64rem) {
            inset-inline-start: calc(var(--spacing) * -8);
        }
    }

    .lg\:-start-10 {
        @media (width >= 64rem) {
            inset-inline-start: calc(var(--spacing) * -10);
        }
    }

    .lg\:-start-16 {
        @media (width >= 64rem) {
            inset-inline-start: calc(var(--spacing) * -16);
        }
    }

    .lg\:start-\[50\%\] {
        @media (width >= 64rem) {
            inset-inline-start: 50%;
        }
    }

    .lg\:-end-10 {
        @media (width >= 64rem) {
            inset-inline-end: calc(var(--spacing) * -10);
        }
    }

    .lg\:-end-12 {
        @media (width >= 64rem) {
            inset-inline-end: calc(var(--spacing) * -12);
        }
    }

    .lg\:end-\[calc\(\(100vw_-_var\(--container-width\)\)_\/_2_\+_var\(--container-x\)\)\] {
        @media (width >= 64rem) {
            inset-inline-end: calc((100vw - var(--container-width)) / 2 + var(--container-x));
        }
    }

    .lg\:end-\[calc\(-1_\*_var\(--custom-ph-art-out\)\)\] {
        @media (width >= 64rem) {
            inset-inline-end: calc(-1 * var(--custom-ph-art-out));
        }
    }

    .lg\:-top-11 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * -11);
        }
    }

    .lg\:top-\(--custom-index-top\) {
        @media (width >= 64rem) {
            top: var(--custom-index-top);
        }
    }

    .lg\:top-\(--y\) {
        @media (width >= 64rem) {
            top: var(--y);
        }
    }

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

    .lg\:top-1\/2 {
        @media (width >= 64rem) {
            top: 50%;
        }
    }

    .lg\:top-6 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .lg\:top-8 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .lg\:top-10 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 10);
        }
    }

    .lg\:top-12 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 12);
        }
    }

    .lg\:top-20 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 20);
        }
    }

    .lg\:top-28 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 28);
        }
    }

    .lg\:top-30 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 30);
        }
    }

    .lg\:top-32 {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 32);
        }
    }

    .lg\:top-\[3\%\] {
        @media (width >= 64rem) {
            top: 3%;
        }
    }

    .lg\:top-\[4\%\] {
        @media (width >= 64rem) {
            top: 4%;
        }
    }

    .lg\:top-\[5\%\] {
        @media (width >= 64rem) {
            top: 5%;
        }
    }

    .lg\:top-\[8\%\] {
        @media (width >= 64rem) {
            top: 8%;
        }
    }

    .lg\:top-\[30\%\] {
        @media (width >= 64rem) {
            top: 30%;
        }
    }

    .lg\:top-\[40\%\] {
        @media (width >= 64rem) {
            top: 40%;
        }
    }

    .lg\:top-\[47\%\] {
        @media (width >= 64rem) {
            top: 47%;
        }
    }

    .lg\:top-\[50\%\] {
        @media (width >= 64rem) {
            top: 50%;
        }
    }

    .lg\:top-\[calc\(226_\/_240_\*_100\%\)\] {
        @media (width >= 64rem) {
            top: 94.1667%;
        }
    }

    .lg\:top-\[calc\(var\(--header-h\)\+1\.5rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h) + 1.5rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\)\+2\.5rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h) + 2.5rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\)\+2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\)_\+_1\.5rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h) + 1.5rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\)_\+_3rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h) + 3rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,5\.5rem\)\+2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 5.5rem) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,5\.5rem\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 5.5rem) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,5rem\)_\+_2\.5rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 5rem) + 2.5rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,5rem\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 5rem) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,5rem\)_\+_3rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 5rem) + 3rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,6rem\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 6rem) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,8rem\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 8rem) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,88px\)\+1\.5rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 88px) + 1.5rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,88px\)\+2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 88px) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,88px\)_\+_1\.5rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 88px) + 1.5rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,88px\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 88px) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--header-h\,88px\)_\+_3rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--header-h, 88px) + 3rem);
        }
    }

    .lg\:top-\[calc\(var\(--navbar-h\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--navbar-h) + 2rem);
        }
    }

    .lg\:top-\[calc\(var\(--navbar-h\,88px\)_\+_2rem\)\] {
        @media (width >= 64rem) {
            top: calc(var(--navbar-h, 88px) + 2rem);
        }
    }

    .lg\:top-auto {
        @media (width >= 64rem) {
            top: auto;
        }
    }

    .lg\:-right-2 {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * -2);
        }
    }

    .lg\:-right-6 {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * -6);
        }
    }

    .lg\:-right-8 {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * -8);
        }
    }

    .lg\:-right-10 {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * -10);
        }
    }

    .lg\:-right-14 {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * -14);
        }
    }

    .lg\:right-\(--testimony-ring\) {
        @media (width >= 64rem) {
            right: var(--testimony-ring);
        }
    }

    .lg\:right-0 {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .lg\:right-\[2\%\] {
        @media (width >= 64rem) {
            right: 2%;
        }
    }

    .lg\:right-\[5\%\] {
        @media (width >= 64rem) {
            right: 5%;
        }
    }

    .lg\:right-\[9\%\] {
        @media (width >= 64rem) {
            right: 9%;
        }
    }

    .lg\:right-\[20\%\] {
        @media (width >= 64rem) {
            right: 20%;
        }
    }

    .lg\:right-\[24\%\] {
        @media (width >= 64rem) {
            right: 24%;
        }
    }

    .lg\:right-\[25\%\] {
        @media (width >= 64rem) {
            right: 25%;
        }
    }

    .lg\:-bottom-8 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * -8);
        }
    }

    .lg\:-bottom-10 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * -10);
        }
    }

    .lg\:bottom-\(--testimony-chip\) {
        @media (width >= 64rem) {
            bottom: var(--testimony-chip);
        }
    }

    .lg\:bottom-0 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .lg\:bottom-5\.5 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 5.5);
        }
    }

    .lg\:bottom-7 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 7);
        }
    }

    .lg\:bottom-8 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 8);
        }
    }

    .lg\:bottom-10 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 10);
        }
    }

    .lg\:bottom-12 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 12);
        }
    }

    .lg\:bottom-14 {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 14);
        }
    }

    .lg\:bottom-\[6\%\] {
        @media (width >= 64rem) {
            bottom: 6%;
        }
    }

    .lg\:bottom-\[18\%\] {
        @media (width >= 64rem) {
            bottom: 18%;
        }
    }

    .lg\:bottom-\[22\%\] {
        @media (width >= 64rem) {
            bottom: 22%;
        }
    }

    .lg\:bottom-\[24\%\] {
        @media (width >= 64rem) {
            bottom: 24%;
        }
    }

    .lg\:bottom-\[calc\(var\(--exit-y\)_\+_0\.5px\)\] {
        @media (width >= 64rem) {
            bottom: calc(var(--exit-y) + 0.5px);
        }
    }

    .lg\:bottom-auto {
        @media (width >= 64rem) {
            bottom: auto;
        }
    }

    .lg\:bottom-full {
        @media (width >= 64rem) {
            bottom: 100%;
        }
    }

    .lg\:-left-8 {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * -8);
        }
    }

    .lg\:-left-10 {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * -10);
        }
    }

    .lg\:-left-12 {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * -12);
        }
    }

    .lg\:-left-16 {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * -16);
        }
    }

    .lg\:left-\(--x\) {
        @media (width >= 64rem) {
            left: var(--x);
        }
    }

    .lg\:left-0 {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .lg\:left-1\/2 {
        @media (width >= 64rem) {
            left: 50%;
        }
    }

    .lg\:left-7 {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 7);
        }
    }

    .lg\:left-8 {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 8);
        }
    }

    .lg\:left-\[2\%\] {
        @media (width >= 64rem) {
            left: 2%;
        }
    }

    .lg\:left-\[3\.5\%\] {
        @media (width >= 64rem) {
            left: 3.5%;
        }
    }

    .lg\:left-\[6\%\] {
        @media (width >= 64rem) {
            left: 6%;
        }
    }

    .lg\:left-\[23\%\] {
        @media (width >= 64rem) {
            left: 23%;
        }
    }

    .lg\:left-\[27\%\] {
        @media (width >= 64rem) {
            left: 27%;
        }
    }

    .lg\:left-auto {
        @media (width >= 64rem) {
            left: auto;
        }
    }

    .lg\:left-full {
        @media (width >= 64rem) {
            left: 100%;
        }
    }

    .lg\:-z-1 {
        @media (width >= 64rem) {
            z-index: calc(1 * -1);
        }
    }

    .lg\:z-2 {
        @media (width >= 64rem) {
            z-index: 2;
        }
    }

    .lg\:z-10 {
        @media (width >= 64rem) {
            z-index: 10;
        }
    }

    .lg\:-order-1 {
        @media (width >= 64rem) {
            order: calc(1 * -1);
        }
    }

    .lg\:order-0 {
        @media (width >= 64rem) {
            order: 0;
        }
    }

    .lg\:order-1 {
        @media (width >= 64rem) {
            order: 1;
        }
    }

    .lg\:order-2 {
        @media (width >= 64rem) {
            order: 2;
        }
    }

    .lg\:order-3 {
        @media (width >= 64rem) {
            order: 3;
        }
    }

    .lg\:order-first {
        @media (width >= 64rem) {
            order: -9999;
        }
    }

    .lg\:order-last {
        @media (width >= 64rem) {
            order: 9999;
        }
    }

    .lg\:order-none {
        @media (width >= 64rem) {
            order: 0;
        }
    }

    .lg\:col-\[1\] {
        @media (width >= 64rem) {
            grid-column: 1;
        }
    }

    .lg\:col-\[1_\/_6\] {
        @media (width >= 64rem) {
            grid-column: 1 / 6;
        }
    }

    .lg\:col-\[1_\/_9\] {
        @media (width >= 64rem) {
            grid-column: 1 / 9;
        }
    }

    .lg\:col-\[1_\/_10\] {
        @media (width >= 64rem) {
            grid-column: 1 / 10;
        }
    }

    .lg\:col-\[1_\/_13\] {
        @media (width >= 64rem) {
            grid-column: 1 / 13;
        }
    }

    .lg\:col-\[2\] {
        @media (width >= 64rem) {
            grid-column: 2;
        }
    }

    .lg\:col-\[3\] {
        @media (width >= 64rem) {
            grid-column: 3;
        }
    }

    .lg\:col-\[3_\/_-1\] {
        @media (width >= 64rem) {
            grid-column: 3 / -1;
        }
    }

    .lg\:col-\[5\] {
        @media (width >= 64rem) {
            grid-column: 5;
        }
    }

    .lg\:col-\[6_\/_9\] {
        @media (width >= 64rem) {
            grid-column: 6 / 9;
        }
    }

    .lg\:col-\[9_\/_13\] {
        @media (width >= 64rem) {
            grid-column: 9 / 13;
        }
    }

    .lg\:col-\[auto\] {
        @media (width >= 64rem) {
            grid-column: auto;
        }
    }

    .lg\:col-\[span_2\] {
        @media (width >= 64rem) {
            grid-column: span 2;
        }
    }

    .lg\:col-\[span_4\] {
        @media (width >= 64rem) {
            grid-column: span 4;
        }
    }

    .lg\:col-\[span_5\] {
        @media (width >= 64rem) {
            grid-column: span 5;
        }
    }

    .lg\:col-span-1 {
        @media (width >= 64rem) {
            grid-column: span 1 / span 1;
        }
    }

    .lg\:col-span-2 {
        @media (width >= 64rem) {
            grid-column: span 2 / span 2;
        }
    }

    .lg\:col-span-3 {
        @media (width >= 64rem) {
            grid-column: span 3 / span 3;
        }
    }

    .lg\:col-span-4 {
        @media (width >= 64rem) {
            grid-column: span 4 / span 4;
        }
    }

    .lg\:col-span-5 {
        @media (width >= 64rem) {
            grid-column: span 5 / span 5;
        }
    }

    .lg\:col-span-6 {
        @media (width >= 64rem) {
            grid-column: span 6 / span 6;
        }
    }

    .lg\:col-span-7 {
        @media (width >= 64rem) {
            grid-column: span 7 / span 7;
        }
    }

    .lg\:col-span-8 {
        @media (width >= 64rem) {
            grid-column: span 8 / span 8;
        }
    }

    .lg\:col-span-9 {
        @media (width >= 64rem) {
            grid-column: span 9 / span 9;
        }
    }

    .lg\:col-span-12 {
        @media (width >= 64rem) {
            grid-column: span 12 / span 12;
        }
    }

    .lg\:col-span-full {
        @media (width >= 64rem) {
            grid-column: 1 / -1;
        }
    }

    .lg\:col-start-1 {
        @media (width >= 64rem) {
            grid-column-start: 1;
        }
    }

    .lg\:col-start-2 {
        @media (width >= 64rem) {
            grid-column-start: 2;
        }
    }

    .lg\:col-start-3 {
        @media (width >= 64rem) {
            grid-column-start: 3;
        }
    }

    .lg\:col-start-4 {
        @media (width >= 64rem) {
            grid-column-start: 4;
        }
    }

    .lg\:col-start-5 {
        @media (width >= 64rem) {
            grid-column-start: 5;
        }
    }

    .lg\:col-start-6 {
        @media (width >= 64rem) {
            grid-column-start: 6;
        }
    }

    .lg\:col-start-7 {
        @media (width >= 64rem) {
            grid-column-start: 7;
        }
    }

    .lg\:col-start-8 {
        @media (width >= 64rem) {
            grid-column-start: 8;
        }
    }

    .lg\:col-start-9 {
        @media (width >= 64rem) {
            grid-column-start: 9;
        }
    }

    .lg\:col-start-auto {
        @media (width >= 64rem) {
            grid-column-start: auto;
        }
    }

    .lg\:row-\[1\] {
        @media (width >= 64rem) {
            grid-row: 1;
        }
    }

    .lg\:row-\[1_\/_3\] {
        @media (width >= 64rem) {
            grid-row: 1 / 3;
        }
    }

    .lg\:row-\[1_\/_4\] {
        @media (width >= 64rem) {
            grid-row: 1 / 4;
        }
    }

    .lg\:row-\[1_\/_span_2\] {
        @media (width >= 64rem) {
            grid-row: 1 / span 2;
        }
    }

    .lg\:row-\[2\] {
        @media (width >= 64rem) {
            grid-row: 2;
        }
    }

    .lg\:row-\[2_\/_span_2\] {
        @media (width >= 64rem) {
            grid-row: 2 / span 2;
        }
    }

    .lg\:row-\[3\] {
        @media (width >= 64rem) {
            grid-row: 3;
        }
    }

    .lg\:row-\[auto\] {
        @media (width >= 64rem) {
            grid-row: auto;
        }
    }

    .lg\:row-\[span_2\] {
        @media (width >= 64rem) {
            grid-row: span 2;
        }
    }

    .lg\:row-\[span_8\] {
        @media (width >= 64rem) {
            grid-row: span 8;
        }
    }

    .lg\:row-span-1 {
        @media (width >= 64rem) {
            grid-row: span 1 / span 1;
        }
    }

    .lg\:row-span-2 {
        @media (width >= 64rem) {
            grid-row: span 2 / span 2;
        }
    }

    .lg\:row-span-7 {
        @media (width >= 64rem) {
            grid-row: span 7 / span 7;
        }
    }

    .lg\:row-start-1 {
        @media (width >= 64rem) {
            grid-row-start: 1;
        }
    }

    .lg\:row-start-2 {
        @media (width >= 64rem) {
            grid-row-start: 2;
        }
    }

    .lg\:m-0 {
        @media (width >= 64rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .lg\:m-10 {
        @media (width >= 64rem) {
            margin: calc(var(--spacing) * 10);
        }
    }

    .lg\:mx-0 {
        @media (width >= 64rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .lg\:mx-10 {
        @media (width >= 64rem) {
            margin-inline: calc(var(--spacing) * 10);
        }
    }

    .lg\:mx-auto {
        @media (width >= 64rem) {
            margin-inline: auto;
        }
    }

    .lg\:-my-6 {
        @media (width >= 64rem) {
            margin-block: calc(var(--spacing) * -6);
        }
    }

    .lg\:my-0 {
        @media (width >= 64rem) {
            margin-block: calc(var(--spacing) * 0);
        }
    }

    .lg\:my-\[calc\(var\(--offer-rise\)_\*_-1\)\] {
        @media (width >= 64rem) {
            margin-block: calc(var(--offer-rise) * -1);
        }
    }

    .lg\:my-auto {
        @media (width >= 64rem) {
            margin-block: auto;
        }
    }

    .lg\:ms-0 {
        @media (width >= 64rem) {
            margin-inline-start: calc(var(--spacing) * 0);
        }
    }

    .lg\:ms-\[25\%\] {
        @media (width >= 64rem) {
            margin-inline-start: 25%;
        }
    }

    .lg\:ms-\[calc\(100\%_\/_3\)\] {
        @media (width >= 64rem) {
            margin-inline-start: 33.3333%;
        }
    }

    .lg\:ms-auto {
        @media (width >= 64rem) {
            margin-inline-start: auto;
        }
    }

    .lg\:-me-\[clamp\(1\.5rem\,0\.5rem_\+_2\.5vw\,3\.5rem\)\] {
        @media (width >= 64rem) {
            margin-inline-end: calc(-1 * clamp(1.5rem, 0.5rem + 2.5vw, 3.5rem));
        }
    }

    .lg\:me-\[calc\(\(100\%-var\(--container-width\)\)\/2\+var\(--container-x\)\)\] {
        @media (width >= 64rem) {
            margin-inline-end: calc((100% - var(--container-width)) / 2 + var(--container-x));
        }
    }

    .lg\:-mt-20 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * -20);
        }
    }

    .lg\:-mt-22 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * -22);
        }
    }

    .lg\:-mt-36 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * -36);
        }
    }

    .lg\:-mt-\[calc\(var\(--custom-book-h\)\/2\)\] {
        @media (width >= 64rem) {
            margin-top: calc(calc(var(--custom-book-h) / 2) * -1);
        }
    }

    .lg\:mt-0 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .lg\:mt-1 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .lg\:mt-2 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .lg\:mt-2\.5 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 2.5);
        }
    }

    .lg\:mt-3 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .lg\:mt-3\.5 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 3.5);
        }
    }

    .lg\:mt-4 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 4);
        }
    }

    .lg\:mt-5 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .lg\:mt-6 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .lg\:mt-8 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .lg\:mt-10 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .lg\:mt-11 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 11);
        }
    }

    .lg\:mt-12 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 12);
        }
    }

    .lg\:mt-13\.5 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 13.5);
        }
    }

    .lg\:mt-14 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 14);
        }
    }

    .lg\:mt-16 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .lg\:mt-18 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 18);
        }
    }

    .lg\:mt-20 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .lg\:mt-24 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .lg\:mt-26 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 26);
        }
    }

    .lg\:mt-28 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 28);
        }
    }

    .lg\:mt-32 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .lg\:mt-40 {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 40);
        }
    }

    .lg\:mt-\[calc\(var\(--custom-head-space\)_\+_3\.5rem\)\] {
        @media (width >= 64rem) {
            margin-top: calc(var(--custom-head-space) + 3.5rem);
        }
    }

    .lg\:mt-\[calc\(var\(--sun-rise\)_-_1\.5rem\)\] {
        @media (width >= 64rem) {
            margin-top: calc(var(--sun-rise) - 1.5rem);
        }
    }

    .lg\:mt-auto {
        @media (width >= 64rem) {
            margin-top: auto;
        }
    }

    .lg\:-mr-3 {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * -3);
        }
    }

    .lg\:mr-0 {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .lg\:mr-5 {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * 5);
        }
    }

    .lg\:mr-6 {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * 6);
        }
    }

    .lg\:mr-17 {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * 17);
        }
    }

    .lg\:mr-\[clamp\(0rem\,-6rem_\+_8vw\,4rem\)\] {
        @media (width >= 64rem) {
            margin-right: clamp(0rem, 8vw - 6rem, 4rem);
        }
    }

    .lg\:-mb-3 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * -3);
        }
    }

    .lg\:-mb-10 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * -10);
        }
    }

    .lg\:-mb-20 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * -20);
        }
    }

    .lg\:mb-0 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .lg\:mb-2 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .lg\:mb-3 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 3);
        }
    }

    .lg\:mb-5\.5 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 5.5);
        }
    }

    .lg\:mb-6 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }

    .lg\:mb-8 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 8);
        }
    }

    .lg\:mb-10 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 10);
        }
    }

    .lg\:mb-12 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 12);
        }
    }

    .lg\:mb-14 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 14);
        }
    }

    .lg\:mb-16 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 16);
        }
    }

    .lg\:mb-18 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 18);
        }
    }

    .lg\:mb-20 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 20);
        }
    }

    .lg\:mb-24 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 24);
        }
    }

    .lg\:mb-30 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 30);
        }
    }

    .lg\:mb-32 {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 32);
        }
    }

    .lg\:mb-\[clamp\(1\.5rem\,0\.5rem_\+_2vw\,2\.5rem\)\] {
        @media (width >= 64rem) {
            margin-bottom: clamp(1.5rem, 0.5rem + 2vw, 2.5rem);
        }
    }

    .lg\:-ml-8 {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * -8);
        }
    }

    .lg\:ml-0 {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .lg\:ml-6 {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .lg\:ml-10 {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 10);
        }
    }

    .lg\:ml-64 {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 64);
        }
    }

    .lg\:ml-\[calc\(var\(--stop-node\)_\/_2\)\] {
        @media (width >= 64rem) {
            margin-left: calc(var(--stop-node) / 2);
        }
    }

    .lg\:ml-\[calc\(var\(--win-w\)_\/_2_-_0\.375rem\)\] {
        @media (width >= 64rem) {
            margin-left: calc(var(--win-w) / 2 - 0.375rem);
        }
    }

    .lg\:ml-auto {
        @media (width >= 64rem) {
            margin-left: auto;
        }
    }

    .lg\:block {
        @media (width >= 64rem) {
            display: block;
        }
    }

    .lg\:contents {
        @media (width >= 64rem) {
            display: contents;
        }
    }

    .lg\:flex {
        @media (width >= 64rem) {
            display: flex;
        }
    }

    .lg\:grid {
        @media (width >= 64rem) {
            display: grid;
        }
    }

    .lg\:hidden {
        @media (width >= 64rem) {
            display: none;
        }
    }

    .lg\:inline-flex {
        @media (width >= 64rem) {
            display: inline-flex;
        }
    }

    .lg\:inline-grid {
        @media (width >= 64rem) {
            display: inline-grid;
        }
    }

    .lg\:aspect-4\/5 {
        @media (width >= 64rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .lg\:aspect-5\/6 {
        @media (width >= 64rem) {
            aspect-ratio: 5 / 6;
        }
    }

    .lg\:aspect-\[2\/1\] {
        @media (width >= 64rem) {
            aspect-ratio: 2;
        }
    }

    .lg\:aspect-\[3\/2\] {
        @media (width >= 64rem) {
            aspect-ratio: 3 / 2;
        }
    }

    .lg\:aspect-\[3\/4\] {
        @media (width >= 64rem) {
            aspect-ratio: 3 / 4;
        }
    }

    .lg\:aspect-\[4\/3\] {
        @media (width >= 64rem) {
            aspect-ratio: 4 / 3;
        }
    }

    .lg\:aspect-\[4\/4\.4\] {
        @media (width >= 64rem) {
            aspect-ratio: 4 / 4.4;
        }
    }

    .lg\:aspect-\[4\/5\] {
        @media (width >= 64rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .lg\:aspect-\[5\/4\] {
        @media (width >= 64rem) {
            aspect-ratio: 5 / 4;
        }
    }

    .lg\:aspect-\[5\/6\] {
        @media (width >= 64rem) {
            aspect-ratio: 5 / 6;
        }
    }

    .lg\:aspect-\[7\/5\] {
        @media (width >= 64rem) {
            aspect-ratio: 7 / 5;
        }
    }

    .lg\:aspect-\[12\/5\] {
        @media (width >= 64rem) {
            aspect-ratio: 12 / 5;
        }
    }

    .lg\:aspect-\[16\/7\] {
        @media (width >= 64rem) {
            aspect-ratio: 16 / 7;
        }
    }

    .lg\:aspect-\[16\/9\] {
        @media (width >= 64rem) {
            aspect-ratio: 16 / 9;
        }
    }

    .lg\:aspect-\[16\/10\] {
        @media (width >= 64rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .lg\:aspect-\[16\/11\] {
        @media (width >= 64rem) {
            aspect-ratio: 16 / 11;
        }
    }

    .lg\:aspect-\[21\/9\] {
        @media (width >= 64rem) {
            aspect-ratio: 21 / 9;
        }
    }

    .lg\:aspect-\[21\/10\] {
        @media (width >= 64rem) {
            aspect-ratio: 21 / 10;
        }
    }

    .lg\:aspect-\[auto\] {
        @media (width >= 64rem) {
            aspect-ratio: auto;
        }
    }

    .lg\:aspect-auto {
        @media (width >= 64rem) {
            aspect-ratio: auto;
        }
    }

    .lg\:aspect-square {
        @media (width >= 64rem) {
            aspect-ratio: 1;
        }
    }

    .lg\:size-3 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 3);
            height: calc(var(--spacing) * 3);
        }
    }

    .lg\:size-20 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 20);
            height: calc(var(--spacing) * 20);
        }
    }

    .lg\:h-\(--custom-book-h\) {
        @media (width >= 64rem) {
            height: var(--custom-book-h);
        }
    }

    .lg\:h-\(--metro-line\) {
        @media (width >= 64rem) {
            height: var(--metro-line);
        }
    }

    .lg\:h-9 {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 9);
        }
    }

    .lg\:h-11\.5 {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 11.5);
        }
    }

    .lg\:h-14 {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 14);
        }
    }

    .lg\:h-20 {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 20);
        }
    }

    .lg\:h-52 {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 52);
        }
    }

    .lg\:h-144 {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 144);
        }
    }

    .lg\:h-\[32rem\] {
        @media (width >= 64rem) {
            height: 32rem;
        }
    }

    .lg\:h-\[36rem\] {
        @media (width >= 64rem) {
            height: 36rem;
        }
    }

    .lg\:h-\[44rem\] {
        @media (width >= 64rem) {
            height: 44rem;
        }
    }

    .lg\:h-\[100svh\] {
        @media (width >= 64rem) {
            height: 100svh;
        }
    }

    .lg\:h-\[520px\] {
        @media (width >= 64rem) {
            height: 520px;
        }
    }

    .lg\:h-\[540px\] {
        @media (width >= 64rem) {
            height: 540px;
        }
    }

    .lg\:h-\[clamp\(26rem\,12rem_\+_22vw\,36rem\)\] {
        @media (width >= 64rem) {
            height: clamp(26rem, 12rem + 22vw, 36rem);
        }
    }

    .lg\:h-\[clamp\(26rem\,29vw\,27\.5rem\)\] {
        @media (width >= 64rem) {
            height: clamp(26rem, 29vw, 27.5rem);
        }
    }

    .lg\:h-\[clamp\(26rem\,30vw\,29rem\)\] {
        @media (width >= 64rem) {
            height: clamp(26rem, 30vw, 29rem);
        }
    }

    .lg\:h-\[clamp\(28rem\,34vw\,32rem\)\] {
        @media (width >= 64rem) {
            height: clamp(28rem, 34vw, 32rem);
        }
    }

    .lg\:h-\[clamp\(32rem\,40vw\,37rem\)\] {
        @media (width >= 64rem) {
            height: clamp(32rem, 40vw, 37rem);
        }
    }

    .lg\:h-\[min\(calc\(100svh-var\(--header-h-rest\,var\(--header-h\)\)-4rem\)\,52rem\)\] {
        @media (width >= 64rem) {
            height: min(calc(100svh - var(--header-h-rest, var(--header-h)) - 4rem), 52rem);
        }
    }

    .lg\:h-auto {
        @media (width >= 64rem) {
            height: auto;
        }
    }

    .lg\:h-full {
        @media (width >= 64rem) {
            height: 100%;
        }
    }

    .lg\:h-px {
        @media (width >= 64rem) {
            height: 1px;
        }
    }

    .lg\:h-svh {
        @media (width >= 64rem) {
            height: 100svh;
        }
    }

    .lg\:max-h-76 {
        @media (width >= 64rem) {
            max-height: calc(var(--spacing) * 76);
        }
    }

    .lg\:max-h-100 {
        @media (width >= 64rem) {
            max-height: calc(var(--spacing) * 100);
        }
    }

    .lg\:max-h-176 {
        @media (width >= 64rem) {
            max-height: calc(var(--spacing) * 176);
        }
    }

    .lg\:max-h-\[21\.5rem\] {
        @media (width >= 64rem) {
            max-height: 21.5rem;
        }
    }

    .lg\:max-h-\[42rem\] {
        @media (width >= 64rem) {
            max-height: 42rem;
        }
    }

    .lg\:min-h-0 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 0);
        }
    }

    .lg\:min-h-48 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 48);
        }
    }

    .lg\:min-h-72 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 72);
        }
    }

    .lg\:min-h-88 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 88);
        }
    }

    .lg\:min-h-96 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 96);
        }
    }

    .lg\:min-h-104 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 104);
        }
    }

    .lg\:min-h-112 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 112);
        }
    }

    .lg\:min-h-120 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 120);
        }
    }

    .lg\:min-h-128 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 128);
        }
    }

    .lg\:min-h-136 {
        @media (width >= 64rem) {
            min-height: calc(var(--spacing) * 136);
        }
    }

    .lg\:min-h-\[14rem\] {
        @media (width >= 64rem) {
            min-height: 14rem;
        }
    }

    .lg\:min-h-\[16\.5rem\] {
        @media (width >= 64rem) {
            min-height: 16.5rem;
        }
    }

    .lg\:min-h-\[16rem\] {
        @media (width >= 64rem) {
            min-height: 16rem;
        }
    }

    .lg\:min-h-\[17rem\] {
        @media (width >= 64rem) {
            min-height: 17rem;
        }
    }

    .lg\:min-h-\[18rem\] {
        @media (width >= 64rem) {
            min-height: 18rem;
        }
    }

    .lg\:min-h-\[24rem\] {
        @media (width >= 64rem) {
            min-height: 24rem;
        }
    }

    .lg\:min-h-\[26rem\] {
        @media (width >= 64rem) {
            min-height: 26rem;
        }
    }

    .lg\:min-h-\[27rem\] {
        @media (width >= 64rem) {
            min-height: 27rem;
        }
    }

    .lg\:min-h-\[28rem\] {
        @media (width >= 64rem) {
            min-height: 28rem;
        }
    }

    .lg\:min-h-\[30rem\] {
        @media (width >= 64rem) {
            min-height: 30rem;
        }
    }

    .lg\:min-h-\[34rem\] {
        @media (width >= 64rem) {
            min-height: 34rem;
        }
    }

    .lg\:min-h-\[36rem\] {
        @media (width >= 64rem) {
            min-height: 36rem;
        }
    }

    .lg\:min-h-\[38rem\] {
        @media (width >= 64rem) {
            min-height: 38rem;
        }
    }

    .lg\:min-h-\[40rem\] {
        @media (width >= 64rem) {
            min-height: 40rem;
        }
    }

    .lg\:min-h-\[42rem\] {
        @media (width >= 64rem) {
            min-height: 42rem;
        }
    }

    .lg\:min-h-\[44rem\] {
        @media (width >= 64rem) {
            min-height: 44rem;
        }
    }

    .lg\:min-h-\[48rem\] {
        @media (width >= 64rem) {
            min-height: 48rem;
        }
    }

    .lg\:min-h-\[66\.667cqi\] {
        @media (width >= 64rem) {
            min-height: 66.667cqi;
        }
    }

    .lg\:min-h-\[74svh\] {
        @media (width >= 64rem) {
            min-height: 74svh;
        }
    }

    .lg\:min-h-\[80svh\] {
        @media (width >= 64rem) {
            min-height: 80svh;
        }
    }

    .lg\:min-h-\[640px\] {
        @media (width >= 64rem) {
            min-height: 640px;
        }
    }

    .lg\:min-h-\[780px\] {
        @media (width >= 64rem) {
            min-height: 780px;
        }
    }

    .lg\:min-h-\[calc\(100svh-var\(--header-h\)\)\] {
        @media (width >= 64rem) {
            min-height: calc(100svh - var(--header-h));
        }
    }

    .lg\:min-h-\[calc\(100svh-var\(--header-h-rest\,var\(--header-h\)\)\)\] {
        @media (width >= 64rem) {
            min-height: calc(100svh - var(--header-h-rest, var(--header-h)));
        }
    }

    .lg\:min-h-\[calc\(100svh_-_var\(--section-space\)_-_clamp\(2rem\,1rem_\+_3vw\,3\.5rem\)\)\] {
        @media (width >= 64rem) {
            min-height: calc(100svh - var(--section-space) - clamp(2rem, 1rem + 3vw, 3.5rem));
        }
    }

    .lg\:min-h-\[clamp\(22rem\,26vw\,27rem\)\] {
        @media (width >= 64rem) {
            min-height: clamp(22rem, 26vw, 27rem);
        }
    }

    .lg\:min-h-\[clamp\(26rem\,_36vw\,_31rem\)\] {
        @media (width >= 64rem) {
            min-height: clamp(26rem, 36vw, 31rem);
        }
    }

    .lg\:min-h-\[clamp\(27rem\,_12rem_\+_23vw\,_33rem\)\] {
        @media (width >= 64rem) {
            min-height: clamp(27rem, 12rem + 23vw, 33rem);
        }
    }

    .lg\:min-h-\[clamp\(36rem\,calc\(100svh-var\(--header-h-rest\,var\(--header-h\)\)-0\.75rem\)\,56rem\)\] {
        @media (width >= 64rem) {
            min-height: clamp(
                36rem,
                calc(100svh - var(--header-h-rest, var(--header-h)) - 0.75rem),
                56rem
            );
        }
    }

    .lg\:min-h-\[clamp\(42rem\,30rem_\+_22vh\,50rem\)\] {
        @media (width >= 64rem) {
            min-height: clamp(42rem, 30rem + 22vh, 50rem);
        }
    }

    .lg\:min-h-\[max\(36rem\,72svh\)\] {
        @media (width >= 64rem) {
            min-height: max(36rem, 72svh);
        }
    }

    .lg\:min-h-\[max\(38rem\,74svh\)\] {
        @media (width >= 64rem) {
            min-height: max(38rem, 74svh);
        }
    }

    .lg\:min-h-\[max\(42rem\,calc\(100svh_-_var\(--custom-stage-gap\)\*2\)\)\] {
        @media (width >= 64rem) {
            min-height: max(42rem, calc(100svh - var(--custom-stage-gap) * 2));
        }
    }

    .lg\:min-h-\[max\(46rem\,100svh\)\] {
        @media (width >= 64rem) {
            min-height: max(46rem, 100svh);
        }
    }

    .lg\:min-h-\[min\(30rem\,calc\(100svh-var\(--navbar-h\)-6rem\)\)\] {
        @media (width >= 64rem) {
            min-height: min(30rem, calc(100svh - var(--navbar-h) - 6rem));
        }
    }

    .lg\:min-h-\[min\(32rem\,calc\(100svh-var\(--navbar-h\)-6rem\)\)\] {
        @media (width >= 64rem) {
            min-height: min(32rem, calc(100svh - var(--navbar-h) - 6rem));
        }
    }

    .lg\:min-h-\[min\(34rem\,calc\(100svh-var\(--navbar-h\)-6rem\)\)\] {
        @media (width >= 64rem) {
            min-height: min(34rem, calc(100svh - var(--navbar-h) - 6rem));
        }
    }

    .lg\:min-h-full {
        @media (width >= 64rem) {
            min-height: 100%;
        }
    }

    .lg\:min-h-svh {
        @media (width >= 64rem) {
            min-height: 100svh;
        }
    }

    .lg\:w-\(--custom-ph-art-w\) {
        @media (width >= 64rem) {
            width: var(--custom-ph-art-w);
        }
    }

    .lg\:w-1\/2 {
        @media (width >= 64rem) {
            width: 50%;
        }
    }

    .lg\:w-7 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 7);
        }
    }

    .lg\:w-9 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 9);
        }
    }

    .lg\:w-12 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 12);
        }
    }

    .lg\:w-20 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 20);
        }
    }

    .lg\:w-22 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 22);
        }
    }

    .lg\:w-48 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 48);
        }
    }

    .lg\:w-80 {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .lg\:w-\[22rem\] {
        @media (width >= 64rem) {
            width: 22rem;
        }
    }

    .lg\:w-\[23rem\] {
        @media (width >= 64rem) {
            width: 23rem;
        }
    }

    .lg\:w-\[24rem\] {
        @media (width >= 64rem) {
            width: 24rem;
        }
    }

    .lg\:w-\[25rem\] {
        @media (width >= 64rem) {
            width: 25rem;
        }
    }

    .lg\:w-\[26rem\] {
        @media (width >= 64rem) {
            width: 26rem;
        }
    }

    .lg\:w-\[27rem\] {
        @media (width >= 64rem) {
            width: 27rem;
        }
    }

    .lg\:w-\[28rem\] {
        @media (width >= 64rem) {
            width: 28rem;
        }
    }

    .lg\:w-\[34rem\] {
        @media (width >= 64rem) {
            width: 34rem;
        }
    }

    .lg\:w-\[36rem\] {
        @media (width >= 64rem) {
            width: 36rem;
        }
    }

    .lg\:w-\[40rem\] {
        @media (width >= 64rem) {
            width: 40rem;
        }
    }

    .lg\:w-\[42rem\] {
        @media (width >= 64rem) {
            width: 42rem;
        }
    }

    .lg\:w-\[56\%\] {
        @media (width >= 64rem) {
            width: 56%;
        }
    }

    .lg\:w-\[68\%\] {
        @media (width >= 64rem) {
            width: 68%;
        }
    }

    .lg\:w-\[78\%\] {
        @media (width >= 64rem) {
            width: 78%;
        }
    }

    .lg\:w-\[118\%\] {
        @media (width >= 64rem) {
            width: 118%;
        }
    }

    .lg\:w-\[calc\(\(100\%-2\.5rem\)\/3\)\] {
        @media (width >= 64rem) {
            width: calc(33.3333% - 0.833333rem);
        }
    }

    .lg\:w-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 64rem) {
            width: clamp(3rem, 5vw, 5rem);
        }
    }

    .lg\:w-\[clamp\(6\.5rem\,9vw\,8\.5rem\)\] {
        @media (width >= 64rem) {
            width: clamp(6.5rem, 9vw, 8.5rem);
        }
    }

    .lg\:w-\[clamp\(6\.5rem\,9vw\,8\.75rem\)\] {
        @media (width >= 64rem) {
            width: clamp(6.5rem, 9vw, 8.75rem);
        }
    }

    .lg\:w-\[clamp\(7\.5rem\,11vw\,10rem\)\] {
        @media (width >= 64rem) {
            width: clamp(7.5rem, 11vw, 10rem);
        }
    }

    .lg\:w-\[clamp\(7rem\,10vw\,9\.5rem\)\] {
        @media (width >= 64rem) {
            width: clamp(7rem, 10vw, 9.5rem);
        }
    }

    .lg\:w-\[clamp\(8\.5rem\,12\.5vw\,12rem\)\] {
        @media (width >= 64rem) {
            width: clamp(8.5rem, 12.5vw, 12rem);
        }
    }

    .lg\:w-\[clamp\(8\.5rem\,13vw\,12\.5rem\)\] {
        @media (width >= 64rem) {
            width: clamp(8.5rem, 13vw, 12.5rem);
        }
    }

    .lg\:w-\[clamp\(8rem\,12vw\,11\.25rem\)\] {
        @media (width >= 64rem) {
            width: clamp(8rem, 12vw, 11.25rem);
        }
    }

    .lg\:w-\[clamp\(11\.5rem\,17vw\,16rem\)\] {
        @media (width >= 64rem) {
            width: clamp(11.5rem, 17vw, 16rem);
        }
    }

    .lg\:w-\[min\(21rem\,100\%\)\] {
        @media (width >= 64rem) {
            width: min(21rem, 100%);
        }
    }

    .lg\:w-\[min\(26rem\,100\%\)\] {
        @media (width >= 64rem) {
            width: min(26rem, 100%);
        }
    }

    .lg\:w-\[min\(28\.5rem\,84\%\)\] {
        @media (width >= 64rem) {
            width: min(28.5rem, 84%);
        }
    }

    .lg\:w-\[min\(54rem\,60vw\)\] {
        @media (width >= 64rem) {
            width: min(54rem, 60vw);
        }
    }

    .lg\:w-\[min\(100\%\,23rem\)\] {
        @media (width >= 64rem) {
            width: min(100%, 23rem);
        }
    }

    .lg\:w-\[min\(100\%\,25rem\)\] {
        @media (width >= 64rem) {
            width: min(100%, 25rem);
        }
    }

    .lg\:w-\[min\(100\%\,34rem\)\] {
        @media (width >= 64rem) {
            width: min(100%, 34rem);
        }
    }

    .lg\:w-\[min\(100\%_-_2\.5rem\,30rem\)\] {
        @media (width >= 64rem) {
            width: min(100% - 2.5rem, 30rem);
        }
    }

    .lg\:w-auto {
        @media (width >= 64rem) {
            width: auto;
        }
    }

    .lg\:w-full {
        @media (width >= 64rem) {
            width: 100%;
        }
    }

    .lg\:w-max {
        @media (width >= 64rem) {
            width: max-content;
        }
    }

    .lg\:w-px {
        @media (width >= 64rem) {
            width: 1px;
        }
    }

    .lg\:max-w-104 {
        @media (width >= 64rem) {
            max-width: calc(var(--spacing) * 104);
        }
    }

    .lg\:max-w-136 {
        @media (width >= 64rem) {
            max-width: calc(var(--spacing) * 136);
        }
    }

    .lg\:max-w-160 {
        @media (width >= 64rem) {
            max-width: calc(var(--spacing) * 160);
        }
    }

    .lg\:max-w-288 {
        @media (width >= 64rem) {
            max-width: calc(var(--spacing) * 288);
        }
    }

    .lg\:max-w-\[13\.5em\] {
        @media (width >= 64rem) {
            max-width: 13.5em;
        }
    }

    .lg\:max-w-\[22rem\] {
        @media (width >= 64rem) {
            max-width: 22rem;
        }
    }

    .lg\:max-w-\[24rem\] {
        @media (width >= 64rem) {
            max-width: 24rem;
        }
    }

    .lg\:max-w-\[26rem\] {
        @media (width >= 64rem) {
            max-width: 26rem;
        }
    }

    .lg\:max-w-\[28rem\] {
        @media (width >= 64rem) {
            max-width: 28rem;
        }
    }

    .lg\:max-w-\[30rem\] {
        @media (width >= 64rem) {
            max-width: 30rem;
        }
    }

    .lg\:max-w-\[34rem\] {
        @media (width >= 64rem) {
            max-width: 34rem;
        }
    }

    .lg\:max-w-\[36rem\] {
        @media (width >= 64rem) {
            max-width: 36rem;
        }
    }

    .lg\:max-w-\[64rem\] {
        @media (width >= 64rem) {
            max-width: 64rem;
        }
    }

    .lg\:max-w-\[calc\(var\(--container-max\)_\+_2_\*_var\(--container-x\)\)\] {
        @media (width >= 64rem) {
            max-width: calc(var(--container-max) + 2 * var(--container-x));
        }
    }

    .lg\:max-w-\[min\(15em\,100\%_-_var\(--custom-ph-art-w\)_\+_var\(--custom-ph-art-out\)_-_1\.5rem\)\] {
        @media (width >= 64rem) {
            max-width: min(15em, 100% - var(--custom-ph-art-w) + var(--custom-ph-art-out) - 1.5rem);
        }
    }

    .lg\:max-w-\[min\(28rem\,40vw\)\] {
        @media (width >= 64rem) {
            max-width: min(28rem, 40vw);
        }
    }

    .lg\:max-w-none {
        @media (width >= 64rem) {
            max-width: none;
        }
    }

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

    .lg\:min-w-\[13rem\] {
        @media (width >= 64rem) {
            min-width: 13rem;
        }
    }

    .lg\:flex-1 {
        @media (width >= 64rem) {
            flex: 1;
        }
    }

    .lg\:flex-\[1_1_0\] {
        @media (width >= 64rem) {
            flex: 1 1 0;
        }
    }

    .lg\:flex-none {
        @media (width >= 64rem) {
            flex: none;
        }
    }

    .lg\:basis-\(--fill-cell\) {
        @media (width >= 64rem) {
            flex-basis: var(--fill-cell);
        }
    }

    .lg\:-translate-x-1\/2 {
        @media (width >= 64rem) {
            --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:-translate-y-1\/2 {
        @media (width >= 64rem) {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:-translate-y-2 {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * -2);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:-translate-y-4 {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * -4);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:-translate-y-6 {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * -6);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-y-8 {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * 8);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-y-10 {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * 10);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:translate-y-14 {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * 14);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .lg\:scroll-mt-32 {
        @media (width >= 64rem) {
            scroll-margin-top: calc(var(--spacing) * 32);
        }
    }

    .lg\:scroll-mt-\[calc\(var\(--header-h\)\+7rem\)\] {
        @media (width >= 64rem) {
            scroll-margin-top: calc(var(--header-h) + 7rem);
        }
    }

    .lg\:scroll-mt-\[calc\(var\(--header-h\)\+9rem\)\] {
        @media (width >= 64rem) {
            scroll-margin-top: calc(var(--header-h) + 9rem);
        }
    }

    .lg\:columns-3 {
        @media (width >= 64rem) {
            columns: 3;
        }
    }

    .lg\:auto-cols-auto {
        @media (width >= 64rem) {
            grid-auto-columns: auto;
        }
    }

    .lg\:grid-flow-col {
        @media (width >= 64rem) {
            grid-auto-flow: column;
        }
    }

    .lg\:grid-flow-row {
        @media (width >= 64rem) {
            grid-auto-flow: row;
        }
    }

    .lg\:auto-rows-\[15rem\] {
        @media (width >= 64rem) {
            grid-auto-rows: 15rem;
        }
    }

    .lg\:auto-rows-\[clamp\(11rem\,16vw\,15rem\)\] {
        @media (width >= 64rem) {
            grid-auto-rows: clamp(11rem, 16vw, 15rem);
        }
    }

    .lg\:auto-rows-\[minmax\(clamp\(14rem\,19vw\,17\.5rem\)\,auto\)\] {
        @media (width >= 64rem) {
            grid-auto-rows: minmax(clamp(14rem, 19vw, 17.5rem), auto);
        }
    }

    .lg\:grid-cols-1 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-2 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-3 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-4 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-5 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-6 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-7 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-8 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-9 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(9, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-12 {
        @media (width >= 64rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 0.9fr 1.1fr;
        }
    }

    .lg\:grid-cols-\[1\.1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.1fr_1fr_1fr_1\.3fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.1fr 1fr 1fr 1.3fr;
        }
    }

    .lg\:grid-cols-\[1\.2fr_1fr_1fr_1\.3fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.2fr 1fr 1fr 1.3fr;
        }
    }

    .lg\:grid-cols-\[1\.3fr_1\.2fr_1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.3fr 1.2fr 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.3fr_1\.3fr_1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.3fr 1.3fr 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.3fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.3fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.3fr_1fr_0\.8fr_0\.8fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.3fr 1fr 0.8fr 0.8fr;
        }
    }

    .lg\:grid-cols-\[1\.3fr_repeat\(3\,1fr\)_1\.9fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.3fr repeat(3, 1fr) 1.9fr;
        }
    }

    .lg\:grid-cols-\[1\.4fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.4fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.4fr_1fr_1fr_1\.3fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
        }
    }

    .lg\:grid-cols-\[1\.4fr_1fr_1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.4fr 1fr 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.4fr_repeat\(3\,1fr\)_1\.8fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.4fr repeat(3, 1fr) 1.8fr;
        }
    }

    .lg\:grid-cols-\[1\.5fr_1\.15fr_0\.85fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr 1.15fr 0.85fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.5fr_1fr_0\.8fr_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr 1fr 0.8fr auto;
        }
    }

    .lg\:grid-cols-\[1\.5fr_1fr_1fr_1\.2fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
        }
    }

    .lg\:grid-cols-\[1\.5fr_1fr_1fr_1\.4fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr 1fr 1fr 1.4fr;
        }
    }

    .lg\:grid-cols-\[1\.5fr_1fr_1fr_1\.7fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr 1fr 1fr 1.7fr;
        }
    }

    .lg\:grid-cols-\[1\.5fr_1fr_1fr_1fr_1\.2fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr;
        }
    }

    .lg\:grid-cols-\[1\.5fr_repeat\(3\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr repeat(3, 1fr);
        }
    }

    .lg\:grid-cols-\[1\.5fr_repeat\(3\,1fr\)_1\.3fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.5fr repeat(3, 1fr) 1.3fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1\.1fr_0\.8fr_0\.8fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1.1fr 0.8fr 0.8fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1\.1fr_1\.5fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1.1fr 1.5fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1fr_1\.2fr_1\.5fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1fr 1.2fr 1.5fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1fr_1\.4fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1fr_1\.5fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1fr 1.5fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1fr_1fr_1\.3fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1fr 1fr 1.3fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1fr_1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.6fr_1fr_1fr_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr 1fr 1fr auto;
        }
    }

    .lg\:grid-cols-\[1\.6fr_repeat\(3\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr repeat(3, 1fr);
        }
    }

    .lg\:grid-cols-\[1\.6fr_repeat\(4\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[1\.7fr_1fr_1\.2fr_1\.5fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.7fr 1fr 1.2fr 1.5fr;
        }
    }

    .lg\:grid-cols-\[1\.7fr_1fr_1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.7fr 1fr 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.7fr_1fr_1fr_1fr_1\.6fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.7fr 1fr 1fr 1fr 1.6fr;
        }
    }

    .lg\:grid-cols-\[1\.8fr_1fr_1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.8fr 1fr 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.9fr_repeat\(3\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.9fr repeat(3, 1fr);
        }
    }

    .lg\:grid-cols-\[1\.15fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.15fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.25fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.25fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.25fr_1fr_0\.8fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.25fr 1fr 0.8fr;
        }
    }

    .lg\:grid-cols-\[1\.35fr_0\.8fr_0\.8fr_1\.25fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.35fr 0.8fr 0.8fr 1.25fr;
        }
    }

    .lg\:grid-cols-\[1\.35fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.35fr 1fr;
        }
    }

    .lg\:grid-cols-\[1\.35fr_1fr_1fr_0\.8fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.35fr 1fr 1fr 0.8fr;
        }
    }

    .lg\:grid-cols-\[1\.55fr_0\.95fr_0\.95fr_1\.55fr_1\.15fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1.55fr 0.95fr 0.95fr 1.55fr 1.15fr;
        }
    }

    .lg\:grid-cols-\[1fr_0\.9fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 0.9fr;
        }
    }

    .lg\:grid-cols-\[1fr_0\.95fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 0.95fr;
        }
    }

    .lg\:grid-cols-\[1fr_1\.1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1.1fr;
        }
    }

    .lg\:grid-cols-\[1fr_1\.1fr_1\.2fr_1\.3fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1.1fr 1.2fr 1.3fr;
        }
    }

    .lg\:grid-cols-\[1fr_1\.4fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1.4fr;
        }
    }

    .lg\:grid-cols-\[1fr_1\.6fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1.6fr;
        }
    }

    .lg\:grid-cols-\[1fr_1\.7fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1.7fr;
        }
    }

    .lg\:grid-cols-\[1fr_1\.12fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1.12fr 1fr;
        }
    }

    .lg\:grid-cols-\[1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1fr;
        }
    }

    .lg\:grid-cols-\[1fr_1fr_0\.8fr_0\.8fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1fr 0.8fr 0.8fr;
        }
    }

    .lg\:grid-cols-\[1fr_1fr_1\.2fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1fr 1.2fr 1fr;
        }
    }

    .lg\:grid-cols-\[1fr_1fr_1fr_1\.5fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1fr 1fr 1.5fr;
        }
    }

    .lg\:grid-cols-\[1fr_1fr_1fr_1fr_1\.6fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1fr 1fr 1fr 1.6fr;
        }
    }

    .lg\:grid-cols-\[1fr_1fr_minmax\(16rem\,0\.7fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 1fr 1fr minmax(16rem, 0.7fr);
        }
    }

    .lg\:grid-cols-\[2\.2fr_1fr_1fr_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: 2.2fr 1fr 1fr auto;
        }
    }

    .lg\:grid-cols-\[2fr_3fr_3fr_2fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 2fr 3fr 3fr 2fr;
        }
    }

    .lg\:grid-cols-\[3rem_minmax\(0\,1\.5fr\)_minmax\(0\,0\.7fr\)_minmax\(0\,1fr\)_2\.5rem\] {
        @media (width >= 64rem) {
            grid-template-columns: 3rem minmax(0, 1.5fr) minmax(0, 0.7fr) minmax(0, 1fr) 2.5rem;
        }
    }

    .lg\:grid-cols-\[3rem_minmax\(0\,1fr\)_minmax\(0\,17rem\)_2rem\] {
        @media (width >= 64rem) {
            grid-template-columns: 3rem minmax(0, 1fr) minmax(0, 17rem) 2rem;
        }
    }

    .lg\:grid-cols-\[4fr_8fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 4fr 8fr;
        }
    }

    .lg\:grid-cols-\[5fr_6fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 5fr 6fr;
        }
    }

    .lg\:grid-cols-\[5fr_7fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 5fr 7fr;
        }
    }

    .lg\:grid-cols-\[7fr_4fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 7fr 4fr;
        }
    }

    .lg\:grid-cols-\[7fr_5fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 7fr 5fr;
        }
    }

    .lg\:grid-cols-\[11rem_minmax\(0\,1fr\)_13rem\] {
        @media (width >= 64rem) {
            grid-template-columns: 11rem minmax(0, 1fr) 13rem;
        }
    }

    .lg\:grid-cols-\[12\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 12.5rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[13\.5rem_minmax\(0\,_1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 13.5rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 13rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[14\.5rem_minmax\(0\,_1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 14.5rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[14rem_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 14rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 15rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[15rem_minmax\(0\,44rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 15rem minmax(0, 44rem);
        }
    }

    .lg\:grid-cols-\[15rem_minmax\(0\,46rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 15rem minmax(0, 46rem);
        }
    }

    .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 16rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[16rem_minmax\(0\,46rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 16rem minmax(0, 46rem);
        }
    }

    .lg\:grid-cols-\[17rem_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 17rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[17rem_minmax\(0\,68ch\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 17rem minmax(0, 68ch);
        }
    }

    .lg\:grid-cols-\[18\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 18.5rem minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 220px minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[240px_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: 240px minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[260px_1fr\] {
        @media (width >= 64rem) {
            grid-template-columns: 260px 1fr;
        }
    }

    .lg\:grid-cols-\[auto\] {
        @media (width >= 64rem) {
            grid-template-columns: auto;
        }
    }

    .lg\:grid-cols-\[auto_auto_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: auto auto minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: auto minmax(0, 1fr) auto;
        }
    }

    .lg\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(0\,18rem\)_4rem\] {
        @media (width >= 64rem) {
            grid-template-columns: auto minmax(0, 1fr) minmax(0, 18rem) 4rem;
        }
    }

    .lg\:grid-cols-\[auto_minmax\(9rem\,1fr\)_auto_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: auto minmax(9rem, 1fr) auto auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.6fr\)_minmax\(0\,1\.4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.6fr) minmax(0, 1.4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.7fr\)_minmax\(0\,1\.3fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.7fr\)_minmax\(0\,2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.7fr) minmax(0, 2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.25fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.25fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,2\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 2.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,2fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr) minmax(0, 0.8fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.8fr) repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.3fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.75fr\)_minmax\(0\,1\.5fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.5fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.75fr\)_minmax\(0\,1\.25fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.75fr\)_minmax\(0\,2\.25fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.75fr) minmax(0, 2.25fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.78fr\)_minmax\(0\,2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.78fr) minmax(0, 2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.3fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.3fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.6fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.86fr\)_minmax\(0\,1\.14fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.2fr) auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.3fr) auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,0\.7fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,0\.9fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_repeat\(2\,minmax\(0\,1fr\)\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(0, 1fr)) auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,0\.6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.6fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.05fr) minmax(0, 2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,1\.1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(
                    0,
                    1.1fr
                );
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,1\.6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(
                    0,
                    1.6fr
                );
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
                    0,
                    0.9fr
                ) minmax(0, 1.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_repeat\(2\,minmax\(0\,0\.75fr\)\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 0.75fr)) minmax(0, 1.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_repeat\(4\,minmax\(0\,1fr\)\)_minmax\(0\,1\.3fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)) minmax(0, 1.3fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 0.85fr) auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.7fr\)_repeat\(3\,minmax\(0\,0\.7fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 0.7fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.7fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.7fr\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.08fr\)_minmax\(0\,0\.92fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.8fr\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.8fr) repeat(4, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.9fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.12fr\)_minmax\(0\,0\.88fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.12fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(10rem\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.15fr) minmax(10rem, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,1\.45fr\)_minmax\(0\,0\.6fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr) minmax(0, 1.45fr) minmax(
                    0,
                    0.6fr
                ) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,0\.75fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,0\.75fr\)_minmax\(0\,0\.75fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.5fr) minmax(0, 0.75fr) minmax(
                    0,
                    0.75fr
                );
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_repeat\(2\,minmax\(0\,0\.625fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 0.625fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) 16rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) 18rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_19rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) 19rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_21rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) 21rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_23rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) 23rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_24rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) 24rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_26rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) 26rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) auto auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.9fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.04fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.9fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.9fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.15fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.25fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.35fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.45fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,3\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 3.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,20rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,22rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 22rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,24rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 24rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,25\.5rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 25.5rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,25rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 25rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,25rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 25rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,26rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 26rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,27rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 27rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,28rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 28rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,30rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 30rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,32rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 32rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,34rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 34rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,36rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 36rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,38rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 38rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,38rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 38rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,46rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 46rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,26rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,30rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(18rem, 30rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(21rem\,30\%\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) minmax(21rem, 30%);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_var\(--custom-index-aside-w\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) var(--custom-index-aside-w);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,2fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,9fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,4\.5fr\)_minmax\(0\,7\.5fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 4.5fr) minmax(0, 7.5fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,5fr\)_minmax\(0\,3fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,8fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,4fr\)_minmax\(0\,3fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,8fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 8fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,13rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,14rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,14rem\)_minmax\(0\,1fr\)_minmax\(0\,14rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 14rem) minmax(0, 1fr) minmax(0, 14rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,15rem\)_minmax\(0\,42rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 15rem) minmax(0, 42rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,16rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,17rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,18rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,20rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,21rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 21rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,22rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,26rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 26rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,30rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 30rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,34rem\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 34rem) auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,46rem\)_17rem\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 46rem) 17rem;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,46rem\)_minmax\(0\,20rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 46rem) minmax(0, 20rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,46rem\)_minmax\(0\,21rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 46rem) minmax(0, 21rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,_1\.2fr\)_minmax\(0\,_1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,_1fr\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .lg\:grid-cols-\[minmax\(0\,_1fr\)_clamp\(23rem\,_37vw\,_30rem\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 1fr) clamp(23rem, 37vw, 30rem);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,_3fr\)_minmax\(0\,_9fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,_4fr\)_minmax\(0\,_8fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        }
    }

    .lg\:grid-cols-\[minmax\(0\,_7fr\)_minmax\(0\,_5fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        }
    }

    .lg\:grid-cols-\[minmax\(12rem\,0\.85fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(12rem, 0.85fr) repeat(3, minmax(0, 1fr));
        }
    }

    .lg\:grid-cols-\[minmax\(12rem\,1fr\)_minmax\(0\,42rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(12rem, 1fr) minmax(0, 42rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(14rem\,1fr\)_3fr\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(14rem, 1fr) 3fr;
        }
    }

    .lg\:grid-cols-\[minmax\(14rem\,1fr\)_minmax\(0\,42rem\)_minmax\(0\,0\.6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(14rem, 1fr) minmax(0, 42rem) minmax(0, 0.6fr);
        }
    }

    .lg\:grid-cols-\[minmax\(14rem\,3fr\)_minmax\(0\,9fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(14rem, 3fr) minmax(0, 9fr);
        }
    }

    .lg\:grid-cols-\[minmax\(15rem\,_19\.5rem\)_minmax\(0\,_1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(15rem, 19.5rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[minmax\(16rem\,0\.8fr\)_minmax\(0\,2\.2fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 2.2fr);
        }
    }

    .lg\:grid-cols-\[minmax\(16rem\,22rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
        }
    }

    .lg\:grid-cols-\[repeat\(2\,max-content\)\] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(2, max-content);
        }
    }

    .lg\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_minmax\(0\,1\.6fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.6fr);
        }
    }

    .lg\:grid-cols-\[repeat\(4\,_auto\)\] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(4, auto);
        }
    }

    .lg\:grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)_auto\] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
        }
    }

    .lg\:grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)_minmax\(0\,1\.4fr\)\] {
        @media (width >= 64rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.4fr);
        }
    }

    .lg\:grid-cols-\[subgrid\] {
        @media (width >= 64rem) {
            grid-template-columns: subgrid;
        }
    }

    .lg\:grid-cols-none {
        @media (width >= 64rem) {
            grid-template-columns: none;
        }
    }

    .lg\:grid-rows-2 {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .lg\:grid-rows-5 {
        @media (width >= 64rem) {
            grid-template-rows: repeat(5, minmax(0, 1fr));
        }
    }

    .lg\:grid-rows-\[0fr\] {
        @media (width >= 64rem) {
            grid-template-rows: 0fr;
        }
    }

    .lg\:grid-rows-\[1\.35fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-rows: 1.35fr 1fr;
        }
    }

    .lg\:grid-rows-\[1fr_1fr\] {
        @media (width >= 64rem) {
            grid-template-rows: 1fr 1fr;
        }
    }

    .lg\:grid-rows-\[1fr_auto\] {
        @media (width >= 64rem) {
            grid-template-rows: 1fr auto;
        }
    }

    .lg\:grid-rows-\[auto_1fr\] {
        @media (width >= 64rem) {
            grid-template-rows: auto 1fr;
        }
    }

    .lg\:grid-rows-\[auto_auto\] {
        @media (width >= 64rem) {
            grid-template-rows: auto auto;
        }
    }

    .lg\:grid-rows-\[auto_auto_1fr\] {
        @media (width >= 64rem) {
            grid-template-rows: auto auto 1fr;
        }
    }

    .lg\:grid-rows-\[auto_calc\(var\(--branch\)_\*_2_\+_var\(--stop-node\)\)_auto\] {
        @media (width >= 64rem) {
            grid-template-rows: auto calc(var(--branch) * 2 + var(--stop-node)) auto;
        }
    }

    .lg\:grid-rows-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 64rem) {
            grid-template-rows: minmax(0, 1fr) auto;
        }
    }

    .lg\:grid-rows-\[repeat\(2\,clamp\(13rem\,4rem_\+_14vw\,17rem\)\)\] {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, clamp(13rem, 4rem + 14vw, 17rem));
        }
    }

    .lg\:grid-rows-\[repeat\(2\,minmax\(15rem\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, minmax(15rem, 1fr));
        }
    }

    .lg\:grid-rows-\[repeat\(2\,minmax\(16rem\,1fr\)\)\] {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, minmax(16rem, 1fr));
        }
    }

    .lg\:grid-rows-\[repeat\(2\,minmax\(17\.5rem\,auto\)\)\] {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, minmax(17.5rem, auto));
        }
    }

    .lg\:grid-rows-\[repeat\(2\,minmax\(17rem\,auto\)\)\] {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, minmax(17rem, auto));
        }
    }

    .lg\:grid-rows-\[repeat\(2\,minmax\(18rem\,auto\)\)\] {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, minmax(18rem, auto));
        }
    }

    .lg\:grid-rows-\[repeat\(7\,auto\)\] {
        @media (width >= 64rem) {
            grid-template-rows: repeat(7, auto);
        }
    }

    .lg\:grid-rows-\[subgrid\] {
        @media (width >= 64rem) {
            grid-template-rows: subgrid;
        }
    }

    .lg\:grid-rows-none {
        @media (width >= 64rem) {
            grid-template-rows: none;
        }
    }

    .lg\:grid-rows-subgrid {
        @media (width >= 64rem) {
            grid-template-rows: subgrid;
        }
    }

    .lg\:flex-col {
        @media (width >= 64rem) {
            flex-direction: column;
        }
    }

    .lg\:flex-row {
        @media (width >= 64rem) {
            flex-direction: row;
        }
    }

    .lg\:flex-nowrap {
        @media (width >= 64rem) {
            flex-wrap: nowrap;
        }
    }

    .lg\:flex-wrap {
        @media (width >= 64rem) {
            flex-wrap: wrap;
        }
    }

    .lg\:\[align-content\:start\] {
        @media (width >= 64rem) {
            align-content: start;
        }
    }

    .lg\:content-stretch {
        @media (width >= 64rem) {
            align-content: stretch;
        }
    }

    .lg\:\[align-items\:end\] {
        @media (width >= 64rem) {
            align-items: end;
        }
    }

    .lg\:\[align-items\:normal\] {
        @media (width >= 64rem) {
            align-items: normal;
        }
    }

    .lg\:\[align-items\:start\] {
        @media (width >= 64rem) {
            align-items: start;
        }
    }

    .lg\:items-center {
        @media (width >= 64rem) {
            align-items: center;
        }
    }

    .lg\:items-end {
        @media (width >= 64rem) {
            align-items: flex-end;
        }
    }

    .lg\:items-start {
        @media (width >= 64rem) {
            align-items: flex-start;
        }
    }

    .lg\:items-stretch {
        @media (width >= 64rem) {
            align-items: stretch;
        }
    }

    .lg\:\[justify-content\:end\] {
        @media (width >= 64rem) {
            justify-content: end;
        }
    }

    .lg\:justify-around {
        @media (width >= 64rem) {
            justify-content: space-around;
        }
    }

    .lg\:justify-between {
        @media (width >= 64rem) {
            justify-content: space-between;
        }
    }

    .lg\:justify-center {
        @media (width >= 64rem) {
            justify-content: center;
        }
    }

    .lg\:justify-end {
        @media (width >= 64rem) {
            justify-content: flex-end;
        }
    }

    .lg\:justify-start {
        @media (width >= 64rem) {
            justify-content: flex-start;
        }
    }

    .lg\:justify-items-center {
        @media (width >= 64rem) {
            justify-items: center;
        }
    }

    .lg\:justify-items-end {
        @media (width >= 64rem) {
            justify-items: end;
        }
    }

    .lg\:justify-items-start {
        @media (width >= 64rem) {
            justify-items: start;
        }
    }

    .lg\:gap-0 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .lg\:gap-0\.5 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 0.5);
        }
    }

    .lg\:gap-1 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 1);
        }
    }

    .lg\:gap-1\.5 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 1.5);
        }
    }

    .lg\:gap-2 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .lg\:gap-2\.5 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 2.5);
        }
    }

    .lg\:gap-3\.5 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 3.5);
        }
    }

    .lg\:gap-4 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .lg\:gap-5 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .lg\:gap-6 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .lg\:gap-7 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 7);
        }
    }

    .lg\:gap-8 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .lg\:gap-10 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 10);
        }
    }

    .lg\:gap-12 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 12);
        }
    }

    .lg\:gap-14 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 14);
        }
    }

    .lg\:gap-16 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 16);
        }
    }

    .lg\:gap-18 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 18);
        }
    }

    .lg\:gap-20 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 20);
        }
    }

    .lg\:gap-24 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 24);
        }
    }

    .lg\:gap-32 {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 32);
        }
    }

    .lg\:gap-\[calc\(100\%_\/_12\)\] {
        @media (width >= 64rem) {
            gap: 8.33333%;
        }
    }

    .lg\:gap-\[calc\(100\%_\/_12_\+_1rem\)\] {
        @media (width >= 64rem) {
            gap: calc(8.33333% + 1rem);
        }
    }

    .lg\:gap-\[clamp\(1\.5rem\,-1rem_\+_3vw\,3rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(1.5rem, 3vw - 1rem, 3rem);
        }
    }

    .lg\:gap-\[clamp\(1\.5rem\,2\.4vw\,2rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(1.5rem, 2.4vw, 2rem);
        }
    }

    .lg\:gap-\[clamp\(1\.5rem\,3vw\,2\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(1.5rem, 3vw, 2.5rem);
        }
    }

    .lg\:gap-\[clamp\(2\.5rem\,1rem_\+_4vw\,5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2.5rem, 1rem + 4vw, 5rem);
        }
    }

    .lg\:gap-\[clamp\(2\.5rem\,4vw\,4\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2.5rem, 4vw, 4.5rem);
        }
    }

    .lg\:gap-\[clamp\(2\.5rem\,4vw\,4rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2.5rem, 4vw, 4rem);
        }
    }

    .lg\:gap-\[clamp\(2\.5rem\,4vw\,5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2.5rem, 4vw, 5rem);
        }
    }

    .lg\:gap-\[clamp\(2\.5rem\,5vw\,5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2.5rem, 5vw, 5rem);
        }
    }

    .lg\:gap-\[clamp\(2\.5rem\,_5vw\,_4\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2.5rem, 5vw, 4.5rem);
        }
    }

    .lg\:gap-\[clamp\(2rem\,-1rem_\+_4vw\,4rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2rem, 4vw - 1rem, 4rem);
        }
    }

    .lg\:gap-\[clamp\(2rem\,0rem_\+_3vw\,4rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2rem, 3vw, 4rem);
        }
    }

    .lg\:gap-\[clamp\(2rem\,4vw\,3\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2rem, 4vw, 3.5rem);
        }
    }

    .lg\:gap-\[clamp\(2rem\,4vw\,4\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2rem, 4vw, 4.5rem);
        }
    }

    .lg\:gap-\[clamp\(2rem\,4vw\,4rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(2rem, 4vw, 4rem);
        }
    }

    .lg\:gap-\[clamp\(3\.5rem\,1\.5rem_\+_4vw\,6\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3.5rem, 1.5rem + 4vw, 6.5rem);
        }
    }

    .lg\:gap-\[clamp\(3\.5rem\,1rem_\+_5vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3.5rem, 1rem + 5vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(3\.5rem\,6vw\,6\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3.5rem, 6vw, 6.5rem);
        }
    }

    .lg\:gap-\[clamp\(3\.5rem\,6vw\,6rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3.5rem, 6vw, 6rem);
        }
    }

    .lg\:gap-\[clamp\(3\.5rem\,7vw\,7\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3.5rem, 7vw, 7.5rem);
        }
    }

    .lg\:gap-\[clamp\(3\.5rem\,7vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3.5rem, 7vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,-1rem_\+_6vw\,6\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 6vw - 1rem, 6.5rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,-1rem_\+_6vw\,6rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 6vw - 1rem, 6rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,-2rem_\+_7vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 7vw - 2rem, 7rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,1rem\+5vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 1rem + 5vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,1rem_\+_4\.5vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 1rem + 4.5vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,1rem_\+_4vw\,6rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 1rem + 4vw, 6rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,1rem_\+_5vw\,6\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 1rem + 5vw, 6.5rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,1rem_\+_5vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 1rem + 5vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,2rem_\+_4vw\,6rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 2rem + 4vw, 6rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,5vw\,5\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 5vw, 5.5rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 5vw, 5rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,5vw\,6rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 5vw, 6rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,6vw\,6\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 6vw, 6.5rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,6vw\,6rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 6vw, 6rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,6vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 6vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(3rem\,7vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(3rem, 7vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,-2rem_\+_8vw\,7\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 8vw - 2rem, 7.5rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,1rem_\+_5vw\,7\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 1rem + 5vw, 7.5rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,1rem_\+_5vw\,8rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 1rem + 5vw, 8rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,2rem_\+_4vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 2rem + 4vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,2rem_\+_5vw\,8rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 2rem + 5vw, 8rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,7vw\,7rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 7vw, 7rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,8vw\,8rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 8vw, 8rem);
        }
    }

    .lg\:gap-\[clamp\(4rem\,_6\.25vw\,_5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(4rem, 6.25vw, 5rem);
        }
    }

    .lg\:gap-\[clamp\(5rem\,8vw\,8\.5rem\)\] {
        @media (width >= 64rem) {
            gap: clamp(5rem, 8vw, 8.5rem);
        }
    }

    .lg\:gap-x-\(--custom-index-gap\) {
        @media (width >= 64rem) {
            column-gap: var(--custom-index-gap);
        }
    }

    .lg\:gap-x-\(--custom-process-gap\) {
        @media (width >= 64rem) {
            column-gap: var(--custom-process-gap);
        }
    }

    .lg\:gap-x-\(--why-gap\) {
        @media (width >= 64rem) {
            column-gap: var(--why-gap);
        }
    }

    .lg\:gap-x-0 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 0);
        }
    }

    .lg\:gap-x-1\.5 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 1.5);
        }
    }

    .lg\:gap-x-5 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .lg\:gap-x-6 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .lg\:gap-x-7 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 7);
        }
    }

    .lg\:gap-x-8 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .lg\:gap-x-10 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .lg\:gap-x-12 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 12);
        }
    }

    .lg\:gap-x-14 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 14);
        }
    }

    .lg\:gap-x-16 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .lg\:gap-x-24 {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 24);
        }
    }

    .lg\:gap-x-\[calc\(100\%_\/_12\)\] {
        @media (width >= 64rem) {
            column-gap: 8.33333%;
        }
    }

    .lg\:gap-x-\[calc\(100\%_\/_12_\*_2\)\] {
        @media (width >= 64rem) {
            column-gap: 16.6667%;
        }
    }

    .lg\:gap-x-\[clamp\(1\.5rem\,2\.4vw\,2\.25rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(1.5rem, 2.4vw, 2.25rem);
        }
    }

    .lg\:gap-x-\[clamp\(1\.5rem\,2\.6vw\,2\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(1.5rem, 2.6vw, 2.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(1\.5rem\,_2\.6vw\,_2\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(1.5rem, 2.6vw, 2.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(1\.25rem\,0\.75rem_\+_1\.2vw\,2rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(1.25rem, 0.75rem + 1.2vw, 2rem);
        }
    }

    .lg\:gap-x-\[clamp\(1rem\,_1\.6vw\,_1\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(1rem, 1.6vw, 1.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(2\.5rem\,4vw\,4rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(2.5rem, 4vw, 4rem);
        }
    }

    .lg\:gap-x-\[clamp\(2\.5rem\,4vw\,5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(2.5rem, 4vw, 5rem);
        }
    }

    .lg\:gap-x-\[clamp\(2rem\,1rem_\+_3vw\,4\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(2rem, 1rem + 3vw, 4.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(2rem\,4vw\,4rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(2rem, 4vw, 4rem);
        }
    }

    .lg\:gap-x-\[clamp\(2rem\,4vw\,5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(2rem, 4vw, 5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3\.5rem\,1rem_\+_5vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3.5rem, 1rem + 5vw, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,-1rem_\+_5vw\,6rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 5vw - 1rem, 6rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,-1rem_\+_6vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 6vw - 1rem, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,-3rem_\+_8vw\,8rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 8vw - 3rem, 8rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem\+3vw\,5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 3vw, 5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem\+4vw\,6rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 4vw, 6rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem\+5vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem\+5vw\,8rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 8rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_4vw\,5\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 4vw, 5.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_4vw\,5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 4vw, 5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_4vw\,6rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 4vw, 6rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_5vw\,6\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 6.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_5vw\,6rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 6rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_5vw\,7\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 7.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_5vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,1rem_\+_5vw\,8rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 1rem + 5vw, 8rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,5vw\,5\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 5vw, 5.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 5vw, 5rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,5vw\,6rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 5vw, 6rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,6vw\,6rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 6vw, 6rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,6vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 6vw, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,7vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 7vw, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(3rem\,_6vw\,_6rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(3rem, 6vw, 6rem);
        }
    }

    .lg\:gap-x-\[clamp\(4rem\,1rem_\+_5vw\,7\.5rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(4rem, 1rem + 5vw, 7.5rem);
        }
    }

    .lg\:gap-x-\[clamp\(4rem\,1rem_\+_5vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(4rem, 1rem + 5vw, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(4rem\,1rem_\+_6vw\,8rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(4rem, 1rem + 6vw, 8rem);
        }
    }

    .lg\:gap-x-\[clamp\(4rem\,2rem_\+_5vw\,8rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(4rem, 2rem + 5vw, 8rem);
        }
    }

    .lg\:gap-x-\[clamp\(4rem\,7vw\,7rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(4rem, 7vw, 7rem);
        }
    }

    .lg\:gap-x-\[clamp\(4rem\,8vw\,8rem\)\] {
        @media (width >= 64rem) {
            column-gap: clamp(4rem, 8vw, 8rem);
        }
    }

    .lg\:gap-x-\[inherit\] {
        @media (width >= 64rem) {
            column-gap: inherit;
        }
    }

    .lg\:gap-y-0 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .lg\:gap-y-4 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 4);
        }
    }

    .lg\:gap-y-5 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 5);
        }
    }

    .lg\:gap-y-6 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 6);
        }
    }

    .lg\:gap-y-10 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 10);
        }
    }

    .lg\:gap-y-11 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 11);
        }
    }

    .lg\:gap-y-14 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 14);
        }
    }

    .lg\:gap-y-16 {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 16);
        }
    }

    .lg\:divide-x {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .lg\:divide-\(--color-border\) {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-border);
            }
        }
    }

    .lg\:divide-\[var\(--color-border\)\] {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-border);
            }
        }
    }

    .lg\:divide-white\/12 {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                border-color: #ffffff1f;

                @supports (color: color-mix(in lab, red, red)) {
                    border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
                }
            }
        }
    }

    .lg\:\[align-self\:end\] {
        @media (width >= 64rem) {
            align-self: end;
        }
    }

    .lg\:\[align-self\:start\] {
        @media (width >= 64rem) {
            align-self: start;
        }
    }

    .lg\:self-auto {
        @media (width >= 64rem) {
            align-self: auto;
        }
    }

    .lg\:self-center {
        @media (width >= 64rem) {
            align-self: center;
        }
    }

    .lg\:self-end {
        @media (width >= 64rem) {
            align-self: flex-end;
        }
    }

    .lg\:self-start {
        @media (width >= 64rem) {
            align-self: flex-start;
        }
    }

    .lg\:self-stretch {
        @media (width >= 64rem) {
            align-self: stretch;
        }
    }

    .lg\:\[justify-self\:end\] {
        @media (width >= 64rem) {
            justify-self: end;
        }
    }

    .lg\:justify-self-auto {
        @media (width >= 64rem) {
            justify-self: auto;
        }
    }

    .lg\:justify-self-end {
        @media (width >= 64rem) {
            justify-self: flex-end;
        }
    }

    .lg\:justify-self-start {
        @media (width >= 64rem) {
            justify-self: flex-start;
        }
    }

    .lg\:overflow-visible {
        @media (width >= 64rem) {
            overflow: visible;
        }
    }

    .lg\:overflow-x-clip {
        @media (width >= 64rem) {
            overflow-x: clip;
        }
    }

    .lg\:overflow-y-visible {
        @media (width >= 64rem) {
            overflow-y: visible;
        }
    }

    .lg\:rounded-\(--custom-radius-card\) {
        @media (width >= 64rem) {
            border-radius: var(--custom-radius-card);
        }
    }

    .lg\:rounded-\(--custom-radius-photo\) {
        @media (width >= 64rem) {
            border-radius: var(--custom-radius-photo);
        }
    }

    .lg\:rounded-\(--radius-lg\) {
        @media (width >= 64rem) {
            border-radius: var(--radius-lg);
        }
    }

    .lg\:rounded-\(--radius-pill\) {
        @media (width >= 64rem) {
            border-radius: var(--radius-pill);
        }
    }

    .lg\:rounded-20 {
        @media (width >= 64rem) {
            border-radius: var(--radius-20);
        }
    }

    .lg\:rounded-28 {
        @media (width >= 64rem) {
            border-radius: var(--radius-28);
        }
    }

    .lg\:rounded-full {
        @media (width >= 64rem) {
            border-radius: 3.40282e38px;
        }
    }

    .lg\:rounded-lg {
        @media (width >= 64rem) {
            border-radius: var(--radius-lg);
        }
    }

    .lg\:rounded-none {
        @media (width >= 64rem) {
            border-radius: 0;
        }
    }

    .lg\:rounded-xl {
        @media (width >= 64rem) {
            border-radius: var(--radius-xl);
        }
    }

    .lg\:rounded-s-none {
        @media (width >= 64rem) {
            border-start-start-radius: 0;
            border-end-start-radius: 0;
        }
    }

    .lg\:rounded-e-2xl {
        @media (width >= 64rem) {
            border-start-end-radius: var(--radius-2xl);
            border-end-end-radius: var(--radius-2xl);
        }
    }

    .lg\:rounded-t-20 {
        @media (width >= 64rem) {
            border-top-left-radius: var(--radius-20);
            border-top-right-radius: var(--radius-20);
        }
    }

    .lg\:rounded-r-2xl {
        @media (width >= 64rem) {
            border-top-right-radius: var(--radius-2xl);
            border-bottom-right-radius: var(--radius-2xl);
        }
    }

    .lg\:rounded-bl-none {
        @media (width >= 64rem) {
            border-bottom-left-radius: 0;
        }
    }

    .lg\:border-0 {
        @media (width >= 64rem) {
            border-style: var(--tw-border-style);
            border-width: 0;
        }
    }

    .lg\:border-s {
        @media (width >= 64rem) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 1px;
        }
    }

    .lg\:border-s-0 {
        @media (width >= 64rem) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 0;
        }
    }

    .lg\:border-e {
        @media (width >= 64rem) {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 1px;
        }
    }

    .lg\:border-t {
        @media (width >= 64rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .lg\:border-t-0 {
        @media (width >= 64rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }
    }

    .lg\:border-r {
        @media (width >= 64rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .lg\:border-b-0 {
        @media (width >= 64rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }
    }

    .lg\:border-l {
        @media (width >= 64rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .lg\:border-\(--color-border\) {
        @media (width >= 64rem) {
            border-color: var(--color-border);
        }
    }

    .lg\:border-\(--custom-line\) {
        @media (width >= 64rem) {
            border-color: var(--custom-line);
        }
    }

    .lg\:border-\(--custom-rule\) {
        @media (width >= 64rem) {
            border-color: var(--custom-rule);
        }
    }

    .lg\:border-\[var\(--color-border\)\] {
        @media (width >= 64rem) {
            border-color: var(--color-border);
        }
    }

    .lg\:border-default {
        @media (width >= 64rem) {
            border-color: var(--color-border);
        }
    }

    .lg\:border-white\/15 {
        @media (width >= 64rem) {
            border-color: #ffffff26;

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
            }
        }
    }

    .lg\:border-white\/20 {
        @media (width >= 64rem) {
            border-color: #fff3;

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

    .lg\:border-s-\(--custom-hair\) {
        @media (width >= 64rem) {
            border-inline-start-color: var(--custom-hair);
        }
    }

    .lg\:border-s-\(--custom-line\) {
        @media (width >= 64rem) {
            border-inline-start-color: var(--custom-line);
        }
    }

    .lg\:border-e-\(--custom-hair\) {
        @media (width >= 64rem) {
            border-inline-end-color: var(--custom-hair);
        }
    }

    .lg\:border-t-\(--custom-line\) {
        @media (width >= 64rem) {
            border-top-color: var(--custom-line);
        }
    }

    .lg\:border-r-\(--color-border\) {
        @media (width >= 64rem) {
            border-right-color: var(--color-border);
        }
    }

    .lg\:border-l-\(--color-border\) {
        @media (width >= 64rem) {
            border-left-color: var(--color-border);
        }
    }

    .lg\:border-l-\(--color-border-soft\) {
        @media (width >= 64rem) {
            border-left-color: var(--color-border-soft);
        }
    }

    .lg\:bg-\(--color-surface\) {
        @media (width >= 64rem) {
            background-color: var(--color-surface);
        }
    }

    .lg\:bg-\(--custom-card\) {
        @media (width >= 64rem) {
            background-color: var(--custom-card);
        }
    }

    .lg\:bg-\[var\(--color-bg-muted\)\] {
        @media (width >= 64rem) {
            background-color: var(--color-bg-muted);
        }
    }

    .lg\:bg-base {
        @media (width >= 64rem) {
            background-color: var(--color-bg);
        }
    }

    .lg\:bg-muted {
        @media (width >= 64rem) {
            background-color: var(--color-bg-muted);
        }
    }

    .lg\:bg-white {
        @media (width >= 64rem) {
            background-color: var(--color-white);
        }
    }

    .lg\:\[mask-image\:linear-gradient\(90deg\,transparent\,\#000_45\%\)\] {
        @media (width >= 64rem) {
            mask-image: linear-gradient(90deg, #0000, #000 45%);
        }
    }

    .lg\:\[mask-image\:none\] {
        @media (width >= 64rem) {
            mask-image: none;
        }
    }

    .lg\:object-\[42\%_40\%\] {
        @media (width >= 64rem) {
            object-position: 42% 40%;
        }
    }

    .lg\:object-\[45\%_50\%\] {
        @media (width >= 64rem) {
            object-position: 45% 50%;
        }
    }

    .lg\:object-\[50\%_14\%\] {
        @media (width >= 64rem) {
            object-position: 50% 14%;
        }
    }

    .lg\:object-\[62\%_40\%\] {
        @media (width >= 64rem) {
            object-position: 62% 40%;
        }
    }

    .lg\:object-\[72\%_30\%\] {
        @media (width >= 64rem) {
            object-position: 72% 30%;
        }
    }

    .lg\:object-\[100\%_50\%\] {
        @media (width >= 64rem) {
            object-position: 100% 50%;
        }
    }

    .lg\:p-0 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .lg\:p-3 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 3);
        }
    }

    .lg\:p-5 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 5);
        }
    }

    .lg\:p-6 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .lg\:p-7 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 7);
        }
    }

    .lg\:p-8 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 8);
        }
    }

    .lg\:p-9 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 9);
        }
    }

    .lg\:p-10 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .lg\:p-11 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 11);
        }
    }

    .lg\:p-12 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .lg\:p-14 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 14);
        }
    }

    .lg\:p-16 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 16);
        }
    }

    .lg\:p-18 {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 18);
        }
    }

    .lg\:p-\[clamp\(2\.5rem\,4vw\,4\.5rem\)\] {
        @media (width >= 64rem) {
            padding: clamp(2.5rem, 4vw, 4.5rem);
        }
    }

    .lg\:p-\[clamp\(2\.25rem\,1rem_\+_2vw\,3\.25rem\)\] {
        @media (width >= 64rem) {
            padding: clamp(2.25rem, 1rem + 2vw, 3.25rem);
        }
    }

    .lg\:p-\[clamp\(2rem\,1rem_\+_3vw\,4rem\)\] {
        @media (width >= 64rem) {
            padding: clamp(2rem, 1rem + 3vw, 4rem);
        }
    }

    .lg\:p-\[clamp\(2rem\,3\.4vw\,3rem\)\] {
        @media (width >= 64rem) {
            padding: clamp(2rem, 3.4vw, 3rem);
        }
    }

    .lg\:px-0 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .lg\:px-1\.5 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 1.5);
        }
    }

    .lg\:px-2 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .lg\:px-3 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .lg\:px-4 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .lg\:px-5 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 5);
        }
    }

    .lg\:px-6 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .lg\:px-8 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .lg\:px-9 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 9);
        }
    }

    .lg\:px-10 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .lg\:px-12 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    .lg\:px-16 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .lg\:px-20 {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 20);
        }
    }

    .lg\:px-\[60px\] {
        @media (width >= 64rem) {
            padding-inline: 60px;
        }
    }

    .lg\:px-\[clamp\(1\.5rem\,0\.5rem_\+_2vw\,3rem\)\] {
        @media (width >= 64rem) {
            padding-inline: clamp(1.5rem, 0.5rem + 2vw, 3rem);
        }
    }

    .lg\:px-\[clamp\(1\.5rem\,3vw\,3rem\)\] {
        @media (width >= 64rem) {
            padding-inline: clamp(1.5rem, 3vw, 3rem);
        }
    }

    .lg\:px-\[clamp\(2\.5rem\,5vw\,5\.5rem\)\] {
        @media (width >= 64rem) {
            padding-inline: clamp(2.5rem, 5vw, 5.5rem);
        }
    }

    .lg\:px-\[clamp\(3rem\,6vw\,7rem\)\] {
        @media (width >= 64rem) {
            padding-inline: clamp(3rem, 6vw, 7rem);
        }
    }

    .lg\:py-0 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .lg\:py-1 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 1);
        }
    }

    .lg\:py-2 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 2);
        }
    }

    .lg\:py-2\.5 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 2.5);
        }
    }

    .lg\:py-3 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 3);
        }
    }

    .lg\:py-4 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .lg\:py-5 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 5);
        }
    }

    .lg\:py-6 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .lg\:py-7 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 7);
        }
    }

    .lg\:py-8 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .lg\:py-10 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .lg\:py-11 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 11);
        }
    }

    .lg\:py-12 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .lg\:py-16 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .lg\:py-18 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 18);
        }
    }

    .lg\:py-20 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .lg\:py-24 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .lg\:py-36 {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 36);
        }
    }

    .lg\:py-\[calc\(var\(--pricing-pad\)_\+_var\(--offer-rise\)\)\] {
        @media (width >= 64rem) {
            padding-block: calc(var(--pricing-pad) + var(--offer-rise));
        }
    }

    .lg\:ps-0 {
        @media (width >= 64rem) {
            padding-inline-start: calc(var(--spacing) * 0);
        }
    }

    .lg\:ps-3\.5 {
        @media (width >= 64rem) {
            padding-inline-start: calc(var(--spacing) * 3.5);
        }
    }

    .lg\:ps-6 {
        @media (width >= 64rem) {
            padding-inline-start: calc(var(--spacing) * 6);
        }
    }

    .lg\:ps-8 {
        @media (width >= 64rem) {
            padding-inline-start: calc(var(--spacing) * 8);
        }
    }

    .lg\:ps-12 {
        @media (width >= 64rem) {
            padding-inline-start: calc(var(--spacing) * 12);
        }
    }

    .lg\:ps-16 {
        @media (width >= 64rem) {
            padding-inline-start: calc(var(--spacing) * 16);
        }
    }

    .lg\:ps-\[16\%\] {
        @media (width >= 64rem) {
            padding-inline-start: 16%;
        }
    }

    .lg\:ps-\[calc\(clamp\(1\.5rem\,0\.5rem_\+_2\.5vw\,3\.5rem\)\+clamp\(3\.5rem\,2rem_\+_2vw\,4\.5rem\)\)\] {
        @media (width >= 64rem) {
            padding-inline-start: calc(
                clamp(1.5rem, 0.5rem + 2.5vw, 3.5rem) + clamp(3.5rem, 2rem + 2vw, 4.5rem)
            );
        }
    }

    .lg\:ps-\[clamp\(1\.5rem\,0\.5rem_\+_2vw\,3rem\)\] {
        @media (width >= 64rem) {
            padding-inline-start: clamp(1.5rem, 0.5rem + 2vw, 3rem);
        }
    }

    .lg\:ps-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 64rem) {
            padding-inline-start: clamp(3rem, 5vw, 5rem);
        }
    }

    .lg\:pe-0 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 0);
        }
    }

    .lg\:pe-4 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 4);
        }
    }

    .lg\:pe-4\.5 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 4.5);
        }
    }

    .lg\:pe-6 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 6);
        }
    }

    .lg\:pe-8 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 8);
        }
    }

    .lg\:pe-10 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 10);
        }
    }

    .lg\:pe-14 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 14);
        }
    }

    .lg\:pe-16 {
        @media (width >= 64rem) {
            padding-inline-end: calc(var(--spacing) * 16);
        }
    }

    .lg\:pe-\[calc\(\(100\%-var\(--container-width\)\)\/2\+var\(--container-x\)\)\] {
        @media (width >= 64rem) {
            padding-inline-end: calc((100% - var(--container-width)) / 2 + var(--container-x));
        }
    }

    .lg\:pe-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 64rem) {
            padding-inline-end: clamp(3rem, 5vw, 5rem);
        }
    }

    .lg\:pt-\(--cs-pad\) {
        @media (width >= 64rem) {
            padding-top: var(--cs-pad);
        }
    }

    .lg\:pt-0 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .lg\:pt-0\.5 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 0.5);
        }
    }

    .lg\:pt-2 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 2);
        }
    }

    .lg\:pt-3 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 3);
        }
    }

    .lg\:pt-3\.5 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 3.5);
        }
    }

    .lg\:pt-4 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .lg\:pt-5 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .lg\:pt-6 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .lg\:pt-8 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .lg\:pt-9 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 9);
        }
    }

    .lg\:pt-10 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .lg\:pt-11 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 11);
        }
    }

    .lg\:pt-12 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 12);
        }
    }

    .lg\:pt-14 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .lg\:pt-16 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .lg\:pt-18 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 18);
        }
    }

    .lg\:pt-20 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 20);
        }
    }

    .lg\:pt-24 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .lg\:pt-28 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 28);
        }
    }

    .lg\:pt-32 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 32);
        }
    }

    .lg\:pt-40 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 40);
        }
    }

    .lg\:pt-44 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 44);
        }
    }

    .lg\:pt-56 {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 56);
        }
    }

    .lg\:pt-\[0\.9rem\] {
        @media (width >= 64rem) {
            padding-top: 0.9rem;
        }
    }

    .lg\:pt-\[calc\(var\(--custom-straddle\)\+3rem\)\] {
        @media (width >= 64rem) {
            padding-top: calc(var(--custom-straddle) + 3rem);
        }
    }

    .lg\:pt-\[calc\(var\(--header-h\)\+1rem\)\] {
        @media (width >= 64rem) {
            padding-top: calc(var(--header-h) + 1rem);
        }
    }

    .lg\:pt-\[calc\(var\(--header-h\)\+2\.75rem\)\] {
        @media (width >= 64rem) {
            padding-top: calc(var(--header-h) + 2.75rem);
        }
    }

    .lg\:pt-\[calc\(var\(--header-h\)\+22rem\)\] {
        @media (width >= 64rem) {
            padding-top: calc(var(--header-h) + 22rem);
        }
    }

    .lg\:pt-\[calc\(var\(--header-h-rest\,var\(--header-h\)\)\+0\.75rem\)\] {
        @media (width >= 64rem) {
            padding-top: calc(var(--header-h-rest, var(--header-h)) + 0.75rem);
        }
    }

    .lg\:pt-\[clamp\(1\.5rem\,0\.5rem_\+_2vw\,2\.5rem\)\] {
        @media (width >= 64rem) {
            padding-top: clamp(1.5rem, 0.5rem + 2vw, 2.5rem);
        }
    }

    .lg\:pt-\[clamp\(2\.25rem\,1\.75rem_\+_1\.5vw\,3rem\)\] {
        @media (width >= 64rem) {
            padding-top: clamp(2.25rem, 1.75rem + 1.5vw, 3rem);
        }
    }

    .lg\:pr-0 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .lg\:pr-2 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 2);
        }
    }

    .lg\:pr-3 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 3);
        }
    }

    .lg\:pr-4 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 4);
        }
    }

    .lg\:pr-5 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 5);
        }
    }

    .lg\:pr-6 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .lg\:pr-7 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 7);
        }
    }

    .lg\:pr-8 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .lg\:pr-10 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 10);
        }
    }

    .lg\:pr-12 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 12);
        }
    }

    .lg\:pr-16 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 16);
        }
    }

    .lg\:pr-44 {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 44);
        }
    }

    .lg\:pr-\[clamp\(1rem\,3vw\,3rem\)\] {
        @media (width >= 64rem) {
            padding-right: clamp(1rem, 3vw, 3rem);
        }
    }

    .lg\:pr-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 64rem) {
            padding-right: clamp(3rem, 5vw, 5rem);
        }
    }

    .lg\:pb-\(--custom-reset-pad\) {
        @media (width >= 64rem) {
            padding-bottom: var(--custom-reset-pad);
        }
    }

    .lg\:pb-\(--exit-y\) {
        @media (width >= 64rem) {
            padding-bottom: var(--exit-y);
        }
    }

    .lg\:pb-0 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .lg\:pb-1 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 1);
        }
    }

    .lg\:pb-1\.5 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 1.5);
        }
    }

    .lg\:pb-2 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .lg\:pb-3 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 3);
        }
    }

    .lg\:pb-4 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .lg\:pb-6 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 6);
        }
    }

    .lg\:pb-8 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .lg\:pb-9 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 9);
        }
    }

    .lg\:pb-10 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .lg\:pb-11 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 11);
        }
    }

    .lg\:pb-12 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 12);
        }
    }

    .lg\:pb-14 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 14);
        }
    }

    .lg\:pb-16 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .lg\:pb-18 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 18);
        }
    }

    .lg\:pb-20 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .lg\:pb-24 {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .lg\:pb-\[0\.6rem\] {
        @media (width >= 64rem) {
            padding-bottom: 0.6rem;
        }
    }

    .lg\:pb-\[calc\(var\(--custom-book-h\)\/2\+clamp\(2rem\,1rem\+3vh\,3\.5rem\)\)\] {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--custom-book-h) / 2 + clamp(2rem, 1rem + 3vh, 3.5rem));
        }
    }

    .lg\:pb-\[calc\(var\(--custom-reset-sun\)_\*_0\.62\)\] {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--custom-reset-sun) * 0.62);
        }
    }

    .lg\:pb-\[calc\(var\(--custom-wait-sun\)_\*_0\.55\)\] {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--custom-wait-sun) * 0.55);
        }
    }

    .lg\:pb-\[calc\(var\(--gap-pad\)_-_0\.85rem\)\] {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--gap-pad) - 0.85rem);
        }
    }

    .lg\:pb-\[clamp\(2\.75rem\,6vw\,4\.5rem\)\] {
        @media (width >= 64rem) {
            padding-bottom: clamp(2.75rem, 6vw, 4.5rem);
        }
    }

    .lg\:pl-0 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .lg\:pl-4 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .lg\:pl-6 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 6);
        }
    }

    .lg\:pl-7 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 7);
        }
    }

    .lg\:pl-8 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .lg\:pl-10 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }

    .lg\:pl-12 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 12);
        }
    }

    .lg\:pl-14 {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 14);
        }
    }

    .lg\:pl-\[calc\(var\(--stop-node\)_\+_0\.75rem\)\] {
        @media (width >= 64rem) {
            padding-left: calc(var(--stop-node) + 0.75rem);
        }
    }

    .lg\:pl-\[clamp\(2rem\,4vw\,4rem\)\] {
        @media (width >= 64rem) {
            padding-left: clamp(2rem, 4vw, 4rem);
        }
    }

    .lg\:text-center {
        @media (width >= 64rem) {
            text-align: center;
        }
    }

    .lg\:text-end {
        @media (width >= 64rem) {
            text-align: end;
        }
    }

    .lg\:text-right {
        @media (width >= 64rem) {
            text-align: right;
        }
    }

    .lg\:text-start {
        @media (width >= 64rem) {
            text-align: start;
        }
    }

    .lg\:font-heading {
        @media (width >= 64rem) {
            font-family: var(--font-heading);
        }
    }

    .lg\:text-3xl {
        @media (width >= 64rem) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
    }

    .lg\:text-4xl {
        @media (width >= 64rem) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .lg\:text-6xl {
        @media (width >= 64rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .lg\:text-xl {
        @media (width >= 64rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .lg\:text-\[0\.8125rem\] {
        @media (width >= 64rem) {
            font-size: 0.8125rem;
        }
    }

    .lg\:text-\[0\.9375rem\] {
        @media (width >= 64rem) {
            font-size: 0.9375rem;
        }
    }

    .lg\:text-\[1\.5rem\] {
        @media (width >= 64rem) {
            font-size: 1.5rem;
        }
    }

    .lg\:text-\[1\.125rem\] {
        @media (width >= 64rem) {
            font-size: 1.125rem;
        }
    }

    .lg\:text-\[1\.375rem\] {
        @media (width >= 64rem) {
            font-size: 1.375rem;
        }
    }

    .lg\:text-\[1\.0625rem\] {
        @media (width >= 64rem) {
            font-size: 1.0625rem;
        }
    }

    .lg\:text-\[1\.625rem\] {
        @media (width >= 64rem) {
            font-size: 1.625rem;
        }
    }

    .lg\:text-\[1\.1875rem\] {
        @media (width >= 64rem) {
            font-size: 1.1875rem;
        }
    }

    .lg\:text-\[2\.5rem\] {
        @media (width >= 64rem) {
            font-size: 2.5rem;
        }
    }

    .lg\:text-\[2\.25rem\] {
        @media (width >= 64rem) {
            font-size: 2.25rem;
        }
    }

    .lg\:text-\[2\.75rem\] {
        @media (width >= 64rem) {
            font-size: 2.75rem;
        }
    }

    .lg\:text-\[4\.5rem\] {
        @media (width >= 64rem) {
            font-size: 4.5rem;
        }
    }

    .lg\:text-\[clamp\(2rem\,1\.4rem_\+_1\.6vw\,3rem\)\] {
        @media (width >= 64rem) {
            font-size: clamp(2rem, 1.4rem + 1.6vw, 3rem);
        }
    }

    .lg\:text-\[min\(5\.5rem\,calc\(\(100cqi-28rem\)\/7\.4\)\)\] {
        @media (width >= 64rem) {
            font-size: min(5.5rem, 13.5135cqi - 3.78378rem);
        }
    }

    .lg\:leading-\[1\.1\] {
        @media (width >= 64rem) {
            --tw-leading: 1.1;
            line-height: 1.1;
        }
    }

    .lg\:leading-\[1\.45\] {
        @media (width >= 64rem) {
            --tw-leading: 1.45;
            line-height: 1.45;
        }
    }

    .lg\:leading-\[2\.25rem\] {
        @media (width >= 64rem) {
            --tw-leading: 2.25rem;
            line-height: 2.25rem;
        }
    }

    .lg\:font-bold {
        @media (width >= 64rem) {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
        }
    }

    .lg\:font-semibold {
        @media (width >= 64rem) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .lg\:tracking-\[-0\.03em\] {
        @media (width >= 64rem) {
            --tw-tracking: -0.03em;
            letter-spacing: -0.03em;
        }
    }

    .lg\:tracking-\[-0\.025em\] {
        @media (width >= 64rem) {
            --tw-tracking: -0.025em;
            letter-spacing: -0.025em;
        }
    }

    .lg\:tracking-\[0\.06em\] {
        @media (width >= 64rem) {
            --tw-tracking: 0.06em;
            letter-spacing: 0.06em;
        }
    }

    .lg\:whitespace-nowrap {
        @media (width >= 64rem) {
            white-space: nowrap;
        }
    }

    .lg\:uppercase {
        @media (width >= 64rem) {
            text-transform: uppercase;
        }
    }

    .lg\:tabular-nums {
        @media (width >= 64rem) {
            --tw-numeric-spacing: tabular-nums;
            font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
                var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
        }
    }

    .lg\:shadow-token-lg {
        @media (width >= 64rem) {
            box-shadow: var(--shadow-lg);
        }
    }

    .lg\:shadow-token-sm {
        @media (width >= 64rem) {
            box-shadow: var(--shadow-sm);
        }
    }

    .lg\:\[--cols\:3\] {
        @media (width >= 64rem) {
            --cols: 3;
        }
    }

    .lg\:\[--glow-opacity\:0\.26\] {
        @media (width >= 64rem) {
            --glow-opacity: 0.26;
        }
    }

    .lg\:\[--seal-size\:13rem\] {
        @media (width >= 64rem) {
            --seal-size: 13rem;
        }
    }

    .lg\:\[--sticky-offset\:1rem\] {
        @media (width >= 64rem) {
            --sticky-offset: 1rem;
        }
    }

    .lg\:\[--sticky-offset\:calc\(var\(--header-h\)\+1\.5rem\)\] {
        @media (width >= 64rem) {
            --sticky-offset: calc(var(--header-h) + 1.5rem);
        }
    }

    .lg\:\[grid-area\:1_\/_1_\/_2_\/_9\] {
        @media (width >= 64rem) {
            grid-area: 1 / 1 / 2 / 9;
        }
    }

    .lg\:\[grid-area\:1_\/_3\] {
        @media (width >= 64rem) {
            grid-area: 1 / 3;
        }
    }

    .lg\:\[grid-area\:1_\/_4\] {
        @media (width >= 64rem) {
            grid-area: 1 / 4;
        }
    }

    .lg\:\[grid-area\:1_\/_7_\/_2_\/_13\] {
        @media (width >= 64rem) {
            grid-area: 1 / 7 / 2 / 13;
        }
    }

    .lg\:\[grid-area\:2_\/_3_\/_3_\/_5\] {
        @media (width >= 64rem) {
            grid-area: 2 / 3 / 3 / 5;
        }
    }

    .lg\:\[grid-area\:card\] {
        @media (width >= 64rem) {
            grid-area: card;
        }
    }

    .lg\:\[grid-area\:copy\] {
        @media (width >= 64rem) {
            grid-area: copy;
        }
    }

    .lg\:\[grid-area\:inside\] {
        @media (width >= 64rem) {
            grid-area: inside;
        }
    }

    .lg\:\[grid-area\:stack\] {
        @media (width >= 64rem) {
            grid-area: stack;
        }
    }

    .lg\:\[grid-template-areas\:\'stack\'\] {
        @media (width >= 64rem) {
            grid-template-areas: 'stack';
        }
    }

    .lg\:group-hover\:grid-rows-\[1fr\] {
        @media (width >= 64rem) {
            &:is(:where(.group):hover *) {
                @media (hover: hover) {
                    grid-template-rows: 1fr;
                }
            }
        }
    }

    .lg\:group-\[\[aria-disabled\=false\]\.is-active\]\:bg-\[var\(--color-bg\)\] {
        @media (width >= 64rem) {
            &:is(:where(.group)[aria-disabled='false'].is-active *) {
                background-color: var(--color-bg);
            }
        }
    }

    .lg\:group-\[\[aria-disabled\=false\]\.is-active\]\:bg-white {
        @media (width >= 64rem) {
            &:is(:where(.group)[aria-disabled='false'].is-active *) {
                background-color: var(--color-white);
            }
        }
    }

    .lg\:group-\[\[aria-disabled\=false\]\.is-active\]\:text-primary-ink {
        @media (width >= 64rem) {
            &:is(:where(.group)[aria-disabled='false'].is-active *) {
                color: var(--color-primary-ink);
            }
        }
    }

    .lg\:first\:pl-0 {
        @media (width >= 64rem) {
            &:first-child {
                padding-left: calc(var(--spacing) * 0);
            }
        }
    }

    .lg\:last\:border-r-0 {
        @media (width >= 64rem) {
            &:last-child {
                border-right-style: var(--tw-border-style);
                border-right-width: 0;
            }
        }
    }

    .lg\:hover\:bg-\(--color-bg-soft\) {
        @media (width >= 64rem) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-bg-soft);
                }
            }
        }
    }

    .lg\:hover\:bg-muted {
        @media (width >= 64rem) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-bg-muted);
                }
            }
        }
    }

    .lg\:max-\[1199px\]\:hidden {
        @media (width >= 64rem) {
            @media (width < 1199px) {
                display: none;
            }
        }
    }

    .lg\:max-xl\:sr-only {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                clip-path: inset(50%);
                white-space: nowrap;
                border-width: 0;
                width: 1px;
                height: 1px;
                margin: -1px;
                padding: 0;
                position: absolute;
                overflow: hidden;
            }
        }
    }

    .lg\:max-xl\:top-\[calc\(100\%_\+_1\.5rem\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                top: calc(100% + 1.5rem);
            }
        }
    }

    .lg\:max-xl\:left-1\/2 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                left: 50%;
            }
        }
    }

    .lg\:max-xl\:ms-auto {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                margin-inline-start: auto;
            }
        }
    }

    .lg\:max-xl\:mt-0 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                margin-top: calc(var(--spacing) * 0);
            }
        }
    }

    .lg\:max-xl\:hidden {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                display: none;
            }
        }
    }

    .lg\:max-xl\:inline {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                display: inline;
            }
        }
    }

    .lg\:max-xl\:size-7 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                width: calc(var(--spacing) * 7);
                height: calc(var(--spacing) * 7);
            }
        }
    }

    .lg\:max-xl\:w-44 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                width: calc(var(--spacing) * 44);
            }
        }
    }

    .lg\:max-xl\:w-46 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                width: calc(var(--spacing) * 46);
            }
        }
    }

    .lg\:max-xl\:w-52 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                width: calc(var(--spacing) * 52);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: auto minmax(0, 1fr);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[minmax\(0\,1\.12fr\)_minmax\(0\,0\.88fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
            }
        }
    }

    .lg\:max-xl\:grid-cols-\[minmax\(0\,_1fr\)\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                grid-template-columns: minmax(0, 1fr);
            }
        }
    }

    .lg\:max-xl\:flex-row {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                flex-direction: row;
            }
        }
    }

    .lg\:max-xl\:items-center {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                align-items: center;
            }
        }
    }

    .lg\:max-xl\:gap-6 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                gap: calc(var(--spacing) * 6);
            }
        }
    }

    .lg\:max-xl\:gap-12 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                gap: calc(var(--spacing) * 12);
            }
        }
    }

    .lg\:max-xl\:gap-14 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                gap: calc(var(--spacing) * 14);
            }
        }
    }

    .lg\:max-xl\:gap-22 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                gap: calc(var(--spacing) * 22);
            }
        }
    }

    .lg\:max-xl\:gap-x-16 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                column-gap: calc(var(--spacing) * 16);
            }
        }
    }

    .lg\:max-xl\:p-0 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                padding: calc(var(--spacing) * 0);
            }
        }
    }

    .lg\:max-xl\:px-3\.5 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                padding-inline: calc(var(--spacing) * 3.5);
            }
        }
    }

    .lg\:max-xl\:px-4\.5 {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                padding-inline: calc(var(--spacing) * 4.5);
            }
        }
    }

    .lg\:max-xl\:text-\[0\.9375rem\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                font-size: 0.9375rem;
            }
        }
    }

    .lg\:max-xl\:text-\[2\.5rem\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                font-size: 2.5rem;
            }
        }
    }

    .lg\:max-xl\:text-\[3\.5rem\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                font-size: 3.5rem;
            }
        }
    }

    .lg\:max-xl\:text-\[3rem\] {
        @media (width >= 64rem) {
            @media (width < 80rem) {
                font-size: 3rem;
            }
        }
    }

    .min-\[68\.75rem\]\:sticky {
        @media (width >= 68.75rem) {
            position: sticky;
        }
    }

    .min-\[68\.75rem\]\:top-\[calc\(var\(--header-h\)_\+_1\.5rem\)\] {
        @media (width >= 68.75rem) {
            top: calc(var(--header-h) + 1.5rem);
        }
    }

    .min-\[68\.75rem\]\:col-\[span_2\] {
        @media (width >= 68.75rem) {
            grid-column: span 2;
        }
    }

    .min-\[68\.75rem\]\:col-\[span_3\] {
        @media (width >= 68.75rem) {
            grid-column: span 3;
        }
    }

    .min-\[68\.75rem\]\:aspect-video {
        @media (width >= 68.75rem) {
            aspect-ratio: var(--aspect-video);
        }
    }

    .min-\[68\.75rem\]\:grid-cols-3 {
        @media (width >= 68.75rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .min-\[68\.75rem\]\:grid-cols-4 {
        @media (width >= 68.75rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .min-\[68\.75rem\]\:grid-cols-5 {
        @media (width >= 68.75rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .min-\[68\.75rem\]\:grid-cols-6 {
        @media (width >= 68.75rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .min-\[68\.75rem\]\:grid-cols-\[minmax\(0\,0\.82fr\)_minmax\(0\,1\.18fr\)\] {
        @media (width >= 68.75rem) {
            grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        }
    }

    .min-\[68\.75rem\]\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 68.75rem) {
            grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
        }
    }

    .min-\[68\.75rem\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,23rem\)\] {
        @media (width >= 68.75rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 23rem);
        }
    }

    .min-\[68\.75rem\]\:\[align-items\:start\] {
        @media (width >= 68.75rem) {
            align-items: start;
        }
    }

    .min-\[68\.75rem\]\:gap-8 {
        @media (width >= 68.75rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .min-\[68\.75rem\]\:gap-\[clamp\(3rem\,5vw\,6rem\)\] {
        @media (width >= 68.75rem) {
            gap: clamp(3rem, 5vw, 6rem);
        }
    }

    .min-\[75rem\]\:col-\[auto\] {
        @media (width >= 75rem) {
            grid-column: auto;
        }
    }

    .min-\[75rem\]\:col-\[span_2\] {
        @media (width >= 75rem) {
            grid-column: span 2;
        }
    }

    .min-\[75rem\]\:col-\[span_3\] {
        @media (width >= 75rem) {
            grid-column: span 3;
        }
    }

    .min-\[75rem\]\:w-full {
        @media (width >= 75rem) {
            width: 100%;
        }
    }

    .min-\[75rem\]\:grid-cols-3 {
        @media (width >= 75rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .min-\[75rem\]\:grid-cols-4 {
        @media (width >= 75rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .min-\[75rem\]\:grid-cols-5 {
        @media (width >= 75rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .min-\[75rem\]\:grid-cols-6 {
        @media (width >= 75rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .min-\[75rem\]\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
        @media (width >= 75rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        }
    }

    .min-\[75rem\]\:grid-cols-\[minmax\(0\,0\.72fr\)_minmax\(0\,1\.28fr\)\] {
        @media (width >= 75rem) {
            grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
        }
    }

    .min-\[75rem\]\:grid-cols-\[minmax\(0\,1\.5fr\)_repeat\(2\,minmax\(0\,1fr\)\)\] {
        @media (width >= 75rem) {
            grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
        }
    }

    .min-\[75rem\]\:grid-cols-\[minmax\(0\,1\.7fr\)_repeat\(5\,minmax\(0\,1fr\)\)\] {
        @media (width >= 75rem) {
            grid-template-columns: minmax(0, 1.7fr) repeat(5, minmax(0, 1fr));
        }
    }

    .min-\[75rem\]\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,8fr\)\] {
        @media (width >= 75rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        }
    }

    .min-\[75rem\]\:grid-cols-\[minmax\(0\,5\.2fr\)_minmax\(0\,6\.8fr\)\] {
        @media (width >= 75rem) {
            grid-template-columns: minmax(0, 5.2fr) minmax(0, 6.8fr);
        }
    }

    .min-\[75rem\]\:\[align-items\:start\] {
        @media (width >= 75rem) {
            align-items: start;
        }
    }

    .min-\[75rem\]\:items-center {
        @media (width >= 75rem) {
            align-items: center;
        }
    }

    .min-\[75rem\]\:gap-5 {
        @media (width >= 75rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .min-\[75rem\]\:gap-6 {
        @media (width >= 75rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .min-\[75rem\]\:gap-\[clamp\(2\.5rem\,4vw\,4\.5rem\)\] {
        @media (width >= 75rem) {
            gap: clamp(2.5rem, 4vw, 4.5rem);
        }
    }

    .min-\[75rem\]\:gap-x-\[clamp\(2rem\,1rem_\+_2vw\,3\.5rem\)\] {
        @media (width >= 75rem) {
            column-gap: clamp(2rem, 1rem + 2vw, 3.5rem);
        }
    }

    .min-\[75rem\]\:gap-x-\[clamp\(4rem\,1rem_\+_5vw\,7rem\)\] {
        @media (width >= 75rem) {
            column-gap: clamp(4rem, 1rem + 5vw, 7rem);
        }
    }

    .min-\[75rem\]\:ps-0 {
        @media (width >= 75rem) {
            padding-inline-start: calc(var(--spacing) * 0);
        }
    }

    .min-\[75rem\]\:pb-\[0\.6rem\] {
        @media (width >= 75rem) {
            padding-bottom: 0.6rem;
        }
    }

    .min-\[75rem\]\:pb-\[0\.9rem\] {
        @media (width >= 75rem) {
            padding-bottom: 0.9rem;
        }
    }

    .min-\[75rem\]\:whitespace-nowrap {
        @media (width >= 75rem) {
            white-space: nowrap;
        }
    }

    .xl\:pointer-events-none {
        @media (width >= 80rem) {
            pointer-events: none;
        }
    }

    .xl\:absolute {
        @media (width >= 80rem) {
            position: absolute;
        }
    }

    .xl\:relative {
        @media (width >= 80rem) {
            position: relative;
        }
    }

    .xl\:sticky {
        @media (width >= 80rem) {
            position: sticky;
        }
    }

    .xl\:inset-0 {
        @media (width >= 80rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .xl\:-end-13 {
        @media (width >= 80rem) {
            inset-inline-end: calc(var(--spacing) * -13);
        }
    }

    .xl\:-top-9 {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * -9);
        }
    }

    .xl\:top-\(--y\) {
        @media (width >= 80rem) {
            top: var(--y);
        }
    }

    .xl\:top-6 {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .xl\:top-8 {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .xl\:top-28 {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * 28);
        }
    }

    .xl\:top-32 {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * 32);
        }
    }

    .xl\:top-\[12\%\] {
        @media (width >= 80rem) {
            top: 12%;
        }
    }

    .xl\:top-\[15\%\] {
        @media (width >= 80rem) {
            top: 15%;
        }
    }

    .xl\:top-\[18\%\] {
        @media (width >= 80rem) {
            top: 18%;
        }
    }

    .xl\:top-\[35\%\] {
        @media (width >= 80rem) {
            top: 35%;
        }
    }

    .xl\:top-\[64\%\] {
        @media (width >= 80rem) {
            top: 64%;
        }
    }

    .xl\:top-\[75\%\] {
        @media (width >= 80rem) {
            top: 75%;
        }
    }

    .xl\:top-\[calc\(100\%_\+_var\(--flag-pole\)\)\] {
        @media (width >= 80rem) {
            top: calc(100% + var(--flag-pole));
        }
    }

    .xl\:top-\[calc\(var\(--header-h\,5rem\)_\+_2\.5rem\)\] {
        @media (width >= 80rem) {
            top: calc(var(--header-h, 5rem) + 2.5rem);
        }
    }

    .xl\:-right-14 {
        @media (width >= 80rem) {
            right: calc(var(--spacing) * -14);
        }
    }

    .xl\:right-0 {
        @media (width >= 80rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .xl\:right-6 {
        @media (width >= 80rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .xl\:right-\[3\.5\%\] {
        @media (width >= 80rem) {
            right: 3.5%;
        }
    }

    .xl\:right-\[12\.5\%\] {
        @media (width >= 80rem) {
            right: 12.5%;
        }
    }

    .xl\:right-\[14\%\] {
        @media (width >= 80rem) {
            right: 14%;
        }
    }

    .xl\:bottom-36 {
        @media (width >= 80rem) {
            bottom: calc(var(--spacing) * 36);
        }
    }

    .xl\:bottom-\[calc\(var\(--custom-h\)\*1\.16\)\] {
        @media (width >= 80rem) {
            bottom: calc(var(--custom-h) * 1.16);
        }
    }

    .xl\:bottom-auto {
        @media (width >= 80rem) {
            bottom: auto;
        }
    }

    .xl\:-left-16 {
        @media (width >= 80rem) {
            left: calc(var(--spacing) * -16);
        }
    }

    .xl\:-left-22 {
        @media (width >= 80rem) {
            left: calc(var(--spacing) * -22);
        }
    }

    .xl\:left-\(--x\) {
        @media (width >= 80rem) {
            left: var(--x);
        }
    }

    .xl\:left-5 {
        @media (width >= 80rem) {
            left: calc(var(--spacing) * 5);
        }
    }

    .xl\:left-\[3\.5\%\] {
        @media (width >= 80rem) {
            left: 3.5%;
        }
    }

    .xl\:left-\[6\.5\%\] {
        @media (width >= 80rem) {
            left: 6.5%;
        }
    }

    .xl\:left-\[47\%\] {
        @media (width >= 80rem) {
            left: 47%;
        }
    }

    .xl\:z-2 {
        @media (width >= 80rem) {
            z-index: 2;
        }
    }

    .xl\:col-\[1\] {
        @media (width >= 80rem) {
            grid-column: 1;
        }
    }

    .xl\:col-\[2\] {
        @media (width >= 80rem) {
            grid-column: 2;
        }
    }

    .xl\:col-\[5_\/_13\] {
        @media (width >= 80rem) {
            grid-column: 5 / 13;
        }
    }

    .xl\:col-\[auto\] {
        @media (width >= 80rem) {
            grid-column: auto;
        }
    }

    .xl\:col-\[span_3\] {
        @media (width >= 80rem) {
            grid-column: span 3;
        }
    }

    .xl\:col-\[span_4\] {
        @media (width >= 80rem) {
            grid-column: span 4;
        }
    }

    .xl\:col-\[span_5\] {
        @media (width >= 80rem) {
            grid-column: span 5;
        }
    }

    .xl\:col-span-1 {
        @media (width >= 80rem) {
            grid-column: span 1 / span 1;
        }
    }

    .xl\:col-span-2 {
        @media (width >= 80rem) {
            grid-column: span 2 / span 2;
        }
    }

    .xl\:col-span-3 {
        @media (width >= 80rem) {
            grid-column: span 3 / span 3;
        }
    }

    .xl\:col-span-4 {
        @media (width >= 80rem) {
            grid-column: span 4 / span 4;
        }
    }

    .xl\:col-span-5 {
        @media (width >= 80rem) {
            grid-column: span 5 / span 5;
        }
    }

    .xl\:col-span-6 {
        @media (width >= 80rem) {
            grid-column: span 6 / span 6;
        }
    }

    .xl\:col-span-7 {
        @media (width >= 80rem) {
            grid-column: span 7 / span 7;
        }
    }

    .xl\:col-span-8 {
        @media (width >= 80rem) {
            grid-column: span 8 / span 8;
        }
    }

    .xl\:col-span-9 {
        @media (width >= 80rem) {
            grid-column: span 9 / span 9;
        }
    }

    .xl\:col-span-full {
        @media (width >= 80rem) {
            grid-column: 1 / -1;
        }
    }

    .xl\:col-start-1 {
        @media (width >= 80rem) {
            grid-column-start: 1;
        }
    }

    .xl\:col-start-2 {
        @media (width >= 80rem) {
            grid-column-start: 2;
        }
    }

    .xl\:col-start-6 {
        @media (width >= 80rem) {
            grid-column-start: 6;
        }
    }

    .xl\:col-start-8 {
        @media (width >= 80rem) {
            grid-column-start: 8;
        }
    }

    .xl\:row-\[1_\/_span_4\] {
        @media (width >= 80rem) {
            grid-row: 1 / span 4;
        }
    }

    .xl\:row-\[span_2\] {
        @media (width >= 80rem) {
            grid-row: span 2;
        }
    }

    .xl\:row-span-2 {
        @media (width >= 80rem) {
            grid-row: span 2 / span 2;
        }
    }

    .xl\:row-start-1 {
        @media (width >= 80rem) {
            grid-row-start: 1;
        }
    }

    .xl\:row-start-2 {
        @media (width >= 80rem) {
            grid-row-start: 2;
        }
    }

    .xl\:m-0 {
        @media (width >= 80rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .xl\:me-\[calc\(var\(--hero-nav-w\)_\+_0\.75rem\)\] {
        @media (width >= 80rem) {
            margin-inline-end: calc(var(--hero-nav-w) + 0.75rem);
        }
    }

    .xl\:mt-0 {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .xl\:mt-1 {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .xl\:mt-2 {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .xl\:mt-4 {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 4);
        }
    }

    .xl\:mt-6 {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .xl\:mt-12 {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 12);
        }
    }

    .xl\:mt-\[8\.5rem\] {
        @media (width >= 80rem) {
            margin-top: 8.5rem;
        }
    }

    .xl\:mt-auto {
        @media (width >= 80rem) {
            margin-top: auto;
        }
    }

    .xl\:mr-26 {
        @media (width >= 80rem) {
            margin-right: calc(var(--spacing) * 26);
        }
    }

    .xl\:-mb-10 {
        @media (width >= 80rem) {
            margin-bottom: calc(var(--spacing) * -10);
        }
    }

    .xl\:mb-0 {
        @media (width >= 80rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .xl\:mb-6 {
        @media (width >= 80rem) {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }

    .xl\:-ml-12 {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * -12);
        }
    }

    .xl\:block {
        @media (width >= 80rem) {
            display: block;
        }
    }

    .xl\:flex {
        @media (width >= 80rem) {
            display: flex;
        }
    }

    .xl\:grid {
        @media (width >= 80rem) {
            display: grid;
        }
    }

    .xl\:hidden {
        @media (width >= 80rem) {
            display: none;
        }
    }

    .xl\:inline-block {
        @media (width >= 80rem) {
            display: inline-block;
        }
    }

    .xl\:inline-flex {
        @media (width >= 80rem) {
            display: inline-flex;
        }
    }

    .xl\:aspect-\[2\/1\] {
        @media (width >= 80rem) {
            aspect-ratio: 2;
        }
    }

    .xl\:aspect-\[4\/5\] {
        @media (width >= 80rem) {
            aspect-ratio: 4 / 5;
        }
    }

    .xl\:aspect-\[9\/4\] {
        @media (width >= 80rem) {
            aspect-ratio: 9 / 4;
        }
    }

    .xl\:aspect-\[16\/7\] {
        @media (width >= 80rem) {
            aspect-ratio: 16 / 7;
        }
    }

    .xl\:aspect-\[16\/10\] {
        @media (width >= 80rem) {
            aspect-ratio: 16 / 10;
        }
    }

    .xl\:aspect-\[21\/9\] {
        @media (width >= 80rem) {
            aspect-ratio: 21 / 9;
        }
    }

    .xl\:aspect-auto {
        @media (width >= 80rem) {
            aspect-ratio: auto;
        }
    }

    .xl\:h-\(--hero-hud-h\) {
        @media (width >= 80rem) {
            height: var(--hero-hud-h);
        }
    }

    .xl\:h-\(--study-plot-h\) {
        @media (width >= 80rem) {
            height: var(--study-plot-h);
        }
    }

    .xl\:h-\[clamp\(35rem\,21rem_\+_15vw\,41rem\)\] {
        @media (width >= 80rem) {
            height: clamp(35rem, 21rem + 15vw, 41rem);
        }
    }

    .xl\:min-h-\(--hero-hud-h\) {
        @media (width >= 80rem) {
            min-height: var(--hero-hud-h);
        }
    }

    .xl\:min-h-\[4\.5rem\] {
        @media (width >= 80rem) {
            min-height: 4.5rem;
        }
    }

    .xl\:min-h-\[max\(100svh\,52rem\)\] {
        @media (width >= 80rem) {
            min-height: max(100svh, 52rem);
        }
    }

    .xl\:w-\(--hero-nav-w\) {
        @media (width >= 80rem) {
            width: var(--hero-nav-w);
        }
    }

    .xl\:w-38 {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 38);
        }
    }

    .xl\:w-54 {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 54);
        }
    }

    .xl\:w-\[9\.5\%\] {
        @media (width >= 80rem) {
            width: 9.5%;
        }
    }

    .xl\:w-\[14\.5\%\] {
        @media (width >= 80rem) {
            width: 14.5%;
        }
    }

    .xl\:w-\[15\%\] {
        @media (width >= 80rem) {
            width: 15%;
        }
    }

    .xl\:w-\[16\.5\%\] {
        @media (width >= 80rem) {
            width: 16.5%;
        }
    }

    .xl\:w-\[21\.5\%\] {
        @media (width >= 80rem) {
            width: 21.5%;
        }
    }

    .xl\:w-\[23\.5rem\] {
        @media (width >= 80rem) {
            width: 23.5rem;
        }
    }

    .xl\:w-\[27rem\] {
        @media (width >= 80rem) {
            width: 27rem;
        }
    }

    .xl\:w-\[calc\(100\%_\+_10rem\)\] {
        @media (width >= 80rem) {
            width: calc(100% + 10rem);
        }
    }

    .xl\:w-\[min\(28\.5rem\,86\%\)\] {
        @media (width >= 80rem) {
            width: min(28.5rem, 86%);
        }
    }

    .xl\:w-full {
        @media (width >= 80rem) {
            width: 100%;
        }
    }

    .xl\:max-w-60 {
        @media (width >= 80rem) {
            max-width: calc(var(--spacing) * 60);
        }
    }

    .xl\:max-w-164 {
        @media (width >= 80rem) {
            max-width: calc(var(--spacing) * 164);
        }
    }

    .xl\:max-w-none {
        @media (width >= 80rem) {
            max-width: none;
        }
    }

    .xl\:flex-\[0_0_22rem\] {
        @media (width >= 80rem) {
            flex: 0 0 22rem;
        }
    }

    .xl\:translate-y-0 {
        @media (width >= 80rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .xl\:columns-4 {
        @media (width >= 80rem) {
            columns: 4;
        }
    }

    .xl\:grid-cols-1 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-2 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-3 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-4 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-5 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-6 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-7 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-8 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-12 {
        @media (width >= 80rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-\[1\.4fr_1fr_1fr_1fr_1\.6fr\] {
        @media (width >= 80rem) {
            grid-template-columns: 1.4fr 1fr 1fr 1fr 1.6fr;
        }
    }

    .xl\:grid-cols-\[1\.4fr_repeat\(3\,1fr\)_1\.8fr\] {
        @media (width >= 80rem) {
            grid-template-columns: 1.4fr repeat(3, 1fr) 1.8fr;
        }
    }

    .xl\:grid-cols-\[1\.5fr_1fr_1fr_1\.1fr_1\.5fr\] {
        @media (width >= 80rem) {
            grid-template-columns: 1.5fr 1fr 1fr 1.1fr 1.5fr;
        }
    }

    .xl\:grid-cols-\[1\.5fr_repeat\(4\,minmax\(0\,1fr\)\)\] {
        @media (width >= 80rem) {
            grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-\[1\.6fr_repeat\(3\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: 1.6fr repeat(3, 1fr);
        }
    }

    .xl\:grid-cols-\[6\.5rem_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: 6.5rem minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[14rem_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: 14rem minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[17rem_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: 17rem minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[auto_auto\] {
        @media (width >= 80rem) {
            grid-template-columns: auto auto;
        }
    }

    .xl\:grid-cols-\[auto_auto_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: auto auto minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: auto minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,2\.1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 2.1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,0\.82fr\)_minmax\(0\,1\.18fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,2\.15fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 0.85fr) minmax(0, 2.15fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1\.65fr\)_minmax\(0\,0\.6fr\)_minmax\(0\,1\.2fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.65fr) minmax(0, 0.6fr) minmax(
                    0,
                    1.2fr
                );
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,1\.35fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(
                    0,
                    1.35fr
                );
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.6fr\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.08fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.8fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.8fr\)_repeat\(3\,minmax\(0\,1fr\)\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.8fr) repeat(3, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr) minmax(
                    0,
                    1.3fr
                );
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.22fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.95fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 0.95fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,0\.8fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.8fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) 16rem;
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_21rem\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) 21rem;
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_24rem\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) 24rem;
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,24rem\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 24rem);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,28rem\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 28rem);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,42\.5rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 42.5rem) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,var\(--custom-art-line\)\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, var(--custom-art-line)) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,8fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,4fr\)_auto\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) auto;
        }
    }

    .xl\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,15rem\)_minmax\(0\,42rem\)_minmax\(0\,15rem\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 15rem) minmax(0, 42rem) minmax(0, 15rem);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,18\.5rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 18.5rem) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,19rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 19rem) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,20rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,22rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,24rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,27rem\)_minmax\(0\,1fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 27rem) minmax(0, 1fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,_1fr\)_auto\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .xl\:grid-cols-\[minmax\(0\,_1fr\)_minmax\(0\,_15rem\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 1fr) minmax(0, 15rem);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,_4fr\)_minmax\(0\,_4fr\)_minmax\(0\,_4fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr);
        }
    }

    .xl\:grid-cols-\[minmax\(0\,_4fr\)_minmax\(0\,_8fr\)\] {
        @media (width >= 80rem) {
            grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
        }
    }

    .xl\:grid-cols-\[repeat\(auto-fit\,minmax\(0\,1fr\)\)\] {
        @media (width >= 80rem) {
            grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        }
    }

    .xl\:grid-cols-none {
        @media (width >= 80rem) {
            grid-template-columns: none;
        }
    }

    .xl\:grid-rows-\[auto_1fr\] {
        @media (width >= 80rem) {
            grid-template-rows: auto 1fr;
        }
    }

    .xl\:grid-rows-\[auto_auto_auto_auto_1fr\] {
        @media (width >= 80rem) {
            grid-template-rows: auto auto auto auto 1fr;
        }
    }

    .xl\:grid-rows-\[repeat\(2\,clamp\(14rem\,17vw\,17\.5rem\)\)\] {
        @media (width >= 80rem) {
            grid-template-rows: repeat(2, clamp(14rem, 17vw, 17.5rem));
        }
    }

    .xl\:flex-col {
        @media (width >= 80rem) {
            flex-direction: column;
        }
    }

    .xl\:flex-row {
        @media (width >= 80rem) {
            flex-direction: row;
        }
    }

    .xl\:flex-wrap {
        @media (width >= 80rem) {
            flex-wrap: wrap;
        }
    }

    .xl\:content-start {
        @media (width >= 80rem) {
            align-content: flex-start;
        }
    }

    .xl\:\[align-items\:end\] {
        @media (width >= 80rem) {
            align-items: end;
        }
    }

    .xl\:\[align-items\:start\] {
        @media (width >= 80rem) {
            align-items: start;
        }
    }

    .xl\:items-center {
        @media (width >= 80rem) {
            align-items: center;
        }
    }

    .xl\:items-end {
        @media (width >= 80rem) {
            align-items: flex-end;
        }
    }

    .xl\:items-start {
        @media (width >= 80rem) {
            align-items: flex-start;
        }
    }

    .xl\:justify-between {
        @media (width >= 80rem) {
            justify-content: space-between;
        }
    }

    .xl\:justify-center {
        @media (width >= 80rem) {
            justify-content: center;
        }
    }

    .xl\:justify-end {
        @media (width >= 80rem) {
            justify-content: flex-end;
        }
    }

    .xl\:justify-items-end {
        @media (width >= 80rem) {
            justify-items: end;
        }
    }

    .xl\:gap-2 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 2);
        }
    }

    .xl\:gap-4 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .xl\:gap-5 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .xl\:gap-6 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .xl\:gap-8 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .xl\:gap-10 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 10);
        }
    }

    .xl\:gap-12 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 12);
        }
    }

    .xl\:gap-14 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 14);
        }
    }

    .xl\:gap-16 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 16);
        }
    }

    .xl\:gap-20 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 20);
        }
    }

    .xl\:gap-24 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 24);
        }
    }

    .xl\:gap-28 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 28);
        }
    }

    .xl\:gap-32 {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 32);
        }
    }

    .xl\:gap-\[clamp\(3rem\,6vw\,6rem\)\] {
        @media (width >= 80rem) {
            gap: clamp(3rem, 6vw, 6rem);
        }
    }

    .xl\:gap-\[clamp\(4rem\,7vw\,7\.5rem\)\] {
        @media (width >= 80rem) {
            gap: clamp(4rem, 7vw, 7.5rem);
        }
    }

    .xl\:gap-x-6 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .xl\:gap-x-8 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .xl\:gap-x-9 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 9);
        }
    }

    .xl\:gap-x-12 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 12);
        }
    }

    .xl\:gap-x-14 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 14);
        }
    }

    .xl\:gap-x-16 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .xl\:gap-x-20 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 20);
        }
    }

    .xl\:gap-x-24 {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 24);
        }
    }

    .xl\:gap-x-\[clamp\(2\.5rem\,4vw\,4\.5rem\)\] {
        @media (width >= 80rem) {
            column-gap: clamp(2.5rem, 4vw, 4.5rem);
        }
    }

    .xl\:gap-x-\[clamp\(2\.5rem\,_5vw\,_5rem\)\] {
        @media (width >= 80rem) {
            column-gap: clamp(2.5rem, 5vw, 5rem);
        }
    }

    .xl\:gap-x-\[clamp\(2\.75rem\,1rem\+2\.6vw\,4rem\)\] {
        @media (width >= 80rem) {
            column-gap: clamp(2.75rem, 1rem + 2.6vw, 4rem);
        }
    }

    .xl\:gap-x-\[clamp\(3\.5rem\,_6\.5vw\,_6\.5rem\)\] {
        @media (width >= 80rem) {
            column-gap: clamp(3.5rem, 6.5vw, 6.5rem);
        }
    }

    .xl\:gap-x-\[clamp\(3rem\,5vw\,5rem\)\] {
        @media (width >= 80rem) {
            column-gap: clamp(3rem, 5vw, 5rem);
        }
    }

    .xl\:gap-x-\[clamp\(3rem\,6vw\,6rem\)\] {
        @media (width >= 80rem) {
            column-gap: clamp(3rem, 6vw, 6rem);
        }
    }

    .xl\:gap-y-6 {
        @media (width >= 80rem) {
            row-gap: calc(var(--spacing) * 6);
        }
    }

    .xl\:gap-y-12 {
        @media (width >= 80rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .xl\:gap-y-20 {
        @media (width >= 80rem) {
            row-gap: calc(var(--spacing) * 20);
        }
    }

    .xl\:\[align-self\:start\] {
        @media (width >= 80rem) {
            align-self: start;
        }
    }

    .xl\:self-center {
        @media (width >= 80rem) {
            align-self: center;
        }
    }

    .xl\:self-end {
        @media (width >= 80rem) {
            align-self: flex-end;
        }
    }

    .xl\:self-start {
        @media (width >= 80rem) {
            align-self: flex-start;
        }
    }

    .xl\:\[justify-self\:end\] {
        @media (width >= 80rem) {
            justify-self: end;
        }
    }

    .xl\:\[justify-self\:start\] {
        @media (width >= 80rem) {
            justify-self: start;
        }
    }

    .xl\:rounded-2xl {
        @media (width >= 80rem) {
            border-radius: var(--radius-2xl);
        }
    }

    .xl\:rounded-pill {
        @media (width >= 80rem) {
            border-radius: var(--radius-pill);
        }
    }

    .xl\:border-s {
        @media (width >= 80rem) {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 1px;
        }
    }

    .xl\:border-white\/15 {
        @media (width >= 80rem) {
            border-color: #ffffff26;

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
            }
        }
    }

    .xl\:p-0 {
        @media (width >= 80rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .xl\:p-9 {
        @media (width >= 80rem) {
            padding: calc(var(--spacing) * 9);
        }
    }

    .xl\:p-10 {
        @media (width >= 80rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .xl\:px-5\.5 {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 5.5);
        }
    }

    .xl\:px-6 {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .xl\:px-7 {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 7);
        }
    }

    .xl\:px-8 {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .xl\:px-16 {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .xl\:px-20 {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 20);
        }
    }

    .xl\:py-1\.75 {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 1.75);
        }
    }

    .xl\:py-4\.5 {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 4.5);
        }
    }

    .xl\:py-\[clamp\(2rem\,1rem_\+_2vw\,2\.75rem\)\] {
        @media (width >= 80rem) {
            padding-block: clamp(2rem, 1rem + 2vw, 2.75rem);
        }
    }

    .xl\:ps-6 {
        @media (width >= 80rem) {
            padding-inline-start: calc(var(--spacing) * 6);
        }
    }

    .xl\:ps-8 {
        @media (width >= 80rem) {
            padding-inline-start: calc(var(--spacing) * 8);
        }
    }

    .xl\:ps-24 {
        @media (width >= 80rem) {
            padding-inline-start: calc(var(--spacing) * 24);
        }
    }

    .xl\:pe-5 {
        @media (width >= 80rem) {
            padding-inline-end: calc(var(--spacing) * 5);
        }
    }

    .xl\:pe-24 {
        @media (width >= 80rem) {
            padding-inline-end: calc(var(--spacing) * 24);
        }
    }

    .xl\:pt-2 {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 2);
        }
    }

    .xl\:pt-6 {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .xl\:pt-8 {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .xl\:pt-9 {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 9);
        }
    }

    .xl\:pt-\[var\(--header-h\)\] {
        @media (width >= 80rem) {
            padding-top: var(--header-h);
        }
    }

    .xl\:pr-3\.5 {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 3.5);
        }
    }

    .xl\:pr-6 {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .xl\:pr-12 {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 12);
        }
    }

    .xl\:pr-14 {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 14);
        }
    }

    .xl\:pb-2 {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .xl\:pb-5 {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 5);
        }
    }

    .xl\:pb-5\.5 {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 5.5);
        }
    }

    .xl\:pb-16 {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .xl\:pb-\[clamp\(0\.75rem\,1\.6vw\,1\.75rem\)\] {
        @media (width >= 80rem) {
            padding-bottom: clamp(0.75rem, 1.6vw, 1.75rem);
        }
    }

    .xl\:pb-\[clamp\(1\.5rem\,1rem_\+_1\.6vw\,3rem\)\] {
        @media (width >= 80rem) {
            padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 3rem);
        }
    }

    .xl\:pb-\[clamp\(1rem\,_0\.5rem_\+_1\.6vw\,_1\.75rem\)\] {
        @media (width >= 80rem) {
            padding-bottom: clamp(1rem, 0.5rem + 1.6vw, 1.75rem);
        }
    }

    .xl\:pl-2\.5 {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 2.5);
        }
    }

    .xl\:pl-4\.5 {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 4.5);
        }
    }

    .xl\:pl-6 {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 6);
        }
    }

    .xl\:pl-8 {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .xl\:text-6xl {
        @media (width >= 80rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .xl\:text-\[1\.125rem\] {
        @media (width >= 80rem) {
            font-size: 1.125rem;
        }
    }

    .xl\:text-\[1rem\] {
        @media (width >= 80rem) {
            font-size: 1rem;
        }
    }

    .xl\:text-\[2\.75rem\] {
        @media (width >= 80rem) {
            font-size: 2.75rem;
        }
    }

    .xl\:text-\[clamp\(2\.5rem\,0\.9rem_\+_2\.5vw\,3\.375rem\)\] {
        @media (width >= 80rem) {
            font-size: clamp(2.5rem, 0.9rem + 2.5vw, 3.375rem);
        }
    }

    .xl\:text-wrap {
        @media (width >= 80rem) {
            text-wrap: wrap;
        }
    }

    .xl\:\[--cols\:4\] {
        @media (width >= 80rem) {
            --cols: 4;
        }
    }

    .xl\:\[grid-area\:1\/1\] {
        @media (width >= 80rem) {
            grid-area: 1 / 1;
        }
    }

    .xl\:\[grid-area\:a\] {
        @media (width >= 80rem) {
            grid-area: a;
        }
    }

    .xl\:\[grid-area\:b\] {
        @media (width >= 80rem) {
            grid-area: b;
        }
    }

    .xl\:\[grid-area\:c\] {
        @media (width >= 80rem) {
            grid-area: c;
        }
    }

    .xl\:\[grid-area\:q\] {
        @media (width >= 80rem) {
            grid-area: q;
        }
    }

    .min-\[87\.5rem\]\:ps-6 {
        @media (width >= 87.5rem) {
            padding-inline-start: calc(var(--spacing) * 6);
        }
    }

    .min-\[90rem\]\:inline-flex {
        @media (width >= 90rem) {
            display: inline-flex;
        }
    }

    .\32 xl\:grid-cols-8 {
        @media (width >= 96rem) {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .dark\:text-white {
        @media (prefers-color-scheme: dark) {
            color: var(--color-white);
        }
    }

    .\[\&_\.accordion-item\]\:border-transparent {
        & .accordion-item {
            border-color: #0000;
        }
    }

    .\[\&_\.accordion-item\]\:bg-white {
        & .accordion-item {
            background-color: var(--color-white);
        }
    }

    .\[\&_\.accordion-item\]\:shadow-token-sm {
        & .accordion-item {
            box-shadow: var(--shadow-sm);
        }
    }

    .\[\&_\.accordion-trigger\]\:font-semibold {
        & .accordion-trigger {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .\[\&_\.countdown-digit\]\:text-\[clamp\(3rem\,5\.2vw\,5rem\)\] {
        & .countdown-digit {
            font-size: clamp(3rem, 5.2vw, 5rem);
        }
    }

    .\[\&_\.countdown-digit\]\:tracking-\[-0\.045em\] {
        & .countdown-digit {
            --tw-tracking: -0.045em;
            letter-spacing: -0.045em;
        }
    }

    .\[\&_\.countdown-digit\]\:text-dark {
        & .countdown-digit {
            color: var(--color-dark);
        }
    }

    .\[\&_\.countdown-digit\]\:tabular-nums {
        & .countdown-digit {
            --tw-numeric-spacing: tabular-nums;
            font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
                var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
        }
    }

    .\[\&_\.countdown-label\]\:mt-1 {
        & .countdown-label {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .\[\&_\.countdown-label\]\:font-normal {
        & .countdown-label {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }
    }

    .\[\&_\.countdown-unit\]\:min-w-0 {
        & .countdown-unit {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .\[\&_\.countdown-unit\]\:items-start {
        & .countdown-unit {
            align-items: flex-start;
        }
    }

    .\[\&_\.counter-number\]\:text-base {
        & .counter-number {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .\[\&_\.leaflet-left\]\:right-2\! {
        & .leaflet-left {
            right: calc(var(--spacing) * 2) !important;
        }
    }

    .\[\&_\.leaflet-left\]\:left-auto\! {
        & .leaflet-left {
            left: auto !important;
        }
    }

    .\[\&_\.leaflet-tile-pane\]\:contrast-\[1\.05\] {
        & .leaflet-tile-pane {
            --tw-contrast: contrast(1.05);
            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,);
        }
    }

    .\[\&_\.leaflet-tile-pane\]\:grayscale-\[0\.85\] {
        & .leaflet-tile-pane {
            --tw-grayscale: grayscale(0.85);
            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,);
        }
    }

    .\[\&_\.leaflet-top\]\:top-24\! {
        & .leaflet-top {
            top: calc(var(--spacing) * 24) !important;
        }
    }

    .lg\:\[\&_\.leaflet-top\]\:top-28\! {
        @media (width >= 64rem) {
            & .leaflet-top {
                top: calc(var(--spacing) * 28) !important;
            }
        }
    }

    .\[\&_\.marquee-text\\_\\_sep\:\:before\]\:bg-white\/60 {
        & .marquee-text__sep:before {
            background-color: #fff9;

            @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
            }
        }
    }

    .\[\&_\.pricing-table-check\]\:bg-\[var\(--color-primary-50\)\] {
        & .pricing-table-check {
            background-color: var(--color-primary-50);
        }
    }

    .\[\&_\.pricing-table-check\]\:text-primary-ink {
        & .pricing-table-check {
            color: var(--color-primary-ink);
        }
    }

    .\[\&_\.pricing-table-dash\]\:bg-\[var\(--color-bg-muted\)\] {
        & .pricing-table-dash {
            background-color: var(--color-bg-muted);
        }
    }

    .\[\&_\.pricing-table-dash\]\:text-\[var\(--color-text-muted\)\] {
        & .pricing-table-dash {
            color: var(--color-text-muted);
        }
    }

    .\[\&_\.pricing-table-featured_\.pricing-table-check\]\:bg-surface {
        & .pricing-table-featured .pricing-table-check {
            background-color: var(--color-surface);
        }
    }

    .\[\&_\.pricing-table-featured_\.pricing-table-check\]\:bg-white {
        & .pricing-table-featured .pricing-table-check {
            background-color: var(--color-white);
        }
    }

    .\[\&_\.social-share-label\]\:mr-2 {
        & .social-share-label {
            margin-right: calc(var(--spacing) * 2);
        }
    }

    .\[\&_\.social-share-label\]\:text-xs {
        & .social-share-label {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
        }
    }

    .\[\&_\.social-share-label\]\:tracking-\[0\.12em\] {
        & .social-share-label {
            --tw-tracking: 0.12em;
            letter-spacing: 0.12em;
        }
    }

    .\[\&_\.social-share-label\]\:uppercase {
        & .social-share-label {
            text-transform: uppercase;
        }
    }

    .max-sm\:\[\&_\.tab-btn\]\:px-2 {
        @media (width < 40rem) {
            & .tab-btn {
                padding-inline: calc(var(--spacing) * 2);
            }
        }
    }

    .max-sm\:\[\&_\.tab-btn\]\:text-base {
        @media (width < 40rem) {
            & .tab-btn {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height));
            }
        }
    }

    .\[\&_\.team-row\:first-child\]\:border-t-0 {
        & .team-row:first-child {
            border-top-style: var(--tw-border-style);
            border-top-width: 0;
        }
    }

    .\[\&_\.team-row\:last-child\]\:border-b-0 {
        & .team-row:last-child {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }
    }

    .\[\&_a\]\:text-base {
        & a {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .\[\&_a\]\:font-medium {
        & a {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .\[\&_dd\]\:text-lg {
        & dd {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .\[\&_dd\]\:font-semibold {
        & dd {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .\[\&_dd\]\:tracking-tight {
        & dd {
            --tw-tracking: var(--tracking-tight);
            letter-spacing: var(--tracking-tight);
        }
    }

    .\[\&_dd\]\:text-white\/75 {
        & dd {
            color: #ffffffbf;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 75%, transparent);
            }
        }
    }

    .\[\&_dd\]\:tabular-nums {
        & dd {
            --tw-numeric-spacing: tabular-nums;
            font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
                var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
        }
    }

    .\[\&_em\]\:block {
        & em {
            display: block;
        }
    }

    .\[\&_i\]\:\!text-\[var\(--color-primary-300\)\] {
        & i {
            color: var(--color-primary-300) !important;
        }
    }

    .\[\&_i\]\:text-\(--custom-lit\) {
        & i {
            color: var(--custom-lit);
        }
    }

    .\[\&_i\]\:text-white {
        & i {
            color: var(--color-white);
        }
    }

    .\[\&_i\]\:text-white\/45 {
        & i {
            color: #ffffff73;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 45%, transparent);
            }
        }
    }

    .\[\&_li\]\:\!text-white\/90 {
        & li {
            color: #ffffffe6 !important;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 90%, transparent) !important;
            }
        }
    }

    .\[\&_p\]\:text-white\/75 {
        & p {
            color: #ffffffbf;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 75%, transparent);
            }
        }
    }

    .\[\&_strong\]\:font-semibold {
        & strong {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .\[\&_strong\]\:text-text {
        & strong {
            color: var(--color-text);
        }
    }

    .\[\&_svg\]\:h-8 {
        & svg {
            height: calc(var(--spacing) * 8);
        }
    }

    .\[\&_svg\]\:w-auto {
        & svg {
            width: auto;
        }
    }

    .\[\&_svg\]\:opacity-40 {
        & svg {
            opacity: 0.4;
        }
    }

    .\[\&_td\]\:text-base {
        & td {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .\[\&_td\]\:whitespace-nowrap {
        & td {
            white-space: nowrap;
        }
    }

    .max-sm\:\[\&_td\]\:block {
        @media (width < 40rem) {
            & td {
                display: block;
            }
        }
    }

    .max-sm\:\[\&_td\:first-child\]\:pb-0 {
        @media (width < 40rem) {
            & td:first-child {
                padding-bottom: calc(var(--spacing) * 0);
            }
        }
    }

    .\[\&_th\[scope\=row\]\]\:text-base {
        & th[scope='row'] {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .\[\&_th\[scope\=row\]\]\:font-medium {
        & th[scope='row'] {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .max-lg\:\[\&_tr\>\*\:first-child\]\:sticky {
        @media (width < 64rem) {
            & tr > :first-child {
                position: sticky;
            }
        }
    }

    .max-lg\:\[\&_tr\>\*\:first-child\]\:left-0 {
        @media (width < 64rem) {
            & tr > :first-child {
                left: calc(var(--spacing) * 0);
            }
        }
    }

    .max-lg\:\[\&_tr\>\*\:first-child\]\:z-\[1\] {
        @media (width < 64rem) {
            & tr > :first-child {
                z-index: 1;
            }
        }
    }

    .max-lg\:\[\&_tr\>\*\:first-child\]\:min-w-\[10rem\] {
        @media (width < 64rem) {
            & tr > :first-child {
                min-width: 10rem;
            }
        }
    }

    .max-lg\:\[\&_tr\>\*\:first-child\]\:bg-surface {
        @media (width < 64rem) {
            & tr > :first-child {
                background-color: var(--color-surface);
            }
        }
    }

    .max-lg\:\[\&_tr\>\*\:first-child\]\:bg-white {
        @media (width < 64rem) {
            & tr > :first-child {
                background-color: var(--color-white);
            }
        }
    }

    .\[\&\.is-active\]\:bg-\(--custom-ink\) {
        &.is-active {
            background-color: var(--custom-ink);
        }
    }

    .\[\&\.is-active\]\:text-white {
        &.is-active {
            color: var(--color-white);
        }
    }

    .\[\&\.is-clipped\>\*\:nth-child\(n\+10\)\]\:hidden {
        &.is-clipped > :nth-child(n + 10) {
            display: none;
        }
    }

    .\[\&\.is-stuck\]\:shadow-token-lg {
        &.is-stuck {
            box-shadow: var(--shadow-lg);
        }
    }

    .\[\&\.is-stuck\]\:shadow-token-md {
        &.is-stuck {
            box-shadow: var(--shadow-md);
        }
    }

    .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
        &::-webkit-inner-spin-button {
            appearance: none;
        }
    }

    .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
        &::-webkit-outer-spin-button {
            appearance: none;
        }
    }

    .\[\&\:\:-webkit-scrollbar\]\:hidden {
        &::-webkit-scrollbar {
            display: none;
        }
    }

    .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none {
        &::-webkit-search-cancel-button {
            appearance: none;
        }
    }

    .max-lg\:\[\&\:nth-child\(-n\+2\)\]\:border-b {
        @media (width < 64rem) {
            &:nth-child(-n + 2) {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 1px;
            }
        }
    }

    .lg\:\[\&\:nth-child\(6\)\]\:border-t {
        @media (width >= 64rem) {
            &:nth-child(6) {
                border-top-style: var(--tw-border-style);
                border-top-width: 1px;
            }
        }
    }

    .\[\&\>\*\]\:col-start-1 {
        & > * {
            grid-column-start: 1;
        }
    }

    .\[\&\>\*\]\:row-start-1 {
        & > * {
            grid-row-start: 1;
        }
    }

    .\[\&\>\*\]\:mb-5 {
        & > * {
            margin-bottom: calc(var(--spacing) * 5);
        }
    }

    .\[\&\>\*\]\:min-w-0 {
        & > * {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>\*\]\:break-inside-avoid {
        & > * {
            break-inside: avoid;
        }
    }

    .\[\&\>\*\]\:pt-10 {
        & > * {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .\[\&\>\*\]\:pb-3 {
        & > * {
            padding-bottom: calc(var(--spacing) * 3);
        }
    }

    .\[\&\>\.logo-item\]\:shrink-0 {
        & > .logo-item {
            flex-shrink: 0;
        }
    }

    .\[\&\>\.page-nav-link\]\:flex-none {
        & > .page-nav-link {
            flex: none;
        }
    }

    .\[\&\>\.ph\]\:transition-transform {
        & > .ph {
            transition-property: transform, translate, scale, rotate;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .group-hover\:\[\&\>\.ph\]\:translate-x-1 {
        &:is(:where(.group):hover *) {
            @media (hover: hover) {
                & > .ph {
                    --tw-translate-x: calc(var(--spacing) * 1);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .max-sm\:\[\&\>\.tab-btn\]\:px-1 {
        @media (width < 40rem) {
            & > .tab-btn {
                padding-inline: calc(var(--spacing) * 1);
            }
        }
    }

    .max-sm\:\[\&\>\.tab-btn\]\:px-3\.5 {
        @media (width < 40rem) {
            & > .tab-btn {
                padding-inline: calc(var(--spacing) * 3.5);
            }
        }
    }

    .max-sm\:\[\&\>\.tab-btn\]\:text-\[0\.9375rem\] {
        @media (width < 40rem) {
            & > .tab-btn {
                font-size: 0.9375rem;
            }
        }
    }

    .\[\&\>\.tab-btn\:not\(\.is-active\)\]\:text-\[var\(--color-dark\)\] {
        & > .tab-btn:not(.is-active) {
            color: var(--color-dark);
        }
    }

    .\[\&\>div\]\:grid-cols-\[5\.5rem_minmax\(0\,1fr\)\] {
        & > div {
            grid-template-columns: 5.5rem minmax(0, 1fr);
        }
    }

    .\[\&\>div\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
        & > div {
            grid-template-columns: minmax(0, 1fr) auto;
        }
    }

    .\[\&\>div\]\:grid-cols-\[minmax\(0\,6rem\)_minmax\(0\,1fr\)\] {
        & > div {
            grid-template-columns: minmax(0, 6rem) minmax(0, 1fr);
        }
    }

    .\[\&\>div\]\:grid-cols-\[minmax\(0\,9\.5rem\)_minmax\(0\,1fr\)\] {
        & > div {
            grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr);
        }
    }

    .\[\&\>div\]\:grid-cols-\[minmax\(0\,10rem\)_minmax\(0\,1fr\)\] {
        & > div {
            grid-template-columns: minmax(0, 10rem) minmax(0, 1fr);
        }
    }

    .\[\&\>div\]\:border-white\/12 {
        & > div {
            border-color: #ffffff1f;

            @supports (color: color-mix(in lab, red, red)) {
                border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
            }
        }
    }

    .\[\&\>div\+div\]\:border-l {
        & > div + div {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .max-md\:\[\&\>div\:first-child\]\:border-t-0 {
        @media (width < 48rem) {
            & > div:first-child {
                border-top-style: var(--tw-border-style);
                border-top-width: 0;
            }
        }
    }

    .\[\&\>div\:last-child\]\:border-b-0 {
        & > div:last-child {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0;
        }
    }

    .\[\&\>div\:last-child\]\:pb-0 {
        & > div:last-child {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .\[\&\>h2\]\:font-semibold {
        & > h2 {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .\[\&\>h2\]\:tracking-\[-0\.035em\] {
        & > h2 {
            --tw-tracking: -0.035em;
            letter-spacing: -0.035em;
        }
    }

    .\[\&\>img\]\:-ml-4 {
        & > img {
            margin-left: calc(var(--spacing) * -4);
        }
    }

    .\[\&\>img\]\:aspect-\[4\/3\] {
        & > img {
            aspect-ratio: 4 / 3;
        }
    }

    .\[\&\>img\]\:size-9 {
        & > img {
            width: calc(var(--spacing) * 9);
            height: calc(var(--spacing) * 9);
        }
    }

    .\[\&\>img\]\:size-10 {
        & > img {
            width: calc(var(--spacing) * 10);
            height: calc(var(--spacing) * 10);
        }
    }

    .\[\&\>img\]\:size-14 {
        & > img {
            width: calc(var(--spacing) * 14);
            height: calc(var(--spacing) * 14);
        }
    }

    .\[\&\>img\]\:border-\(--color-primary\) {
        & > img {
            border-color: var(--color-primary);
        }
    }

    .\[\&\>img\]\:border-\[\#0d1533\] {
        & > img {
            border-color: #0d1533;
        }
    }

    .\[\&\>img\]\:border-\[\#1f1f1f\] {
        & > img {
            border-color: #1f1f1f;
        }
    }

    .\[\&\>img\]\:border-\[\#232323\] {
        & > img {
            border-color: #232323;
        }
    }

    .\[\&\>img\]\:border-\[var\(--color-dark\)\] {
        & > img {
            border-color: var(--color-dark);
        }
    }

    .\[\&\>img\]\:border-\[var\(--color-primary\)\] {
        & > img {
            border-color: var(--color-primary);
        }
    }

    .md\:\[\&\>img\]\:aspect-\[21\/9\] {
        @media (width >= 48rem) {
            & > img {
                aspect-ratio: 21 / 9;
            }
        }
    }

    .lg\:\[\&\>img\]\:order-2 {
        @media (width >= 64rem) {
            & > img {
                order: 2;
            }
        }
    }

    .\[\&\>li\]\:text-soft {
        & > li {
            color: var(--color-text-soft);
        }
    }

    .\[\&\>li\]\:text-white {
        & > li {
            color: var(--color-white);
        }
    }

    .\[\&\>li\]\:text-white\/72 {
        & > li {
            color: #ffffffb8;

            @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-white) 72%, transparent);
            }
        }
    }

    .lg\:\[\&\>li\:nth-child\(n\+2\)\]\:-mt-44 {
        @media (width >= 64rem) {
            & > li:nth-child(n + 2) {
                margin-top: calc(var(--spacing) * -44);
            }
        }
    }

    .\[\&\>span\]\:mx-1\.5 {
        & > span {
            margin-inline: calc(var(--spacing) * 1.5);
        }
    }

    .\[\&\>span\]\:text-\(--custom-key-ink\) {
        & > span {
            color: var(--custom-key-ink);
        }
    }

    .sm\:max-lg\:\[\&\>span\]\:aspect-\[2\/1\] {
        @media (width >= 40rem) {
            @media (width < 64rem) {
                & > span {
                    aspect-ratio: 2;
                }
            }
        }
    }

    .\[\&\>th\]\:z-\[2\] {
        & > th {
            z-index: 2;
        }
    }

    .\[\&\>th\]\:lg\:sticky {
        & > th {
            @media (width >= 64rem) {
                position: sticky;
            }
        }
    }

    .\[\&\>th\]\:lg\:top-\[var\(--header-h\)\] {
        & > th {
            @media (width >= 64rem) {
                top: var(--header-h);
            }
        }
    }

    .\[\&\>th\:not\(\.pricing-table-featured\)\]\:lg\:shadow-\[0_1px_0_0_var\(--color-border\)\] {
        & > th:not(.pricing-table-featured) {
            @media (width >= 64rem) {
                --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, var(--color-border));
                box-shadow:
                    var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
                    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .\[\&\[aria-disabled\=false\]\.is-active\]\:bg-primary {
        &[aria-disabled='false'].is-active {
            background-color: var(--color-primary);
        }
    }

    .\[\&\[aria-disabled\=false\]\.is-active\]\:text-on-primary {
        &[aria-disabled='false'].is-active {
            color: var(--color-on-primary);
        }
    }

    .lg\:\[\&\[aria-disabled\=false\]\.is-active\]\:bg-primary-50 {
        @media (width >= 64rem) {
            &[aria-disabled='false'].is-active {
                background-color: var(--color-primary-50);
            }
        }
    }

    .lg\:\[\&\[aria-disabled\=false\]\.is-active\]\:text-primary-ink {
        @media (width >= 64rem) {
            &[aria-disabled='false'].is-active {
                color: var(--color-primary-ink);
            }
        }
    }

    .\[\.visible_\&\]\:scale-y-100 {
        .visible & {
            --tw-scale-y: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .\[\.visible_\&\]\:opacity-100 {
        .visible & {
            opacity: 1;
        }
    }

    .\[\.visible_\&\]\:\[stroke-dashoffset\:0\] {
        .visible & {
            stroke-dashoffset: 0;
        }
    }

    .\[\@media\(hover\:none\)\]\:flex {
        @media (hover: none) {
            display: flex;
        }
    }

    .\[\@media\(hover\:none\)\]\:hidden {
        @media (hover: none) {
            display: none;
        }
    }

    [class*='testimonial-filled'] .text-soft {
        color: oklch(
            from var(--on-surface, #fff) l c h /
                calc(0.6 + 0.1 * clamp(0, (0.6 - l) * 1000000000, 1))
        );
    }

    .gallery-item.is-hidden {
        display: none;
    }

    @media (width <= 639px) {
        .gallery-filters.justify-center {
            justify-content: safe center;
        }
    }

    .color-primary {
        color: var(--color-primary-ink);
    }

    .color-secondary {
        color: var(--color-secondary-ink);
    }

    .color-tertiary {
        color: var(--color-tertiary-ink);
    }

    .color-quaternary {
        color: var(--color-quaternary-ink);
    }

    .color-accent {
        color: var(--color-accent-ink);
    }

    .color-dark {
        color: var(--color-dark);
    }

    .color-light {
        color: var(--color-light);
    }

    .color-soft {
        color: var(--color-text-soft);
    }

    .color-muted {
        color: var(--color-text-muted);
    }

    .color-white {
        color: var(--color-white);
    }

    .color-success {
        color: var(--color-success);
    }

    .color-warning {
        color: var(--color-warning);
    }

    .color-danger {
        color: var(--color-danger);
    }

    .color-info {
        color: var(--color-info);
    }

    .color-primary-50 {
        color: var(--color-primary-50);
    }

    .color-primary-100 {
        color: var(--color-primary-100);
    }

    .color-primary-200 {
        color: var(--color-primary-200);
    }

    .color-primary-300 {
        color: var(--color-primary-300);
    }

    .color-primary-400 {
        color: var(--color-primary-400);
    }

    .color-primary-500 {
        color: var(--color-primary-500);
    }

    .color-primary-600 {
        color: var(--color-primary-600);
    }

    .color-primary-700 {
        color: var(--color-primary-700);
    }

    .color-primary-800 {
        color: var(--color-primary-800);
    }

    .color-primary-900 {
        color: var(--color-primary-900);
    }

    .color-primary-950 {
        color: var(--color-primary-950);
    }

    .color-secondary-50 {
        color: var(--color-secondary-50);
    }

    .color-secondary-100 {
        color: var(--color-secondary-100);
    }

    .color-secondary-200 {
        color: var(--color-secondary-200);
    }

    .color-secondary-300 {
        color: var(--color-secondary-300);
    }

    .color-secondary-400 {
        color: var(--color-secondary-400);
    }

    .color-secondary-500 {
        color: var(--color-secondary-500);
    }

    .color-secondary-600 {
        color: var(--color-secondary-600);
    }

    .color-secondary-700 {
        color: var(--color-secondary-700);
    }

    .color-secondary-800 {
        color: var(--color-secondary-800);
    }

    .color-secondary-900 {
        color: var(--color-secondary-900);
    }

    .color-secondary-950 {
        color: var(--color-secondary-950);
    }

    .color-tertiary-50 {
        color: var(--color-tertiary-50);
    }

    .color-tertiary-100 {
        color: var(--color-tertiary-100);
    }

    .color-tertiary-200 {
        color: var(--color-tertiary-200);
    }

    .color-tertiary-300 {
        color: var(--color-tertiary-300);
    }

    .color-tertiary-400 {
        color: var(--color-tertiary-400);
    }

    .color-tertiary-500 {
        color: var(--color-tertiary-500);
    }

    .color-tertiary-600 {
        color: var(--color-tertiary-600);
    }

    .color-tertiary-700 {
        color: var(--color-tertiary-700);
    }

    .color-tertiary-800 {
        color: var(--color-tertiary-800);
    }

    .color-tertiary-900 {
        color: var(--color-tertiary-900);
    }

    .color-tertiary-950 {
        color: var(--color-tertiary-950);
    }

    .color-quaternary-50 {
        color: var(--color-quaternary-50);
    }

    .color-quaternary-100 {
        color: var(--color-quaternary-100);
    }

    .color-quaternary-200 {
        color: var(--color-quaternary-200);
    }

    .color-quaternary-300 {
        color: var(--color-quaternary-300);
    }

    .color-quaternary-400 {
        color: var(--color-quaternary-400);
    }

    .color-quaternary-500 {
        color: var(--color-quaternary-500);
    }

    .color-quaternary-600 {
        color: var(--color-quaternary-600);
    }

    .color-quaternary-700 {
        color: var(--color-quaternary-700);
    }

    .color-quaternary-800 {
        color: var(--color-quaternary-800);
    }

    .color-quaternary-900 {
        color: var(--color-quaternary-900);
    }

    .color-quaternary-950 {
        color: var(--color-quaternary-950);
    }

    .color-accent-50 {
        color: var(--color-accent-50);
    }

    .color-accent-100 {
        color: var(--color-accent-100);
    }

    .color-accent-200 {
        color: var(--color-accent-200);
    }

    .color-accent-300 {
        color: var(--color-accent-300);
    }

    .color-accent-400 {
        color: var(--color-accent-400);
    }

    .color-accent-500 {
        color: var(--color-accent-500);
    }

    .color-accent-600 {
        color: var(--color-accent-600);
    }

    .color-accent-700 {
        color: var(--color-accent-700);
    }

    .color-accent-800 {
        color: var(--color-accent-800);
    }

    .color-accent-900 {
        color: var(--color-accent-900);
    }

    .color-accent-950 {
        color: var(--color-accent-950);
    }

    .bg-primary {
        background-color: var(--color-primary);
    }

    .bg-secondary {
        background-color: var(--color-secondary);
    }

    .bg-tertiary {
        background-color: var(--color-tertiary);
    }

    .bg-quaternary {
        background-color: var(--color-quaternary);
    }

    .bg-accent {
        background-color: var(--color-accent);
    }

    .bg-dark {
        background-color: var(--color-dark);
    }

    .bg-white {
        background-color: #fff;
    }

    .bg-soft {
        background-color: var(--color-bg-soft);
    }

    .bg-muted {
        background-color: var(--color-bg-muted);
    }

    .bg-success {
        background-color: var(--color-success);
    }

    .bg-warning {
        background-color: var(--color-warning);
    }

    .bg-danger {
        background-color: var(--color-danger);
    }

    .bg-info {
        background-color: var(--color-info);
    }

    .bg-primary-soft {
        background-color: var(--color-primary-50);
    }

    .bg-secondary-soft {
        background-color: var(--color-secondary-50);
    }

    .bg-tertiary-soft {
        background-color: var(--color-tertiary-50);
    }

    .bg-quaternary-soft {
        background-color: var(--color-quaternary-50);
    }

    .bg-accent-soft {
        background-color: var(--color-accent-50);
    }

    .bg-dark-soft {
        background-color: var(--color-dark-bg);
    }

    .bg-success-soft {
        background-color: var(--color-success-bg);
    }

    .bg-warning-soft {
        background-color: var(--color-warning-bg);
    }

    .bg-danger-soft {
        background-color: var(--color-danger-bg);
    }

    .bg-info-soft {
        background-color: var(--color-info-bg);
    }

    .bg-primary-50 {
        background-color: var(--color-primary-50);
    }

    .bg-primary-100 {
        background-color: var(--color-primary-100);
    }

    .bg-primary-200 {
        background-color: var(--color-primary-200);
    }

    .bg-primary-300 {
        background-color: var(--color-primary-300);
    }

    .bg-primary-400 {
        background-color: var(--color-primary-400);
    }

    .bg-primary-500 {
        background-color: var(--color-primary-500);
    }

    .bg-primary-600 {
        background-color: var(--color-primary-600);
    }

    .bg-primary-700 {
        background-color: var(--color-primary-700);
    }

    .bg-primary-800 {
        background-color: var(--color-primary-800);
    }

    .bg-primary-900 {
        background-color: var(--color-primary-900);
    }

    .bg-primary-950 {
        background-color: var(--color-primary-950);
    }

    .bg-secondary-50 {
        background-color: var(--color-secondary-50);
    }

    .bg-secondary-100 {
        background-color: var(--color-secondary-100);
    }

    .bg-secondary-200 {
        background-color: var(--color-secondary-200);
    }

    .bg-secondary-300 {
        background-color: var(--color-secondary-300);
    }

    .bg-secondary-400 {
        background-color: var(--color-secondary-400);
    }

    .bg-secondary-500 {
        background-color: var(--color-secondary-500);
    }

    .bg-secondary-600 {
        background-color: var(--color-secondary-600);
    }

    .bg-secondary-700 {
        background-color: var(--color-secondary-700);
    }

    .bg-secondary-800 {
        background-color: var(--color-secondary-800);
    }

    .bg-secondary-900 {
        background-color: var(--color-secondary-900);
    }

    .bg-secondary-950 {
        background-color: var(--color-secondary-950);
    }

    .bg-tertiary-50 {
        background-color: var(--color-tertiary-50);
    }

    .bg-tertiary-100 {
        background-color: var(--color-tertiary-100);
    }

    .bg-tertiary-200 {
        background-color: var(--color-tertiary-200);
    }

    .bg-tertiary-300 {
        background-color: var(--color-tertiary-300);
    }

    .bg-tertiary-400 {
        background-color: var(--color-tertiary-400);
    }

    .bg-tertiary-500 {
        background-color: var(--color-tertiary-500);
    }

    .bg-tertiary-600 {
        background-color: var(--color-tertiary-600);
    }

    .bg-tertiary-700 {
        background-color: var(--color-tertiary-700);
    }

    .bg-tertiary-800 {
        background-color: var(--color-tertiary-800);
    }

    .bg-tertiary-900 {
        background-color: var(--color-tertiary-900);
    }

    .bg-tertiary-950 {
        background-color: var(--color-tertiary-950);
    }

    .bg-quaternary-50 {
        background-color: var(--color-quaternary-50);
    }

    .bg-quaternary-100 {
        background-color: var(--color-quaternary-100);
    }

    .bg-quaternary-200 {
        background-color: var(--color-quaternary-200);
    }

    .bg-quaternary-300 {
        background-color: var(--color-quaternary-300);
    }

    .bg-quaternary-400 {
        background-color: var(--color-quaternary-400);
    }

    .bg-quaternary-500 {
        background-color: var(--color-quaternary-500);
    }

    .bg-quaternary-600 {
        background-color: var(--color-quaternary-600);
    }

    .bg-quaternary-700 {
        background-color: var(--color-quaternary-700);
    }

    .bg-quaternary-800 {
        background-color: var(--color-quaternary-800);
    }

    .bg-quaternary-900 {
        background-color: var(--color-quaternary-900);
    }

    .bg-quaternary-950 {
        background-color: var(--color-quaternary-950);
    }

    .bg-accent-50 {
        background-color: var(--color-accent-50);
    }

    .bg-accent-100 {
        background-color: var(--color-accent-100);
    }

    .bg-accent-200 {
        background-color: var(--color-accent-200);
    }

    .bg-accent-300 {
        background-color: var(--color-accent-300);
    }

    .bg-accent-400 {
        background-color: var(--color-accent-400);
    }

    .bg-accent-500 {
        background-color: var(--color-accent-500);
    }

    .bg-accent-600 {
        background-color: var(--color-accent-600);
    }

    .bg-accent-700 {
        background-color: var(--color-accent-700);
    }

    .bg-accent-800 {
        background-color: var(--color-accent-800);
    }

    .bg-accent-900 {
        background-color: var(--color-accent-900);
    }

    .bg-accent-950 {
        background-color: var(--color-accent-950);
    }

    .b-color-primary {
        border-color: var(--color-primary);
    }

    .b-color-secondary {
        border-color: var(--color-secondary);
    }

    .b-color-tertiary {
        border-color: var(--color-tertiary);
    }

    .b-color-quaternary {
        border-color: var(--color-quaternary);
    }

    .b-color-accent {
        border-color: var(--color-accent);
    }

    .b-color-dark {
        border-color: var(--color-dark);
    }

    .b-color-white {
        border-color: var(--color-white);
    }

    .b-color-default {
        border-color: var(--color-border);
    }

    .b-color-soft {
        border-color: var(--color-border-soft);
    }

    .b-color-success {
        border-color: var(--color-success);
    }

    .b-color-warning {
        border-color: var(--color-warning);
    }

    .b-color-danger {
        border-color: var(--color-danger);
    }

    .b-color-info {
        border-color: var(--color-info);
    }

    .b-color-primary-50 {
        border-color: var(--color-primary-50);
    }

    .b-color-primary-100 {
        border-color: var(--color-primary-100);
    }

    .b-color-primary-200 {
        border-color: var(--color-primary-200);
    }

    .b-color-primary-300 {
        border-color: var(--color-primary-300);
    }

    .b-color-primary-400 {
        border-color: var(--color-primary-400);
    }

    .b-color-primary-500 {
        border-color: var(--color-primary-500);
    }

    .b-color-primary-600 {
        border-color: var(--color-primary-600);
    }

    .b-color-primary-700 {
        border-color: var(--color-primary-700);
    }

    .b-color-primary-800 {
        border-color: var(--color-primary-800);
    }

    .b-color-primary-900 {
        border-color: var(--color-primary-900);
    }

    .b-color-primary-950 {
        border-color: var(--color-primary-950);
    }

    .b-color-secondary-50 {
        border-color: var(--color-secondary-50);
    }

    .b-color-secondary-100 {
        border-color: var(--color-secondary-100);
    }

    .b-color-secondary-200 {
        border-color: var(--color-secondary-200);
    }

    .b-color-secondary-300 {
        border-color: var(--color-secondary-300);
    }

    .b-color-secondary-400 {
        border-color: var(--color-secondary-400);
    }

    .b-color-secondary-500 {
        border-color: var(--color-secondary-500);
    }

    .b-color-secondary-600 {
        border-color: var(--color-secondary-600);
    }

    .b-color-secondary-700 {
        border-color: var(--color-secondary-700);
    }

    .b-color-secondary-800 {
        border-color: var(--color-secondary-800);
    }

    .b-color-secondary-900 {
        border-color: var(--color-secondary-900);
    }

    .b-color-secondary-950 {
        border-color: var(--color-secondary-950);
    }

    .b-color-tertiary-50 {
        border-color: var(--color-tertiary-50);
    }

    .b-color-tertiary-100 {
        border-color: var(--color-tertiary-100);
    }

    .b-color-tertiary-200 {
        border-color: var(--color-tertiary-200);
    }

    .b-color-tertiary-300 {
        border-color: var(--color-tertiary-300);
    }

    .b-color-tertiary-400 {
        border-color: var(--color-tertiary-400);
    }

    .b-color-tertiary-500 {
        border-color: var(--color-tertiary-500);
    }

    .b-color-tertiary-600 {
        border-color: var(--color-tertiary-600);
    }

    .b-color-tertiary-700 {
        border-color: var(--color-tertiary-700);
    }

    .b-color-tertiary-800 {
        border-color: var(--color-tertiary-800);
    }

    .b-color-tertiary-900 {
        border-color: var(--color-tertiary-900);
    }

    .b-color-tertiary-950 {
        border-color: var(--color-tertiary-950);
    }

    .b-color-quaternary-50 {
        border-color: var(--color-quaternary-50);
    }

    .b-color-quaternary-100 {
        border-color: var(--color-quaternary-100);
    }

    .b-color-quaternary-200 {
        border-color: var(--color-quaternary-200);
    }

    .b-color-quaternary-300 {
        border-color: var(--color-quaternary-300);
    }

    .b-color-quaternary-400 {
        border-color: var(--color-quaternary-400);
    }

    .b-color-quaternary-500 {
        border-color: var(--color-quaternary-500);
    }

    .b-color-quaternary-600 {
        border-color: var(--color-quaternary-600);
    }

    .b-color-quaternary-700 {
        border-color: var(--color-quaternary-700);
    }

    .b-color-quaternary-800 {
        border-color: var(--color-quaternary-800);
    }

    .b-color-quaternary-900 {
        border-color: var(--color-quaternary-900);
    }

    .b-color-quaternary-950 {
        border-color: var(--color-quaternary-950);
    }

    .b-color-accent-50 {
        border-color: var(--color-accent-50);
    }

    .b-color-accent-100 {
        border-color: var(--color-accent-100);
    }

    .b-color-accent-200 {
        border-color: var(--color-accent-200);
    }

    .b-color-accent-300 {
        border-color: var(--color-accent-300);
    }

    .b-color-accent-400 {
        border-color: var(--color-accent-400);
    }

    .b-color-accent-500 {
        border-color: var(--color-accent-500);
    }

    .b-color-accent-600 {
        border-color: var(--color-accent-600);
    }

    .b-color-accent-700 {
        border-color: var(--color-accent-700);
    }

    .b-color-accent-800 {
        border-color: var(--color-accent-800);
    }

    .b-color-accent-900 {
        border-color: var(--color-accent-900);
    }

    .b-color-accent-950 {
        border-color: var(--color-accent-950);
    }

    .fill-primary {
        fill: var(--color-primary);
    }

    .fill-secondary {
        fill: var(--color-secondary);
    }

    .fill-tertiary {
        fill: var(--color-tertiary);
    }

    .fill-quaternary {
        fill: var(--color-quaternary);
    }

    .fill-accent {
        fill: var(--color-accent);
    }

    .fill-dark {
        fill: var(--color-dark);
    }

    .fill-white {
        fill: #fff;
    }

    .fill-success {
        fill: var(--color-success);
    }

    .fill-warning {
        fill: var(--color-warning);
    }

    .fill-danger {
        fill: var(--color-danger);
    }

    .fill-info {
        fill: var(--color-info);
    }

    .stroke-primary {
        stroke: var(--color-primary);
    }

    .stroke-secondary {
        stroke: var(--color-secondary);
    }

    .stroke-tertiary {
        stroke: var(--color-tertiary);
    }

    .stroke-quaternary {
        stroke: var(--color-quaternary);
    }

    .stroke-accent {
        stroke: var(--color-accent);
    }

    .stroke-dark {
        stroke: var(--color-dark);
    }

    .stroke-white {
        stroke: #fff;
    }

    .stroke-success {
        stroke: var(--color-success);
    }

    .stroke-warning {
        stroke: var(--color-warning);
    }

    .stroke-danger {
        stroke: var(--color-danger);
    }

    .stroke-info {
        stroke: var(--color-info);
    }

    .bg-primary,
    .bg-primary-500,
    .bg-primary-600,
    .bg-gradient-primary,
    .section-primary {
        --color-white: var(--color-on-primary);
        --on-surface: var(--color-on-primary);
    }

    .bg-secondary,
    .bg-secondary-500,
    .bg-secondary-600,
    .bg-gradient-secondary,
    .section-secondary {
        --color-white: var(--color-on-secondary);
        --on-surface: var(--color-on-secondary);
    }

    .bg-tertiary,
    .bg-tertiary-500,
    .bg-tertiary-600,
    .bg-gradient-tertiary,
    .section-tertiary {
        --color-white: var(--color-on-tertiary);
        --on-surface: var(--color-on-tertiary);
    }

    .bg-quaternary,
    .bg-quaternary-500,
    .bg-quaternary-600,
    .bg-gradient-quaternary,
    .section-quaternary {
        --color-white: var(--color-on-quaternary);
        --on-surface: var(--color-on-quaternary);
    }

    .bg-accent,
    .bg-accent-500,
    .bg-accent-600,
    .bg-gradient-accent,
    .section-accent {
        --color-white: var(--color-on-accent);
        --on-surface: var(--color-on-accent);
    }

    :where(
        .bg-primary,
        .bg-primary-500,
        .bg-primary-600,
        .bg-gradient-primary,
        .section-primary,
        .bg-secondary,
        .bg-secondary-500,
        .bg-secondary-600,
        .bg-gradient-secondary,
        .section-secondary,
        .bg-tertiary,
        .bg-tertiary-500,
        .bg-tertiary-600,
        .bg-gradient-tertiary,
        .section-tertiary,
        .bg-quaternary,
        .bg-quaternary-500,
        .bg-quaternary-600,
        .bg-gradient-quaternary,
        .section-quaternary,
        .bg-accent,
        .bg-accent-500,
        .bg-accent-600,
        .bg-gradient-accent,
        .section-accent
    ) {
        &.color-light,
        & .color-light {
            color: var(--color-white);
        }
    }

    :root {
        --color-primary-shade: var(--color-primary);
        --color-primary-400-shade: var(--color-primary-400);
        --color-primary-500-shade: var(--color-primary-500);
        --color-primary-ink-400: var(--color-primary-400);
        --color-secondary-shade: var(--color-secondary);
        --color-secondary-400-shade: var(--color-secondary-400);
        --color-secondary-500-shade: var(--color-secondary-500);
        --color-secondary-ink-400: var(--color-secondary-400);
        --color-tertiary-shade: var(--color-tertiary);
        --color-tertiary-400-shade: var(--color-tertiary-400);
        --color-tertiary-500-shade: var(--color-tertiary-500);
        --color-tertiary-ink-400: var(--color-tertiary-400);
        --color-quaternary-shade: var(--color-quaternary);
        --color-quaternary-400-shade: var(--color-quaternary-400);
        --color-quaternary-500-shade: var(--color-quaternary-500);
        --color-quaternary-ink-400: var(--color-quaternary-400);
        --color-accent-shade: var(--color-accent);
        --color-accent-400-shade: var(--color-accent-400);
        --color-accent-500-shade: var(--color-accent-500);
        --color-accent-ink-400: var(--color-accent-400);
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        :root {
            --gradient-primary-light: linear-gradient(
                oklch(
                    from var(--color-on-primary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                ),
                oklch(
                    from var(--color-on-primary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                )
            );
            --color-primary-shade: color(
                from var(--color-primary) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-primary-400-shade: color(
                from var(--color-primary-400) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-primary-500-shade: color(
                from var(--color-primary-500) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-primary-ink-400: color(
                from
                    oklch(
                        from var(--color-primary-ink) calc(l + (max(l, 0.97) - l) * 0.2808)
                            calc(c * 0.82) h
                    )
                    xyz calc(x * min(1, 0.295 / y)) calc(y * min(1, 0.295 / y))
                    calc(z * min(1, 0.295 / y))
            );
            --gradient-secondary-light: linear-gradient(
                oklch(
                    from var(--color-on-secondary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                ),
                oklch(
                    from var(--color-on-secondary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                )
            );
            --color-secondary-shade: color(
                from var(--color-secondary) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-secondary-400-shade: color(
                from var(--color-secondary-400) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-secondary-500-shade: color(
                from var(--color-secondary-500) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-secondary-ink-400: color(
                from
                    oklch(
                        from var(--color-secondary-ink) calc(l + (max(l, 0.97) - l) * 0.4472)
                            calc(c * 0.82) h
                    )
                    xyz calc(x * min(1, 0.295 / y)) calc(y * min(1, 0.295 / y))
                    calc(z * min(1, 0.295 / y))
            );
            --gradient-tertiary-light: linear-gradient(
                oklch(
                    from var(--color-on-tertiary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                ),
                oklch(
                    from var(--color-on-tertiary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                )
            );
            --color-tertiary-shade: color(
                from var(--color-tertiary) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-tertiary-400-shade: color(
                from var(--color-tertiary-400) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-tertiary-500-shade: color(
                from var(--color-tertiary-500) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-tertiary-ink-400: color(
                from
                    oklch(
                        from var(--color-tertiary-ink) calc(l + (max(l, 0.97) - l) * 0.1852)
                            calc(c * 0.82) h
                    )
                    xyz calc(x * min(1, 0.295 / y)) calc(y * min(1, 0.295 / y))
                    calc(z * min(1, 0.295 / y))
            );
            --gradient-quaternary-light: linear-gradient(
                oklch(
                    from var(--color-on-quaternary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                ),
                oklch(
                    from var(--color-on-quaternary) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                )
            );
            --color-quaternary-shade: color(
                from var(--color-quaternary) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-quaternary-400-shade: color(
                from var(--color-quaternary-400) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-quaternary-500-shade: color(
                from var(--color-quaternary-500) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-quaternary-ink-400: color(
                from
                    oklch(
                        from var(--color-quaternary-ink) calc(l + (max(l, 0.97) - l) * 0.2541)
                            calc(c * 0.82) h
                    )
                    xyz calc(x * min(1, 0.295 / y)) calc(y * min(1, 0.295 / y))
                    calc(z * min(1, 0.295 / y))
            );
            --gradient-accent-light: linear-gradient(
                oklch(
                    from var(--color-on-accent) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                ),
                oklch(
                    from var(--color-on-accent) 1 0 0 /
                        calc(clamp(0, (0.6 - l) * 1000000000, 1) * 0.6)
                )
            );
            --color-accent-shade: color(
                from var(--color-accent) xyz calc(x * min(1, 0.295 / y)) calc(y * min(1, 0.295 / y))
                    calc(z * min(1, 0.295 / y))
            );
            --color-accent-400-shade: color(
                from var(--color-accent-400) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-accent-500-shade: color(
                from var(--color-accent-500) xyz calc(x * min(1, 0.295 / y))
                    calc(y * min(1, 0.295 / y)) calc(z * min(1, 0.295 / y))
            );
            --color-accent-ink-400: color(
                from oklch(from var(--color-accent-ink) l calc(c * 0.82) h) xyz
                    calc(x * min(1, 0.295 / y)) calc(y * min(1, 0.295 / y))
                    calc(z * min(1, 0.295 / y))
            );
        }
    }

    .text-tint {
        color: var(--tint, var(--color-primary-200));
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .text-tint {
            color: oklab(
                from #fff
                    calc(
                        clamp(0, (l - 0.8) * 1000000000, 1) * (2 * l - 1) +
                            (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 0.3
                    )
                    calc(
                        a *
                            (
                                clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                    (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                            )
                    )
                    calc(
                        b *
                            (
                                clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                    (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                            )
                    )
            );

            @supports (color: color-mix(in lab, red, red)) {
                color: oklab(
                    from
                        color-mix(
                            in oklab,
                            var(--color-white),
                            var(--tint, var(--color-primary-200))
                        )
                        calc(
                            clamp(0, (l - 0.8) * 1000000000, 1) * (2 * l - 1) +
                                (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 0.3
                        )
                        calc(
                            a *
                                (
                                    clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                        (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                )
                        )
                        calc(
                            b *
                                (
                                    clamp(0, (l - 0.8) * 1000000000, 1) * 2 +
                                        (1 - clamp(0, (l - 0.8) * 1000000000, 1)) * 3
                                )
                        )
                );
            }
        }
    }

    .border-1-5 {
        border-width: 1.5px;
    }

    .border-t-1-5 {
        border-top-width: 1.5px;
    }

    .border-r-1-5 {
        border-right-width: 1.5px;
    }

    .border-b-1-5 {
        border-bottom-width: 1.5px;
    }

    .border-l-1-5 {
        border-left-width: 1.5px;
    }

    .border-x-1-5 {
        border-left-width: 1.5px;
        border-right-width: 1.5px;
    }

    .border-y-1-5 {
        border-top-width: 1.5px;
        border-bottom-width: 1.5px;
    }

    .border-3 {
        border-width: 3px;
    }

    .border-t-3 {
        border-top-width: 3px;
    }

    .border-r-3 {
        border-right-width: 3px;
    }

    .border-b-3 {
        border-bottom-width: 3px;
    }

    .border-l-3 {
        border-left-width: 3px;
    }

    .border-x-3 {
        border-left-width: 3px;
        border-right-width: 3px;
    }

    .border-y-3 {
        border-top-width: 3px;
        border-bottom-width: 3px;
    }

    .border-6 {
        border-width: 6px;
    }

    .border-t-6 {
        border-top-width: 6px;
    }

    .border-r-6 {
        border-right-width: 6px;
    }

    .border-b-6 {
        border-bottom-width: 6px;
    }

    .border-l-6 {
        border-left-width: 6px;
    }

    .border-x-6 {
        border-left-width: 6px;
        border-right-width: 6px;
    }

    .border-y-6 {
        border-top-width: 6px;
        border-bottom-width: 6px;
    }

    .rounded-btn {
        border-radius: var(--radius-btn);
    }

    .rounded-card {
        border-radius: var(--radius-card);
    }

    .rounded-input {
        border-radius: var(--radius-input);
    }

    .rounded-badge {
        border-radius: var(--radius-badge);
    }

    .rounded-tag {
        border-radius: var(--radius-tag);
    }

    .rounded-t-card {
        border-top-left-radius: var(--radius-card);
        border-top-right-radius: var(--radius-card);
    }

    .rounded-b-card {
        border-bottom-left-radius: var(--radius-card);
        border-bottom-right-radius: var(--radius-card);
    }

    .rounded-t-btn {
        border-top-left-radius: var(--radius-btn);
        border-top-right-radius: var(--radius-btn);
    }

    .rounded-b-btn {
        border-bottom-left-radius: var(--radius-btn);
        border-bottom-right-radius: var(--radius-btn);
    }

    .b-color-primary-soft {
        border-color: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
        }
    }

    .b-color-secondary-soft {
        border-color: var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-secondary) 30%, transparent);
        }
    }

    .b-color-tertiary-soft {
        border-color: var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-tertiary) 30%, transparent);
        }
    }

    .b-color-quaternary-soft {
        border-color: var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-quaternary) 30%, transparent);
        }
    }

    .b-color-accent-soft {
        border-color: var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-accent) 30%, transparent);
        }
    }

    .b-color-dark-soft {
        border-color: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-dark) 20%, transparent);
        }
    }

    .b-color-success-soft {
        border-color: var(--color-success);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-success) 30%, transparent);
        }
    }

    .b-color-warning-soft {
        border-color: var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-warning) 30%, transparent);
        }
    }

    .b-color-danger-soft {
        border-color: var(--color-danger);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-danger) 30%, transparent);
        }
    }

    .b-color-info-soft {
        border-color: var(--color-info);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in srgb, var(--color-info) 30%, transparent);
        }
    }

    .border-t-dashed {
        border-top-style: dashed;
    }

    .border-r-dashed {
        border-right-style: dashed;
    }

    .border-b-dashed {
        border-bottom-style: dashed;
    }

    .border-l-dashed {
        border-left-style: dashed;
    }

    .border-t-dotted {
        border-top-style: dotted;
    }

    .border-r-dotted {
        border-right-style: dotted;
    }

    .border-b-dotted {
        border-bottom-style: dotted;
    }

    .border-l-dotted {
        border-left-style: dotted;
    }

    .border-gradient-primary {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(135deg, var(--color-primary-300), var(--color-primary-700)) border-box;
        border-color: #0000;
    }

    .border-gradient-secondary {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(135deg, var(--color-secondary-300), var(--color-secondary-700))
                border-box;
        border-color: #0000;
    }

    .border-gradient-tertiary {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(135deg, var(--color-tertiary-300), var(--color-tertiary-700)) border-box;
        border-color: #0000;
    }

    .border-gradient-accent {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(135deg, var(--color-accent-300), var(--color-accent-700)) border-box;
        border-color: #0000;
    }

    .border-gradient-primary-secondary {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(135deg, var(--color-primary), var(--color-secondary)) border-box;
        border-color: #0000;
    }

    .border-gradient-primary-tertiary {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(135deg, var(--color-primary), var(--color-tertiary)) border-box;
        border-color: #0000;
    }

    .border-gradient-rainbow {
        background:
            linear-gradient(var(--color-bg), var(--color-bg)) padding-box,
            linear-gradient(
                    135deg,
                    var(--color-primary),
                    var(--color-tertiary),
                    var(--color-accent)
                )
                border-box;
        border-color: #0000;
    }

    .border-inset {
        box-shadow: inset 0 0 0 1px var(--color-border);
    }

    .border-inset-soft {
        box-shadow: inset 0 0 0 1px var(--color-border-soft);
    }

    .border-inset-primary {
        box-shadow: inset 0 0 0 1px var(--color-primary);
    }

    .border-inset-secondary {
        box-shadow: inset 0 0 0 1px var(--color-secondary);
    }

    .border-inset-tertiary {
        box-shadow: inset 0 0 0 1px var(--color-tertiary);
    }

    .border-inset-accent {
        box-shadow: inset 0 0 0 1px var(--color-accent);
    }

    .border-inset-dark {
        box-shadow: inset 0 0 0 1px var(--color-dark);
    }

    .border-inset-success {
        box-shadow: inset 0 0 0 1px var(--color-success);
    }

    .border-inset-warning {
        box-shadow: inset 0 0 0 1px var(--color-warning);
    }

    .border-inset-danger {
        box-shadow: inset 0 0 0 1px var(--color-danger);
    }

    .border-inset-info {
        box-shadow: inset 0 0 0 1px var(--color-info);
    }

    .border-inset-2 {
        box-shadow: inset 0 0 0 2px var(--color-border);
    }

    .border-inset-2-primary {
        box-shadow: inset 0 0 0 2px var(--color-primary);
    }

    .border-inset-2-secondary {
        box-shadow: inset 0 0 0 2px var(--color-secondary);
    }

    .border-inset-2-accent {
        box-shadow: inset 0 0 0 2px var(--color-accent);
    }

    .hover-b-color-primary {
        transition: border-color var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-primary);
        }
    }

    .hover-b-color-secondary {
        transition: border-color var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-secondary);
        }
    }

    .hover-b-color-tertiary {
        transition: border-color var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-tertiary);
        }
    }

    .hover-b-color-quaternary {
        transition: border-color var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-quaternary);
        }
    }

    .hover-b-color-accent {
        transition: border-color var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-accent);
        }
    }

    .hover-b-color-dark {
        transition: border-color var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-dark);
        }
    }

    .hover-b-color-default {
        transition: border-color var(--duration-fast) var(--ease-out);

        &:hover {
            border-color: var(--color-border);
        }
    }

    .border-glow-primary {
        box-shadow:
            0 0 0 1px var(--color-primary),
            0 0 16px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-primary),
                0 0 16px color-mix(in srgb, var(--color-primary) 40%, transparent);
        }
    }

    .border-glow-secondary {
        box-shadow:
            0 0 0 1px var(--color-secondary),
            0 0 16px var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-secondary),
                0 0 16px color-mix(in srgb, var(--color-secondary) 40%, transparent);
        }
    }

    .border-glow-tertiary {
        box-shadow:
            0 0 0 1px var(--color-tertiary),
            0 0 16px var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-tertiary),
                0 0 16px color-mix(in srgb, var(--color-tertiary) 40%, transparent);
        }
    }

    .border-glow-quaternary {
        box-shadow:
            0 0 0 1px var(--color-quaternary),
            0 0 16px var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-quaternary),
                0 0 16px color-mix(in srgb, var(--color-quaternary) 40%, transparent);
        }
    }

    .border-glow-accent {
        box-shadow:
            0 0 0 1px var(--color-accent),
            0 0 16px var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-accent),
                0 0 16px color-mix(in srgb, var(--color-accent) 40%, transparent);
        }
    }

    .border-glow-success {
        box-shadow:
            0 0 0 1px var(--color-success),
            0 0 16px var(--color-success);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-success),
                0 0 16px color-mix(in srgb, var(--color-success) 40%, transparent);
        }
    }

    .border-glow-warning {
        box-shadow:
            0 0 0 1px var(--color-warning),
            0 0 16px var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-warning),
                0 0 16px color-mix(in srgb, var(--color-warning) 40%, transparent);
        }
    }

    .border-glow-danger {
        box-shadow:
            0 0 0 1px var(--color-danger),
            0 0 16px var(--color-danger);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-danger),
                0 0 16px color-mix(in srgb, var(--color-danger) 40%, transparent);
        }
    }

    .border-glow-info {
        box-shadow:
            0 0 0 1px var(--color-info),
            0 0 16px var(--color-info);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow:
                0 0 0 1px var(--color-info),
                0 0 16px color-mix(in srgb, var(--color-info) 40%, transparent);
        }
    }

    .shadow-token-xs {
        box-shadow: var(--shadow-xs);
    }

    .shadow-token-sm {
        box-shadow: var(--shadow-sm);
    }

    .shadow-token-md {
        box-shadow: var(--shadow-md);
    }

    .shadow-token-lg {
        box-shadow: var(--shadow-lg);
    }

    .shadow-token-xl {
        box-shadow: var(--shadow-xl);
    }

    .shadow-token-2xl {
        box-shadow: var(--shadow-2xl);
    }

    .shadow-none {
        box-shadow: none;
    }

    .shadow-primary {
        box-shadow: 0 8px 32px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-primary) 28%, transparent);
        }
    }

    .shadow-secondary {
        box-shadow: 0 8px 32px var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-secondary) 28%, transparent);
        }
    }

    .shadow-tertiary {
        box-shadow: 0 8px 32px var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-tertiary) 28%, transparent);
        }
    }

    .shadow-quaternary {
        box-shadow: 0 8px 32px var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-quaternary) 28%, transparent);
        }
    }

    .shadow-accent {
        box-shadow: 0 8px 32px var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-accent) 28%, transparent);
        }
    }

    .shadow-dark {
        box-shadow: 0 8px 32px var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-dark) 28%, transparent);
        }
    }

    .shadow-success {
        box-shadow: 0 8px 32px var(--color-success);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-success) 28%, transparent);
        }
    }

    .shadow-danger {
        box-shadow: 0 8px 32px var(--color-danger);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-danger) 28%, transparent);
        }
    }

    .shadow-warning {
        box-shadow: 0 8px 32px var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-warning) 28%, transparent);
        }
    }

    .shadow-info {
        box-shadow: 0 8px 32px var(--color-info);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 8px 32px color-mix(in srgb, var(--color-info) 28%, transparent);
        }
    }

    .hover-shadow-xs {
        transition: box-shadow var(--duration-base) var(--ease-out);

        &:hover {
            box-shadow: var(--shadow-xs);
        }
    }

    .hover-shadow-sm {
        transition: box-shadow var(--duration-base) var(--ease-out);

        &:hover {
            box-shadow: var(--shadow-sm);
        }
    }

    .hover-shadow-md {
        transition: box-shadow var(--duration-base) var(--ease-out);

        &:hover {
            box-shadow: var(--shadow-md);
        }
    }

    .hover-shadow-lg {
        transition: box-shadow var(--duration-base) var(--ease-out);

        &:hover {
            box-shadow: var(--shadow-lg);
        }
    }

    .hover-shadow-xl {
        transition: box-shadow var(--duration-base) var(--ease-out);

        &:hover {
            box-shadow: var(--shadow-xl);
        }
    }

    .hover-shadow-2xl {
        transition: box-shadow var(--duration-base) var(--ease-out);

        &:hover {
            box-shadow: var(--shadow-2xl);
        }
    }

    .ring-primary {
        box-shadow: 0 0 0 3px var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent);
        }
    }

    .ring-secondary {
        box-shadow: 0 0 0 3px var(--color-secondary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-secondary) 30%, transparent);
        }
    }

    .ring-tertiary {
        box-shadow: 0 0 0 3px var(--color-tertiary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-tertiary) 30%, transparent);
        }
    }

    .ring-quaternary {
        box-shadow: 0 0 0 3px var(--color-quaternary);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-quaternary) 30%, transparent);
        }
    }

    .ring-accent {
        box-shadow: 0 0 0 3px var(--color-accent);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent);
        }
    }

    .ring-dark {
        box-shadow: 0 0 0 3px var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-dark) 25%, transparent);
        }
    }

    .ring-success {
        box-shadow: 0 0 0 3px var(--color-success);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-success) 30%, transparent);
        }
    }

    .ring-danger {
        box-shadow: 0 0 0 3px var(--color-danger);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-danger) 30%, transparent);
        }
    }

    .ring-warning {
        box-shadow: 0 0 0 3px var(--color-warning);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-warning) 30%, transparent);
        }
    }

    .ring-info {
        box-shadow: 0 0 0 3px var(--color-info);

        @supports (color: color-mix(in lab, red, red)) {
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-info) 30%, transparent);
        }
    }

    .font-sans {
        font-family: var(--font-sans);
    }

    .font-heading {
        font-family: var(--font-heading);
    }

    .font-serif {
        font-family: var(--font-serif);
    }

    .font-tertiary {
        font-family: var(--font-tertiary);
    }

    .font-mono {
        font-family: var(--font-mono);
    }

    .leading-tight {
        line-height: var(--leading-tight);
    }

    .leading-snug {
        line-height: var(--leading-snug);
    }

    .leading-normal {
        line-height: var(--leading-normal);
    }

    .leading-relaxed {
        line-height: var(--leading-relaxed);
    }

    .tracking-tight {
        letter-spacing: var(--tracking-tight);
    }

    .tracking-normal {
        letter-spacing: var(--tracking-normal);
    }

    .tracking-wide {
        letter-spacing: var(--tracking-wide);
    }

    .line-clamp-1,
    .line-clamp-2,
    .line-clamp-3,
    .line-clamp-4,
    .line-clamp-5 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
    }

    .line-clamp-3 {
        -webkit-line-clamp: 3;
    }

    .line-clamp-4 {
        -webkit-line-clamp: 4;
    }

    .line-clamp-5 {
        -webkit-line-clamp: 5;
    }

    .text-gradient-primary {
        background: linear-gradient(135deg, var(--color-primary-400), var(--color-primary-800));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-secondary {
        background: linear-gradient(135deg, var(--color-secondary-400), var(--color-secondary-800));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-tertiary {
        background: linear-gradient(135deg, var(--color-tertiary-400), var(--color-tertiary-800));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-quaternary {
        background: linear-gradient(
            135deg,
            var(--color-quaternary-400),
            var(--color-quaternary-800)
        );
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-accent {
        background: linear-gradient(135deg, var(--color-accent-400), var(--color-accent-800));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .text-gradient-primary {
            background-image: linear-gradient(
                135deg,
                var(--color-primary-ink-400),
                var(--color-primary-800)
            );
        }

        .text-gradient-secondary {
            background-image: linear-gradient(
                135deg,
                var(--color-secondary-ink-400),
                var(--color-secondary-800)
            );
        }

        .text-gradient-tertiary {
            background-image: linear-gradient(
                135deg,
                var(--color-tertiary-ink-400),
                var(--color-tertiary-800)
            );
        }

        .text-gradient-quaternary {
            background-image: linear-gradient(
                135deg,
                var(--color-quaternary-ink-400),
                var(--color-quaternary-800)
            );
        }

        .text-gradient-accent {
            background-image: linear-gradient(
                135deg,
                var(--color-accent-ink-400),
                var(--color-accent-800)
            );
        }
    }

    .text-gradient-primary-accent {
        background: linear-gradient(135deg, var(--color-primary-ink), var(--color-accent-ink));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-primary-secondary {
        background: linear-gradient(135deg, var(--color-primary-ink), var(--color-secondary-ink));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-secondary-tertiary {
        background: linear-gradient(135deg, var(--color-secondary-ink), var(--color-tertiary-ink));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-tertiary-accent {
        background: linear-gradient(135deg, var(--color-tertiary-ink), var(--color-accent-ink));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-gradient-dark {
        background: linear-gradient(135deg, var(--color-quaternary-500), var(--color-dark));
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .text-vertical {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        white-space: nowrap;
    }

    .text-vertical-up {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        white-space: nowrap;
        transform: rotate(180deg);
    }

    .text-vertical-upright {
        writing-mode: vertical-rl;
        text-orientation: upright;
        letter-spacing: 0.05em;
        white-space: nowrap;
    }

    .bg-gradient-primary {
        background:
            var(--gradient-primary-light, none),
            linear-gradient(135deg, var(--color-primary-400-shade), var(--color-primary-700));
    }

    .bg-gradient-secondary {
        background:
            var(--gradient-secondary-light, none),
            linear-gradient(135deg, var(--color-secondary-400-shade), var(--color-secondary-700));
    }

    .bg-gradient-tertiary {
        background:
            var(--gradient-tertiary-light, none),
            linear-gradient(135deg, var(--color-tertiary-400-shade), var(--color-tertiary-700));
    }

    .bg-gradient-quaternary {
        background:
            var(--gradient-quaternary-light, none),
            linear-gradient(135deg, var(--color-quaternary-400-shade), var(--color-quaternary-700));
    }

    .bg-gradient-accent {
        background:
            var(--gradient-accent-light, none),
            linear-gradient(135deg, var(--color-accent-400-shade), var(--color-accent-700));
    }

    .bg-gradient-dark {
        background: linear-gradient(135deg, var(--color-quaternary-600), var(--color-dark));
    }

    @supports (color: oklch(from red calc(l + 0.1) c h)) {
        .bg-gradient-dark {
            background: linear-gradient(
                135deg,
                oklch(from var(--color-quaternary-600) min(l, 0.554385) c h),
                var(--color-dark)
            );
        }
    }

    .bg-gradient-primary-accent {
        background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
    }

    .bg-gradient-primary-secondary {
        background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    }

    .bg-gradient-secondary-tertiary {
        background: linear-gradient(135deg, var(--color-secondary), var(--color-tertiary));
    }

    .bg-gradient-tertiary-accent {
        background: linear-gradient(135deg, var(--color-tertiary), var(--color-accent));
    }

    .bg-gradient-primary-tertiary {
        background: linear-gradient(135deg, var(--color-primary), var(--color-tertiary));
    }

    .bg-gradient-primary-fade {
        background: linear-gradient(135deg, var(--color-primary), transparent);
    }

    .bg-gradient-secondary-fade {
        background: linear-gradient(135deg, var(--color-secondary), transparent);
    }

    .bg-gradient-tertiary-fade {
        background: linear-gradient(135deg, var(--color-tertiary), transparent);
    }

    .bg-gradient-accent-fade {
        background: linear-gradient(135deg, var(--color-accent), transparent);
    }

    .bg-gradient-dark-fade {
        background: linear-gradient(135deg, var(--color-dark), transparent);
    }

    .transition-fast {
        transition: all var(--duration-fast) var(--ease-out);
    }

    .transition-base {
        transition: all var(--duration-base) var(--ease-out);
    }

    .transition-slow {
        transition: all var(--duration-slow) var(--ease-out);
    }

    .transition-colors-fast {
        transition:
            color var(--duration-fast) var(--ease-out),
            background var(--duration-fast) var(--ease-out),
            border-color var(--duration-fast) var(--ease-out),
            fill var(--duration-fast) var(--ease-out),
            stroke var(--duration-fast) var(--ease-out);
    }

    .transition-colors-base {
        transition:
            color var(--duration-base) var(--ease-out),
            background var(--duration-base) var(--ease-out),
            border-color var(--duration-base) var(--ease-out),
            fill var(--duration-base) var(--ease-out),
            stroke var(--duration-base) var(--ease-out);
    }

    .transition-transform-fast {
        transition: transform var(--duration-fast) var(--ease-out);
    }

    .transition-transform-base {
        transition: transform var(--duration-base) var(--ease-out);
    }

    .transition-transform-spring {
        transition: transform var(--duration-base) var(--ease-spring);
    }

    .transition-opacity-fast {
        transition: opacity var(--duration-fast) var(--ease-out);
    }

    .transition-opacity-base {
        transition: opacity var(--duration-base) var(--ease-out);
    }

    .ease-out {
        transition-timing-function: var(--ease-out);
    }

    .ease-spring {
        transition-timing-function: var(--ease-spring);
    }

    .glass {
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        background: #ffffffa6;
        border: 1px solid #ffffff59;
    }

    .glass-subtle {
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        background: #ffffff73;
        border: 1px solid #fff3;
    }

    .glass-dark {
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        background: #0f172a8c;
        border: 1px solid #ffffff14;
    }

    .glass-primary {
        background: var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-primary) 12%, #fff9);
        }

        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        border: 1px solid var(--color-primary);

        @supports (color: color-mix(in lab, red, red)) {
            border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
        }
    }

    .glow {
        z-index: -1;
        width: var(--glow-size, 30rem);
        aspect-ratio: 1;
        background: var(--glow-color, var(--color-primary));
        opacity: var(--glow-opacity, 0.3);
        filter: blur(var(--glow-blur, 140px));
        pointer-events: none;
        border-radius: 50%;
        position: absolute;
    }

    .glow-soft {
        --glow-color: var(--color-primary-200);
        --glow-opacity: 0.45;
    }

    .glow-field {
        z-index: -1;
        pointer-events: none;
        position: absolute;
        inset: 0;
        mask-image: linear-gradient(#0000, #000 22% 78%, #0000);
    }

    .glow-light {
        --glow-color: #fff;
        --glow-opacity: 0.2;
        --glow-blur: 110px;
    }

    .wave-field {
        --wave-1: var(--color-primary-400);
        --wave-2: var(--color-primary-200);
        --wave-3: var(--color-tertiary-300);
        --wave-opacity: 0.75;
        --wave-blur: 48px;
        z-index: -1;
        pointer-events: none;
        position: absolute;
        inset: 0;
        overflow: hidden;
        mask-image: linear-gradient(#0000 20%, #000 55% 78%, #0000);
    }

    .wave-field--floor {
        mask-image: linear-gradient(#0000, #000 45%);
    }

    .wave-field > canvas {
        width: 116%;
        height: 116%;
        opacity: var(--wave-opacity);
        filter: blur(var(--wave-blur));
        position: absolute;
        inset: -8%;
    }

    .wave-field:after {
        content: '';
        opacity: 0.35;
        mix-blend-mode: soft-light;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
        position: absolute;
        inset: 0;
    }

    .overlay {
        --_overlay-opacity: 0.5;
        isolation: isolate;
        position: relative;
    }

    .overlay:before {
        content: '';
        z-index: -1;
        pointer-events: none;
        background: rgb(0 0 0 / var(--_overlay-opacity));
        position: absolute;
        inset: 0;
    }

    .overlay-1 {
        --_overlay-opacity: 0.1;
    }

    .overlay-2 {
        --_overlay-opacity: 0.2;
    }

    .overlay-3 {
        --_overlay-opacity: 0.3;
    }

    .overlay-4 {
        --_overlay-opacity: 0.4;
    }

    .overlay-5 {
        --_overlay-opacity: 0.5;
    }

    .overlay-6 {
        --_overlay-opacity: 0.6;
    }

    .overlay-7 {
        --_overlay-opacity: 0.7;
    }

    .overlay-8 {
        --_overlay-opacity: 0.8;
    }

    .overlay-9 {
        --_overlay-opacity: 0.9;
    }

    .overlay-light {
        --_overlay-opacity: 0.3;
    }

    .overlay-light:before {
        background: rgb(255 255 255 / var(--_overlay-opacity));
    }

    .overlay-light-1 {
        --_overlay-opacity: 0.1;
    }

    .overlay-light-2 {
        --_overlay-opacity: 0.2;
    }

    .overlay-light-3 {
        --_overlay-opacity: 0.3;
    }

    .overlay-light-4 {
        --_overlay-opacity: 0.4;
    }

    .overlay-light-5 {
        --_overlay-opacity: 0.5;
    }

    .overlay-light-6 {
        --_overlay-opacity: 0.6;
    }

    .overlay-light-7 {
        --_overlay-opacity: 0.7;
    }

    .overlay-light-8 {
        --_overlay-opacity: 0.8;
    }

    .overlay-light-9 {
        --_overlay-opacity: 0.9;
    }

    .overlay-primary:before {
        background: var(--color-primary-900);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in srgb,
                var(--color-primary-900) calc(var(--_overlay-opacity) * 100%),
                transparent
            );
        }
    }

    .overlay-secondary:before {
        background: var(--color-secondary-900);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in srgb,
                var(--color-secondary-900) calc(var(--_overlay-opacity) * 100%),
                transparent
            );
        }
    }

    .overlay-tertiary:before {
        background: var(--color-tertiary-900);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in srgb,
                var(--color-tertiary-900) calc(var(--_overlay-opacity) * 100%),
                transparent
            );
        }
    }

    .overlay-quaternary:before {
        background: var(--color-quaternary-800);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in srgb,
                var(--color-quaternary-800) calc(var(--_overlay-opacity) * 100%),
                transparent
            );
        }
    }

    .overlay-accent:before {
        background: var(--color-accent-900);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in srgb,
                var(--color-accent-900) calc(var(--_overlay-opacity) * 100%),
                transparent
            );
        }
    }

    .overlay-dark:before {
        background: var(--color-dark);

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(
                in srgb,
                var(--color-dark) calc(var(--_overlay-opacity) * 100%),
                transparent
            );
        }
    }

    @media (width < 1024px) {
        .render-lazy {
            content-visibility: auto;
            contain-intrinsic-size: auto var(--render-height, 50rem);
        }
    }

    @media print {
        .render-lazy {
            content-visibility: visible;
        }
    }

    .page-header p {
        margin-inline: auto;
        margin-top: 1.25rem;
        font-size: 1.0625rem;
        line-height: 1.8;
    }

    .reveal {
        opacity: 0;
        transition:
            opacity 0.65s var(--ease-out),
            transform 0.65s var(--ease-out);
        transform: translateY(20px);

        &.visible {
            opacity: 1;
            transform: none;
        }
    }

    .reveal-left {
        transform: translateX(-28px);

        &.visible {
            transform: none;
        }
    }

    .reveal-right {
        transform: translateX(28px);

        &.visible {
            transform: none;
        }
    }

    .reveal-scale {
        transform: scale(0.94);

        &.visible {
            opacity: 1;
            transform: none;
        }
    }

    .delay-1 {
        transition-delay: 0.1s;
    }

    .delay-2 {
        transition-delay: 0.2s;
    }

    .delay-3 {
        transition-delay: 0.3s;
    }

    .delay-4 {
        transition-delay: 0.4s;
    }

    .delay-5 {
        transition-delay: 0.5s;
    }

    .back-to-top {
        opacity: 0;
        pointer-events: none;
        transition:
            opacity var(--duration-base) var(--ease-out),
            transform var(--duration-base) var(--ease-out);
        transform: translateY(6px);

        &.visible {
            opacity: 1;
            pointer-events: all;
            transform: none;
        }

        &:hover {
            transform: translateY(-3px) !important;
        }
    }
}

:root {
    --color-primary-base: #3452ff;
    --color-secondary-base: #0f4c81;
    --color-tertiary-base: #864ffe;
    --color-quaternary-base: #64748b;
    --color-accent-base: #ff3d5c;
    --color-dark: #232323;
    --color-on-dark: #fff;
    --color-dark-surface: var(--color-dark);
    --color-dark-bg: #f1f5f9;
    --color-light: #fff;
    --color-light-bg: #ffffff26;
    --color-bg: #fff;
    --color-bg-soft: #f8fafc;
    --color-bg-muted: var(--color-bg-soft);

    @supports (color: color-mix(in lab, red, red)) {
        --color-bg-muted: color-mix(in oklab, var(--color-bg-soft) 70%, var(--color-border));
    }

    --color-surface: #fff;
    --color-text: #232323;
    --color-text-soft: #475569;
    --color-text-muted: var(--color-text-soft);

    @supports (color: color-mix(in lab, red, red)) {
        --color-text-muted: color-mix(in oklab, var(--color-text-soft) 55%, var(--color-bg));
    }

    --color-border: #e2e8f0;
    --color-border-soft: var(--color-bg-muted);
    --color-success: #16a34a;
    --color-success-bg: #f0fdf4;
    --color-warning: #d97706;
    --color-warning-bg: #fffbeb;
    --color-danger: #dc2626;
    --color-danger-bg: #fef2f2;
    --color-info: #0284c7;
    --color-info-bg: #f0f9ff;
    --font-sans: 'Inter', system-ui, sans-serif;
    --font-heading: 'Inter', system-ui, sans-serif;
    --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
    --font-tertiary: 'Urbanist', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --font-serif-src: 'https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap';
    --font-tertiary-src: 'https://fonts.googleapis.com/css2?family=Urbanist:wght@500;600;700;800;900&display=swap';
    --text-scale: 1;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: clamp(2.5rem, 4vw + 1rem, 3.75rem);
    --text-hero: clamp(3rem, 6vw + 1rem, 5.5rem);
    --leading-tight: 1.15;
    --leading-snug: 1.35;
    --leading-normal: 1.6;
    --leading-relaxed: 1.7;
    --tracking-tight: -0.03em;
    --tracking-normal: 0;
    --tracking-wide: 0.06em;
    --heading-weight: 700;
    --heading-tracking: var(--tracking-tight);
    --btn-font-weight: 600;
    --btn-letter-spacing: 0.01em;
    --btn-text-transform: none;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --section-y: clamp(5rem, 10vw, 8rem);
    --section-y-scale: 1;
    --container-x: clamp(1.25rem, 5vw, 2.5rem);
    --container-max: 1536px;
    --radius-scale: 1;
    --radius-xs: calc(3px * var(--radius-scale));
    --radius-sm: calc(6px * var(--radius-scale));
    --radius-md: calc(10px * var(--radius-scale));
    --radius-lg: calc(16px * var(--radius-scale));
    --radius-20: calc(20px * var(--radius-scale));
    --radius-xl: calc(24px * var(--radius-scale));
    --radius-3xl: calc(24px * var(--radius-scale));
    --radius-28: calc(28px * var(--radius-scale));
    --radius-2xl: calc(32px * var(--radius-scale));
    --radius-40: calc(40px * var(--radius-scale));
    --radius-pill: calc(9999px * var(--radius-scale));
    --radius-full: 9999px;
    --radius-btn: 6px;
    --radius-card: var(--radius-lg);
    --radius-input: var(--radius-sm);
    --radius-badge: var(--radius-pill);
    --radius-tag: var(--radius-xs);
    --shadow-xs: 0 4px 12px #0000000d;
    --shadow-sm: 0 8px 24px #0000000f;
    --shadow-md: 0 16px 40px #00000012;
    --shadow-lg: 0 24px 56px #00000014;
    --shadow-xl: 0 36px 72px #00000017;
    --shadow-2xl: 0 25px 55px #00000038;
    --shadow-lift: 0 20px 38px #00000026;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-lift: cubic-bezier(0.25, 1, 0.33, 1);
    --duration-fast: 0.25s;
    --duration-hover: 0.5s;
    --duration-base: 0.5s;
    --duration-slow: 0.75s;
    --duration-xslow: 1s;
    --header-h: 88px;
    --topbar-h: 38px;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-overlay: 300;
    --z-modal: 400;
    --z-toast: 500;
}

:root {
    --color-primary-50: oklch(from var(--color-primary-base) 97% calc(c * 0.08) h);
    --color-primary-100: oklch(from var(--color-primary-base) 93% calc(c * 0.18) h);
    --color-primary-200: oklch(from var(--color-primary-base) 86% calc(c * 0.38) h);
    --color-primary-300: oklch(from var(--color-primary-base) 77% calc(c * 0.62) h);
    --color-primary-400: oklch(from var(--color-primary-base) 66% calc(c * 0.82) h);
    --color-primary-500: oklch(from var(--color-primary-base) 55% calc(c * 0.95) h);
    --color-primary-600: oklch(from var(--color-primary-base) l c h);
    --color-primary-700: oklch(from var(--color-primary-base) 35% c h);
    --color-primary-800: oklch(from var(--color-primary-base) 26% calc(c * 0.88) h);
    --color-primary-900: oklch(from var(--color-primary-base) 18% calc(c * 0.74) h);
    --color-primary-950: oklch(from var(--color-primary-base) 12% calc(c * 0.6) h);
    --color-primary: var(--color-primary-600);
    --color-primary-hover: var(--color-primary-700);
    --color-primary-ink: var(--color-primary);
    --color-primary-ink-light: var(--color-primary-ink);
    --color-on-primary: #fff;
    --color-secondary-50: oklch(from var(--color-secondary-base) 97% calc(c * 0.08) h);
    --color-secondary-100: oklch(from var(--color-secondary-base) 93% calc(c * 0.18) h);
    --color-secondary-200: oklch(from var(--color-secondary-base) 86% calc(c * 0.38) h);
    --color-secondary-300: oklch(from var(--color-secondary-base) 77% calc(c * 0.62) h);
    --color-secondary-400: oklch(from var(--color-secondary-base) 66% calc(c * 0.82) h);
    --color-secondary-500: oklch(from var(--color-secondary-base) 55% calc(c * 0.95) h);
    --color-secondary-600: oklch(from var(--color-secondary-base) l c h);
    --color-secondary-700: oklch(from var(--color-secondary-base) 35% c h);
    --color-secondary-800: oklch(from var(--color-secondary-base) 26% calc(c * 0.88) h);
    --color-secondary-900: oklch(from var(--color-secondary-base) 18% calc(c * 0.74) h);
    --color-secondary-950: oklch(from var(--color-secondary-base) 12% calc(c * 0.6) h);
    --color-secondary: var(--color-secondary-600);
    --color-secondary-hover: var(--color-secondary-700);
    --color-secondary-ink: var(--color-secondary);
    --color-secondary-ink-light: var(--color-secondary-ink);
    --color-on-secondary: #fff;
    --color-tertiary-50: oklch(from var(--color-tertiary-base) 97% calc(c * 0.08) h);
    --color-tertiary-100: oklch(from var(--color-tertiary-base) 93% calc(c * 0.18) h);
    --color-tertiary-200: oklch(from var(--color-tertiary-base) 86% calc(c * 0.38) h);
    --color-tertiary-300: oklch(from var(--color-tertiary-base) 77% calc(c * 0.62) h);
    --color-tertiary-400: oklch(from var(--color-tertiary-base) 66% calc(c * 0.82) h);
    --color-tertiary-500: oklch(from var(--color-tertiary-base) 55% calc(c * 0.95) h);
    --color-tertiary-600: oklch(from var(--color-tertiary-base) l c h);
    --color-tertiary-700: oklch(from var(--color-tertiary-base) 35% c h);
    --color-tertiary-800: oklch(from var(--color-tertiary-base) 26% calc(c * 0.88) h);
    --color-tertiary-900: oklch(from var(--color-tertiary-base) 18% calc(c * 0.74) h);
    --color-tertiary-950: oklch(from var(--color-tertiary-base) 12% calc(c * 0.6) h);
    --color-tertiary: var(--color-tertiary-600);
    --color-tertiary-hover: var(--color-tertiary-700);
    --color-tertiary-ink: var(--color-tertiary);
    --color-tertiary-ink-light: var(--color-tertiary-ink);
    --color-on-tertiary: #fff;
    --color-quaternary-50: oklch(from var(--color-quaternary-base) 97% calc(c * 0.08) h);
    --color-quaternary-100: oklch(from var(--color-quaternary-base) 93% calc(c * 0.18) h);
    --color-quaternary-200: oklch(from var(--color-quaternary-base) 86% calc(c * 0.38) h);
    --color-quaternary-300: oklch(from var(--color-quaternary-base) 77% calc(c * 0.62) h);
    --color-quaternary-400: oklch(from var(--color-quaternary-base) 66% calc(c * 0.82) h);
    --color-quaternary-500: oklch(from var(--color-quaternary-base) 55% calc(c * 0.95) h);
    --color-quaternary-600: oklch(from var(--color-quaternary-base) l c h);
    --color-quaternary-700: oklch(from var(--color-quaternary-base) 35% c h);
    --color-quaternary-800: oklch(from var(--color-quaternary-base) 26% calc(c * 0.88) h);
    --color-quaternary-900: oklch(from var(--color-quaternary-base) 18% calc(c * 0.74) h);
    --color-quaternary-950: oklch(from var(--color-quaternary-base) 12% calc(c * 0.6) h);
    --color-quaternary: var(--color-quaternary-600);
    --color-quaternary-hover: var(--color-quaternary-700);
    --color-quaternary-ink: var(--color-quaternary);
    --color-quaternary-ink-light: var(--color-quaternary-ink);
    --color-on-quaternary: #fff;
    --color-accent-50: oklch(from var(--color-accent-base) 97% calc(c * 0.08) h);
    --color-accent-100: oklch(from var(--color-accent-base) 93% calc(c * 0.18) h);
    --color-accent-200: oklch(from var(--color-accent-base) 86% calc(c * 0.38) h);
    --color-accent-300: oklch(from var(--color-accent-base) 77% calc(c * 0.62) h);
    --color-accent-400: oklch(from var(--color-accent-base) 66% calc(c * 0.82) h);
    --color-accent-500: oklch(from var(--color-accent-base) 55% calc(c * 0.95) h);
    --color-accent-600: oklch(from var(--color-accent-base) l c h);
    --color-accent-700: oklch(from var(--color-accent-base) 35% c h);
    --color-accent-800: oklch(from var(--color-accent-base) 26% calc(c * 0.88) h);
    --color-accent-900: oklch(from var(--color-accent-base) 18% calc(c * 0.74) h);
    --color-accent-950: oklch(from var(--color-accent-base) 12% calc(c * 0.6) h);
    --color-accent: var(--color-accent-600);
    --color-accent-hover: var(--color-accent-700);
    --color-accent-ink: var(--color-accent);
    --color-accent-ink-light: var(--color-accent-ink);
    --color-on-accent: #fff;
    --color-link-hover: var(--color-primary-400);
}

@supports (color: oklch(from red calc(l + 0.1) c h)) {
    :root {
        --color-primary-50: oklch(from var(--color-primary-base) max(l, 0.97) calc(c * 0.08) h);
        --color-primary-100: oklch(
            from var(--color-primary-base) calc(l + (max(l, 0.97) - l) * 0.9072) calc(c * 0.18) h
        );
        --color-primary-200: oklch(
            from var(--color-primary-base) calc(l + (max(l, 0.97) - l) * 0.7448) calc(c * 0.38) h
        );
        --color-primary-300: oklch(
            from var(--color-primary-base) calc(l + (max(l, 0.97) - l) * 0.536) calc(c * 0.62) h
        );
        --color-primary-400: oklch(
            from var(--color-primary-base) calc(l + (max(l, 0.97) - l) * 0.2808) calc(c * 0.82) h
        );
        --color-primary-500: oklch(
            from var(--color-primary-base) calc(l + (max(l, 0.97) - l) * 0.0256) calc(c * 0.95) h
        );
        --color-primary-700: oklch(
            from var(--color-primary-base) calc(l - (l - min(l, 0.12)) * 0.4511) c h
        );
        --color-primary-800: oklch(
            from var(--color-primary-base) calc(l - (l - min(l, 0.12)) * 0.6659) calc(c * 0.88) h
        );
        --color-primary-900: oklch(
            from var(--color-primary-base) calc(l - (l - min(l, 0.12)) * 0.8568) calc(c * 0.74) h
        );
        --color-primary-950: oklch(from var(--color-primary-base) min(l, 0.12) calc(c * 0.6) h);
        --color-primary-hover: oklch(
            from var(--color-primary-base)
                calc(
                    clamp(0, (0.6 - l) * 1000000000, 1) *
                        (
                            (1 - clamp(0, (0.35 - l) * 1000000000, 1)) *
                                (l - max(0.04, 0.188983 * min((1 - l) / 0.461017, l / 0.538983))) +
                                clamp(0, (0.35 - l) * 1000000000, 1) * max(l + 0.12, 0.24)
                        ) +
                        (1 - clamp(0, (0.6 - l) * 1000000000, 1)) *
                        (
                            clamp(0, (0.72 - l) * 1000000000, 1) * (l + 0.06) +
                                (1 - clamp(0, (0.72 - l) * 1000000000, 1)) *
                                max(
                                    l - max(0.04, 0.188983 * min((1 - l) / 0.461017, l / 0.538983)),
                                    0.66
                                )
                        )
                )
                c h
        );
        --color-primary-ink: oklch(from var(--color-primary-base) min(l, 0.6) c h);
        --color-on-primary: oklch(
            from var(--color-primary-base) clamp(0.256152, (0.6 - l) * 1000000000, 1) 0 0
        );
        --color-secondary-50: oklch(from var(--color-secondary-base) max(l, 0.97) calc(c * 0.08) h);
        --color-secondary-100: oklch(
            from var(--color-secondary-base) calc(l + (max(l, 0.97) - l) * 0.9287) calc(c * 0.18) h
        );
        --color-secondary-200: oklch(
            from var(--color-secondary-base) calc(l + (max(l, 0.97) - l) * 0.8038) calc(c * 0.38) h
        );
        --color-secondary-300: oklch(
            from var(--color-secondary-base) calc(l + (max(l, 0.97) - l) * 0.6434) calc(c * 0.62) h
        );
        --color-secondary-400: oklch(
            from var(--color-secondary-base) calc(l + (max(l, 0.97) - l) * 0.4472) calc(c * 0.82) h
        );
        --color-secondary-500: oklch(
            from var(--color-secondary-base) calc(l + (max(l, 0.97) - l) * 0.2511) calc(c * 0.95) h
        );
        --color-secondary-700: oklch(
            from var(--color-secondary-base) calc(l - (l - min(l, 0.12)) * 0.2047) c h
        );
        --color-secondary-800: oklch(
            from var(--color-secondary-base) calc(l - (l - min(l, 0.12)) * 0.5159) calc(c * 0.88) h
        );
        --color-secondary-900: oklch(
            from var(--color-secondary-base) calc(l - (l - min(l, 0.12)) * 0.7925) calc(c * 0.74) h
        );
        --color-secondary-950: oklch(from var(--color-secondary-base) min(l, 0.12) calc(c * 0.6) h);
        --color-secondary-hover: oklch(
            from var(--color-secondary-base)
                calc(
                    clamp(0, (0.6 - l) * 1000000000, 1) *
                        (
                            (1 - clamp(0, (0.35 - l) * 1000000000, 1)) *
                                (l - max(0.04, 0.059211 * min((1 - l) / 0.590789, l / 0.409211))) +
                                clamp(0, (0.35 - l) * 1000000000, 1) * max(l + 0.12, 0.24)
                        ) +
                        (1 - clamp(0, (0.6 - l) * 1000000000, 1)) *
                        (
                            clamp(0, (0.72 - l) * 1000000000, 1) * (l + 0.06) +
                                (1 - clamp(0, (0.72 - l) * 1000000000, 1)) *
                                max(
                                    l - max(0.04, 0.059211 * min((1 - l) / 0.590789, l / 0.409211)),
                                    0.66
                                )
                        )
                )
                c h
        );
        --color-secondary-ink: oklch(from var(--color-secondary-base) min(l, 0.6) c h);
        --color-on-secondary: oklch(
            from var(--color-secondary-base) clamp(0.256152, (0.6 - l) * 1000000000, 1) 0 0
        );
        --color-tertiary-50: oklch(from var(--color-tertiary-base) max(l, 0.97) calc(c * 0.08) h);
        --color-tertiary-100: oklch(
            from var(--color-tertiary-base) calc(l + (max(l, 0.97) - l) * 0.8949) calc(c * 0.18) h
        );
        --color-tertiary-200: oklch(
            from var(--color-tertiary-base) calc(l + (max(l, 0.97) - l) * 0.7109) calc(c * 0.38) h
        );
        --color-tertiary-300: oklch(
            from var(--color-tertiary-base) calc(l + (max(l, 0.97) - l) * 0.4743) calc(c * 0.62) h
        );
        --color-tertiary-400: oklch(
            from var(--color-tertiary-base) calc(l + (max(l, 0.97) - l) * 0.1852) calc(c * 0.82) h
        );
        --color-tertiary-500: oklch(
            from var(--color-tertiary-base) calc(l + (max(l, 0.97) - l) * 0) calc(c * 0.95) h
        );
        --color-tertiary-700: oklch(
            from var(--color-tertiary-base) calc(l - (l - min(l, 0.12)) * 0.5101) c h
        );
        --color-tertiary-800: oklch(
            from var(--color-tertiary-base) calc(l - (l - min(l, 0.12)) * 0.7018) calc(c * 0.88) h
        );
        --color-tertiary-900: oklch(
            from var(--color-tertiary-base) calc(l - (l - min(l, 0.12)) * 0.8722) calc(c * 0.74) h
        );
        --color-tertiary-950: oklch(from var(--color-tertiary-base) min(l, 0.12) calc(c * 0.6) h);
        --color-tertiary-hover: oklch(
            from var(--color-tertiary-base)
                calc(
                    clamp(0, (0.6 - l) * 1000000000, 1) *
                        (
                            (1 - clamp(0, (0.35 - l) * 1000000000, 1)) *
                                (l - max(0.04, 0.239521 * min((1 - l) / 0.410479, l / 0.589521))) +
                                clamp(0, (0.35 - l) * 1000000000, 1) * max(l + 0.12, 0.24)
                        ) +
                        (1 - clamp(0, (0.6 - l) * 1000000000, 1)) *
                        (
                            clamp(0, (0.72 - l) * 1000000000, 1) * (l + 0.06) +
                                (1 - clamp(0, (0.72 - l) * 1000000000, 1)) *
                                max(
                                    l - max(0.04, 0.239521 * min((1 - l) / 0.410479, l / 0.589521)),
                                    0.66
                                )
                        )
                )
                c h
        );
        --color-tertiary-ink: oklch(from var(--color-tertiary-base) min(l, 0.6) c h);
        --color-on-tertiary: oklch(
            from var(--color-tertiary-base) clamp(0.256152, (0.6 - l) * 1000000000, 1) 0 0
        );
        --color-quaternary-50: oklch(
            from var(--color-quaternary-base) max(l, 0.97) calc(c * 0.08) h
        );
        --color-quaternary-100: oklch(
            from var(--color-quaternary-base) calc(l + (max(l, 0.97) - l) * 0.9038) calc(c * 0.18) h
        );
        --color-quaternary-200: oklch(
            from var(--color-quaternary-base) calc(l + (max(l, 0.97) - l) * 0.7353) calc(c * 0.38) h
        );
        --color-quaternary-300: oklch(
            from var(--color-quaternary-base) calc(l + (max(l, 0.97) - l) * 0.5188) calc(c * 0.62) h
        );
        --color-quaternary-400: oklch(
            from var(--color-quaternary-base) calc(l + (max(l, 0.97) - l) * 0.2541) calc(c * 0.82) h
        );
        --color-quaternary-500: oklch(
            from var(--color-quaternary-base) calc(l + (max(l, 0.97) - l) * 0) calc(c * 0.95) h
        );
        --color-quaternary-700: oklch(
            from var(--color-quaternary-base) calc(l - (l - min(l, 0.12)) * 0.4705) c h
        );
        --color-quaternary-800: oklch(
            from var(--color-quaternary-base) calc(l - (l - min(l, 0.12)) * 0.6777) calc(c * 0.88) h
        );
        --color-quaternary-900: oklch(
            from var(--color-quaternary-base) calc(l - (l - min(l, 0.12)) * 0.8619) calc(c * 0.74) h
        );
        --color-quaternary-950: oklch(
            from var(--color-quaternary-base) min(l, 0.12) calc(c * 0.6) h
        );
        --color-quaternary-hover: oklch(
            from var(--color-quaternary-base)
                calc(
                    clamp(0, (0.6 - l) * 1000000000, 1) *
                        (
                            (1 - clamp(0, (0.35 - l) * 1000000000, 1)) *
                                (l - max(0.04, 0.204385 * min((1 - l) / 0.445615, l / 0.554385))) +
                                clamp(0, (0.35 - l) * 1000000000, 1) * max(l + 0.12, 0.24)
                        ) +
                        (1 - clamp(0, (0.6 - l) * 1000000000, 1)) *
                        (
                            clamp(0, (0.72 - l) * 1000000000, 1) * (l + 0.06) +
                                (1 - clamp(0, (0.72 - l) * 1000000000, 1)) *
                                max(
                                    l - max(0.04, 0.204385 * min((1 - l) / 0.445615, l / 0.554385)),
                                    0.66
                                )
                        )
                )
                c h
        );
        --color-quaternary-ink: oklch(from var(--color-quaternary-base) min(l, 0.6) c h);
        --color-on-quaternary: oklch(
            from var(--color-quaternary-base) clamp(0.256152, (0.6 - l) * 1000000000, 1) 0 0
        );
        --color-accent-50: oklch(from var(--color-accent-base) max(l, 0.97) calc(c * 0.08) h);
        --color-accent-100: oklch(
            from var(--color-accent-base) calc(l + (max(l, 0.97) - l) * 0.8703) calc(c * 0.18) h
        );
        --color-accent-200: oklch(
            from var(--color-accent-base) calc(l + (max(l, 0.97) - l) * 0.6434) calc(c * 0.38) h
        );
        --color-accent-300: oklch(
            from var(--color-accent-base) calc(l + (max(l, 0.97) - l) * 0.3516) calc(c * 0.62) h
        );
        --color-accent-400: oklch(
            from var(--color-accent-base) calc(l + (max(l, 0.97) - l) * 0) calc(c * 0.82) h
        );
        --color-accent-500: oklch(
            from var(--color-accent-base) calc(l + (max(l, 0.97) - l) * 0) calc(c * 0.95) h
        );
        --color-accent-700: oklch(
            from var(--color-accent-base) calc(l - (l - min(l, 0.12)) * 0.5753) c h
        );
        --color-accent-800: oklch(
            from var(--color-accent-base) calc(l - (l - min(l, 0.12)) * 0.7415) calc(c * 0.88) h
        );
        --color-accent-900: oklch(
            from var(--color-accent-base) calc(l - (l - min(l, 0.12)) * 0.8892) calc(c * 0.74) h
        );
        --color-accent-950: oklch(from var(--color-accent-base) min(l, 0.12) calc(c * 0.6) h);
        --color-accent-hover: oklch(
            from var(--color-accent-base)
                calc(
                    clamp(0, (0.6 - l) * 1000000000, 1) *
                        (
                            (1 - clamp(0, (0.35 - l) * 1000000000, 1)) *
                                (l - max(0.04, 0.311525 * min((1 - l) / 0.338475, l / 0.661525))) +
                                clamp(0, (0.35 - l) * 1000000000, 1) * max(l + 0.12, 0.24)
                        ) +
                        (1 - clamp(0, (0.6 - l) * 1000000000, 1)) *
                        (
                            clamp(0, (0.72 - l) * 1000000000, 1) * (l + 0.06) +
                                (1 - clamp(0, (0.72 - l) * 1000000000, 1)) *
                                max(
                                    l - max(0.04, 0.311525 * min((1 - l) / 0.338475, l / 0.661525)),
                                    0.66
                                )
                        )
                )
                c h
        );
        --color-accent-ink: oklch(from var(--color-accent-base) min(l, 0.6) c h);
        --color-on-accent: oklch(
            from var(--color-accent-base) clamp(0.256152, (0.6 - l) * 1000000000, 1) 0 0
        );
        --color-link-hover: oklch(
            from var(--color-primary-ink) calc(l + (max(l, 0.97) - l) * 0.2808) calc(c * 0.82) h
        );
    }
}

[x-cloak] {
    display: none !important;
}

.btn-chip-trailing {
    gap: 1rem;
    padding: 0.375rem 0.375rem 0.375rem 1.625rem;
}

.btn-chip-leading {
    gap: 1rem;
    padding: 0.375rem 1.625rem 0.375rem 0.375rem;
}

.btn-xs.btn-chip-trailing {
    gap: 0.5rem;
    padding: 0.1875rem 0.1875rem 0.1875rem 0.75rem;
}

.btn-xs.btn-chip-leading {
    gap: 0.5rem;
    padding: 0.1875rem 0.75rem 0.1875rem 0.1875rem;
}

.btn-sm.btn-chip-trailing {
    gap: 0.625rem;
    padding: 0.25rem 0.25rem 0.25rem 1rem;
}

.btn-sm.btn-chip-leading {
    gap: 0.625rem;
    padding: 0.25rem 1rem 0.25rem 0.25rem;
}

.btn-lg.btn-chip-trailing {
    gap: 1.125rem;
    padding: 0.375rem 0.375rem 0.375rem 2rem;
}

.btn-lg.btn-chip-leading {
    gap: 1.125rem;
    padding: 0.375rem 2rem 0.375rem 0.375rem;
}

.btn-xl.btn-chip-trailing {
    gap: 1.25rem;
    padding: 0.4375rem 0.4375rem 0.4375rem 2.5rem;
}

.btn-xl.btn-chip-leading {
    gap: 1.25rem;
    padding: 0.4375rem 2.5rem 0.4375rem 0.4375rem;
}

@keyframes seal-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes badge-pulse-ring {
    0% {
        opacity: 0.7;
        inset: -1px;
    }

    100% {
        opacity: 0;
        inset: -8px;
    }
}

@keyframes badge-dot-pulse {
    0% {
        opacity: 0.8;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2.2);
    }
}

@keyframes status-pulse {
    0% {
        opacity: 0.55;
        scale: 1;
    }

    70%,
    100% {
        opacity: 0;
        scale: 3;
    }
}

@keyframes mini-ui-ping {
    to {
        opacity: 0;
        scale: 2.6;
    }
}

@keyframes mini-ui-pulse {
    50% {
        scale: 1.3;
    }
}

@keyframes mini-ui-shimmer {
    to {
        background-position: -20% 0;
    }
}

@keyframes mini-ui-march {
    to {
        stroke-dashoffset: -0.1px;
    }
}

@keyframes cta-tag-pulse {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 55%, transparent);
    }

    70% {
        box-shadow: 0 0 0 0.45rem color-mix(in srgb, currentColor 0%, transparent);
    }

    100% {
        box-shadow: 0 0 #0000;
    }
}

pre.bg-dark .text-soft {
    color: var(--color-primary-200);
}

pre.bg-dark .color-primary {
    color: var(--color-primary-300);
}

@supports (color: oklch(from red calc(l + 0.1) c h)) {
    pre.bg-dark {
        --color-primary-300: oklch(
            from var(--color-primary-base) max(calc(l + (max(l, 0.97) - l) * 0.536), 0.77)
                calc(c * 0.62) h
        );
    }
}

@property --nx-count {
    syntax: '<integer>';
    inherits: false;
    initial-value: 0;
}

:root {
    --navbar-h: 88px;
    --topbar-h: 44px;
}

:root:has(.header-topbar:not(.scrolled)) {
    --header-h: calc(var(--navbar-h) + var(--topbar-h));
}

:root:has(.header-utility) {
    --navbar-h: 76px;
    --topbar-h: 48px;
    --header-h: 76px;
}

:root:has(.header-contact.scrolled) {
    --header-h: 72px;
    --navbar-h: 72px;
}

:root {
    --float-inset: 1rem;
}

:root:has(.header-floating) {
    --navbar-h: 76px;
    --header-h: calc(var(--navbar-h) + var(--float-inset) * 2);
}

@media (width <= 1023px) {
    :root:has(.header-floating) {
        --float-inset: 0.625rem;
    }
}

:root {
    --capsule-inset: 1rem;
}

:root:has(.header-capsule) {
    --navbar-h: 68px;
    --header-h: calc(var(--navbar-h) + var(--capsule-inset) * 2);
}

:root:has(.header-glass) {
    --navbar-h: 68px;
    --capsule-inset: 0.75rem;
    --header-h: calc(var(--navbar-h) + var(--capsule-inset) * 2);
}

:root:has(.header-capsule:is(.header-topbar, .header-ticker):not(.scrolled)),
:root:has(.header-glass:is(.header-topbar, .header-ticker):not(.scrolled)) {
    --header-h: calc(var(--navbar-h) + var(--capsule-inset) * 2 + var(--topbar-h));
}

@media (width <= 1023px) {
    :root:has(.header-capsule) {
        --capsule-inset: 0.625rem;
    }

    :root:has(.header-glass) {
        --capsule-inset: 0.5rem;
    }
}

:root:has(.header-pill-menu) {
    --navbar-h: 96px;
    --header-h: 96px;
}

:root:has(.header-pill-menu.scrolled) {
    --navbar-h: 76px;
    --header-h: 76px;
}

:root:has(.header-pill-menu:is(.header-topbar, .header-ticker):not(.scrolled)) {
    --header-h: calc(var(--navbar-h) + var(--topbar-h));
}

:root:has(.header-stacked) {
    --stack-lock: 76px;
    --stack-row: var(--stack-lock);
    --navbar-h: 154px;
    --header-h: 154px;
    --stack-open-h: 154px;
    --stack-brand-w: 4.75rem;
    --stack-fold: 0.32s;
    --stack-fade: 0.16s;
}

:root:has(.header-stacked.scrolled) {
    --stack-row: 0px;
    --navbar-h: var(--stack-lock);
    --header-h: var(--stack-lock);
}

:root:has(.header-stacked:is(.header-topbar, .header-ticker):not(.scrolled)) {
    --header-h: calc(var(--navbar-h) + var(--topbar-h));
}

@media (width >= 1024px) and (width <= 1279px) {
    :root:has(.header-stacked .nav-links > li:nth-child(10)) {
        --stack-row: 0px;
        --navbar-h: var(--stack-lock);
        --header-h: var(--stack-lock);
        --stack-open-h: var(--stack-lock);
    }
}

@media (width <= 1023px) {
    :root:has(.header-stacked) {
        --stack-row: 0px;
        --navbar-h: 68px;
        --header-h: 68px;
        --stack-open-h: 68px;
    }

    :root:has(.header-stacked:is(.header-topbar, .header-ticker):not(.scrolled)) {
        --header-h: calc(var(--navbar-h) + var(--topbar-h));
    }
}

.site-header.header-stacked {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

body:has(.header-stacked) {
    padding-top: var(--stack-open-h);
}

:root:has(.header-shop) {
    --shop-announce-h: 40px;
    --shop-utility-h: 44px;
    --topbar-h: calc(var(--shop-announce-h) + var(--shop-utility-h));
}

:root:has(.header-shop .shop-announce[hidden]) {
    --shop-announce-h: 0px;
}

@media (width <= 1023px) {
    :root:has(.header-shop) {
        --shop-utility-h: 0px;
    }
}

:root:has(.header-shop) {
    --shop-stick: calc(var(--topbar-h) + var(--stack-row));
}

.site-header.header-shop {
    top: calc(var(--shop-stick) * -1);
    position: sticky;
}

body:has(.header-shop) {
    padding-top: 0;
}

:root:has(.header-shop.header-stacked.is-stuck),
:root:has(.header-shop.header-stacked) :is(.sticky-top, .sticky-top--lg) {
    --header-h: calc(var(--navbar-h) - var(--stack-row));
}

.site-header.header-reveal {
    transition:
        box-shadow var(--duration-base) var(--ease-out),
        translate 0.45s var(--ease-out);
}

.site-header.header-reveal.is-hidden {
    box-shadow: none;
    translate: 0 -100%;
}

:root:has(.site-header.header-reveal.is-hidden) :is(.sticky-top, .sticky-top--lg, .page-nav) {
    --header-h: 0px;
}

:root:has(.header-reveal) :is(.sticky-top, .sticky-top--lg) {
    transition: top 0.45s var(--ease-out);
}

:root:has(.header-reveal) .page-nav {
    transition:
        box-shadow var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out),
        top 0.45s var(--ease-out);
}

@media (prefers-reduced-motion: reduce) {
    .site-header.header-reveal,
    :root:has(.header-reveal) :is(.sticky-top, .sticky-top--lg, .page-nav) {
        transition: none;
    }
}

.shop-announce .swiper-slide {
    justify-content: center;
    align-items: center;
    display: flex;
}

@media (width >= 1024px) {
    :root:has(.header-sidebar),
    :root:has(.header-rail) {
        --header-h: 0px;
        --navbar-h: 0px;
    }
}

:root {
    --sidebar-w: 17.5rem;
    --rail-w: 5.5rem;
}

:root:has(.header-overlay-menu .mobile-nav.open) .back-to-top,
:root:has(.header-side-drawer .mobile-nav.open) .back-to-top,
:root.panel-modal-open .back-to-top {
    opacity: 0;
    pointer-events: none;
}

html:has(.hero-reel--under-header):not(:has(.site-header.scrolled, .mobile-nav.open)) {
    --hero-reel-bar-gap: calc(
        clamp(0.5rem, 0.25rem + 0.7vw, 0.875rem) + clamp(0.75rem, 0.25rem + 1.6vw, 1.75rem)
    );
    --header-h: calc(var(--navbar-h) + var(--hero-reel-bar-gap));
}

@keyframes hero-reel-rise {
    from {
        translate: 0 105%;
    }
}

@keyframes page-hero-bob {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(6px);
    }
}

@keyframes divider-shimmer {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

@keyframes divider-pulse-ring {
    0% {
        opacity: 1;
        transform: scale(0.6);
    }

    100% {
        opacity: 0;
        transform: scale(2.6);
    }
}

@keyframes aurora-drift {
    from {
        transform: translate3d(-6%, -4%, 0) rotate(0);
    }

    to {
        transform: translate3d(6%, 5%, 0) rotate(24deg);
    }
}

@keyframes section-bg-pan {
    0% {
        background-position: 0%;
    }

    50% {
        background-position: 100%;
    }

    100% {
        background-position: 0%;
    }
}

@keyframes section-expand-grow {
    from {
        transform: scale(0.86);
    }

    to {
        transform: scale(1);
    }
}

@keyframes section-wipe-reveal {
    from {
        clip-path: inset(0 36%);
    }

    to {
        clip-path: inset(0);
    }
}

@keyframes section-notch-bob {
    0%,
    100% {
        translate: 0 -0.125rem;
    }

    50% {
        translate: 0 0.25rem;
    }
}

@keyframes tip-pop-in {
    from {
        translate: var(--tip-pop-from, 0 -6px);
        scale: 0.97;
    }
}

.swiper-slide-active .carousel-review-card .text-soft,
.swiper-slide-active .carousel-review-card .text-muted {
    color: oklch(from var(--carousel-accent-on, var(--color-on-primary)) l c h / 0.7);
}

.swiper-pagination:not(.absolute):not(.relative),
.swiper-scrollbar:not(.absolute):not(.relative) {
    width: auto;
    position: static;
}

.carousel-wrap.carousel-progress .swiper-pagination-progressbar {
    height: 3px;
    top: auto;
    bottom: 0;
}

.swiper-pagination .swiper-pagination-bullet {
    border-radius: var(--radius-pill);
    transition:
        width var(--duration-base) var(--ease-out),
        height var(--duration-base) var(--ease-out),
        background-color var(--duration-fast) var(--ease-out);
    position: relative;
}

.swiper-pagination .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    inset: -8px -4px;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active, .carousel-dashes *):hover {
    background: var(--swiper-pagination-color);

    @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--swiper-pagination-color) 55%, transparent);
    }
}

.swiper-pagination-horizontal
    .swiper-pagination-bullet-active:not(.carousel-dashes *, .carousel-slideshow *) {
    width: 28px;
}

.swiper-pagination-vertical
    .swiper-pagination-bullet-active:not(.carousel-dashes *, .carousel-slideshow *) {
    height: 28px;
}

.swiper-pagination-bullet:focus-visible {
    outline: 2px solid var(--swiper-pagination-color);
    outline-offset: 3px;
}

.carousel-dashes .swiper-pagination-bullet {
    border-radius: var(--radius-pill);
    background: var(--color-border);
    opacity: 1;
    width: 48px;
    height: 4px;
    margin: 0 4px;
    transition: none;
    position: relative;
    overflow: hidden;
}

.carousel-dashes .swiper-pagination.absolute .swiper-pagination-bullet {
    background: #ffffff4d;
}

.carousel-dashes .swiper-pagination-bullet:after {
    content: '';
    border-radius: inherit;
    background: var(--carousel-accent, var(--color-primary));
    transform: scaleX(var(--fill, 0));
    transform-origin: 0;
    transition: transform var(--duration-fast) linear;
    position: absolute;
    inset: 0;
}

.carousel-breakout-right {
    margin-right: calc(-1 * var(--container-x));
    padding-top: 0.5rem;
}

@media (width >= 1280px) {
    .carousel-breakout-right {
        margin-right: calc(-1 * ((100vw - var(--container-width)) / 2 + var(--container-x)));
    }
}

.carousel-breakout-full {
    margin-left: calc(-1 * var(--container-x));
    padding-left: var(--container-x);
    padding-top: 0.5rem;
}

@media (width >= 1280px) {
    .carousel-breakout-full {
        margin-left: calc(-1 * ((100vw - var(--container-width)) / 2 + var(--container-x)));
        padding-left: calc((100vw - var(--container-width)) / 2 + var(--container-x));
    }
}

.carousel-breakout-full .swiper {
    overflow: visible;
}

.carousel-slideshow .swiper-pagination {
    --swiper-pagination-bottom: 2rem;
    padding-inline: var(--container-x);
    justify-content: center;
    gap: 0.375rem;
    display: flex;
}

.carousel-slideshow .swiper-pagination-bullet {
    flex: 1 1 0;
    width: auto;
    max-width: 3.5rem;
    margin: 0;
}

@keyframes orbit-spin {
    to {
        rotate: -360deg;
    }
}

@keyframes orbit-scroll {
    from {
        transform: rotate(var(--orbit-scroll, 12deg));
    }

    to {
        transform: rotate(calc(var(--orbit-scroll, 12deg) * -1));
    }
}

@property --phase-fill {
    syntax: '<percentage>';
    inherits: true;
    initial-value: 100%;
}

@keyframes countdown-sep-blink {
    0%,
    100% {
        opacity: var(--countdown-sep-opacity, 1);
    }

    50% {
        opacity: calc(var(--countdown-sep-opacity, 1) * 0.3);
    }
}

@keyframes countdown-seconds-tick {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

@keyframes progress-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-indeterminate {
    0% {
        margin-left: -35%;
    }

    100% {
        margin-left: 100%;
    }
}

.gscrollbar-fixer {
    margin-right: 0 !important;
}

.goverlay {
    background: var(--color-dark) !important;

    @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(
            in srgb,
            color-mix(in srgb, var(--color-dark) 78%, var(--color-primary-950)) 92%,
            transparent
        ) !important;
    }

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.gslide-image img {
    border-radius: var(--radius-lg);
    max-width: min(90vw, 1040px) !important;
    max-height: 82vh !important;
}

@media (width >= 769px) {
    .gslide-image img {
        max-width: min(88vw, 1040px) !important;
    }

    .desc-bottom .gslide-image img,
    .desc-top .gslide-image img {
        max-height: 70vh !important;
    }
}

.desc-bottom .gslide-image img {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.desc-top .gslide-image img {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.gslide.zoomed .gslide-image img {
    border-radius: var(--radius-lg);
    max-width: none !important;
    max-height: none !important;
}

.glightbox-clean .gslide-description {
    background: var(--color-bg) !important;
}

.desc-bottom .gslide-description {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.desc-top .gslide-description {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.glightbox-clean .gdesc-inner {
    padding: 1.25rem 1.5rem 1.375rem !important;
}

.glightbox-clean .gslide-title {
    letter-spacing: -0.015em;
    font-family: var(--font-heading) !important;
    font-size: var(--text-lg) !important;
    font-weight: 600 !important;
    line-height: var(--leading-snug) !important;
    color: var(--color-text) !important;
    margin: 0 0 0.25rem !important;
}

.glightbox-clean .gslide-desc {
    font-family: var(--font-sans) !important;
    font-size: var(--text-base) !important;
    line-height: var(--leading-normal) !important;
    color: var(--color-text-soft) !important;
}

.glightbox-clean .gslide-desc a {
    color: var(--color-primary-ink);
    font-weight: 500;
}

.gslide-inline {
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
    color: #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition:
        background-color var(--duration-fast) var(--ease-out),
        border-color var(--duration-fast) var(--ease-out),
        color var(--duration-fast) var(--ease-out),
        transform var(--duration-fast) var(--ease-out);
    font-size: 1.25rem;
    border-radius: var(--radius-full) !important;
    opacity: 1 !important;
    background-color: #ffffff14 !important;
    border: 1px solid #ffffff29 !important;
    width: 48px !important;
    height: 48px !important;
}

.glightbox-clean .gprev i,
.glightbox-clean .gnext i,
.glightbox-clean .gclose i {
    transition:
        translate var(--duration-base) var(--ease-out),
        rotate var(--duration-base) var(--ease-out);
    line-height: 1;
    display: block;
}

.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
    color: var(--color-text);
    background-color: #fff !important;
    border-color: #fff !important;
}

.glightbox-clean .gprev:hover i {
    translate: -2px;
}

.glightbox-clean .gnext:hover i {
    translate: 2px;
}

.glightbox-clean .gclose:hover i {
    rotate: 90deg;
}

.glightbox-clean .gprev:active,
.glightbox-clean .gnext:active,
.glightbox-clean .gclose:active {
    transform: scale(0.94);
}

.glightbox-clean .gbtn.focused {
    outline-offset: 3px;
    outline: 2px solid #fff;
}

.glightbox-clean .gclose {
    top: 1.25rem !important;
    right: 1.25rem !important;
}

@media (width >= 769px) {
    .glightbox-clean .gprev {
        left: 2rem !important;
    }

    .glightbox-clean .gnext {
        right: 2rem !important;
    }
}

@media (width <= 768px) {
    .glightbox-clean .gprev,
    .glightbox-clean .gnext {
        top: auto !important;
        bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px)) !important;
    }

    .glightbox-clean .gprev {
        left: 1.25rem !important;
    }

    .glightbox-clean .gnext {
        right: 1.25rem !important;
    }
}

.glightbox-counter {
    z-index: 99999;
    border-radius: var(--radius-pill);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    height: 48px;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    color: #fff9;
    pointer-events: none;
    background: #ffffff14;
    border: 1px solid #ffffff29;
    align-items: center;
    gap: 0.375rem;
    padding-inline: 1.125rem;
    display: flex;
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
}

.glightbox-counter-current {
    color: #fff;
}

.glightbox-closing .glightbox-counter {
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-out);
}

@media (width <= 768px) {
    .glightbox-counter {
        top: auto;
        left: 50%;
        bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
        translate: -50%;
    }
}

.glightbox-mobile .glightbox-container .gslide-description {
    border-radius: 0;
    background: linear-gradient(#0000, #00000059) !important;
}

.glightbox-mobile .glightbox-clean .gdesc-inner {
    padding: 1.25rem 1.5rem calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
}

.glightbox-mobile .glightbox-clean .gslide-title {
    color: #fff !important;
}

.glightbox-mobile .glightbox-clean .gslide-desc {
    color: #ffffffb3 !important;
}

.glightbox-mobile .gslide-image img {
    border-radius: var(--radius-lg) !important;
}

.glightbox-clean :is(.gprev, .gnext, .gclose),
.glightbox-counter {
    z-index: 999999 !important;
}

@keyframes hero-zoom {
    from {
        transform: scale(1.12);
    }

    to {
        transform: scale(1);
    }
}

@keyframes img-kenburns {
    from {
        transform: scale(1) translate(0);
    }

    to {
        transform: scale(var(--kb-scale, 1.18)) translate(var(--kb-x, -4%), var(--kb-y, -3%));
    }
}

@keyframes sliding-box-rise {
    from {
        translate: 0 14px;
    }

    to {
        translate: 0;
    }
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    top: 0;
    left: 0;
}

.leaflet-container {
    overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.leaflet-tile::selection {
    background: none;
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
    -webkit-transform-origin: 0 0;
    width: 1600px;
    height: 1600px;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
    max-width: none !important;
    max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
    width: auto;
    padding: 0;
    max-width: none !important;
    max-height: none !important;
}

.leaflet-container img.leaflet-tile {
    mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
    -webkit-tap-highlight-color: #33b5e566;
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden;
}

.leaflet-tile-loaded {
    visibility: inherit;
}

.leaflet-zoom-box {
    box-sizing: border-box;
    z-index: 800;
    width: 0;
    height: 0;
}

.leaflet-overlay-pane svg {
    -moz-user-select: none;
}

.leaflet-pane {
    z-index: 400;
}

.leaflet-tile-pane {
    z-index: 200;
}

.leaflet-overlay-pane {
    z-index: 400;
}

.leaflet-shadow-pane {
    z-index: 500;
}

.leaflet-marker-pane {
    z-index: 600;
}

.leaflet-tooltip-pane {
    z-index: 650;
}

.leaflet-popup-pane {
    z-index: 700;
}

.leaflet-map-pane canvas {
    z-index: 100;
}

.leaflet-map-pane svg {
    z-index: 200;
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
}

.lvml {
    behavior: url('#default#VML');
    display: inline-block;
    position: absolute;
}

.leaflet-control {
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto;
    position: relative;
}

.leaflet-top,
.leaflet-bottom {
    z-index: 1000;
    pointer-events: none;
    position: absolute;
}

.leaflet-top {
    top: 0;
}

.leaflet-right {
    right: 0;
}

.leaflet-bottom {
    bottom: 0;
}

.leaflet-left {
    left: 0;
}

.leaflet-control {
    float: left;
    clear: both;
}

.leaflet-right .leaflet-control {
    float: right;
}

.leaflet-top .leaflet-control {
    margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
    margin-left: 10px;
}

.leaflet-right .leaflet-control {
    margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}

.leaflet-zoom-animated {
    transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
    will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
    transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}

.leaflet-interactive {
    cursor: pointer;
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
    cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
    pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto;
}

.leaflet-container {
    outline-offset: 1px;
    background: #ddd;
}

.leaflet-container a {
    color: #0078a8;
}

.leaflet-zoom-box {
    background: #ffffff80;
    border: 2px dotted #38f;
}

.leaflet-container {
    font-family:
        Helvetica Neue,
        Arial,
        Helvetica,
        sans-serif;
    font-size: 0.75rem;
    line-height: 1.5;
}

.leaflet-bar {
    border-radius: 4px;
    box-shadow: 0 1px 5px #000000a6;
}

.leaflet-bar a {
    text-align: center;
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    display: block;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
    background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
    border-bottom: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    color: #bbb;
    background-color: #f4f4f4;
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    text-indent: 1px;
    font:
        bold 18px Lucida Console,
        Monaco,
        monospace;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px;
}

.leaflet-control-layers {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px #0006;
}

.leaflet-control-layers-toggle {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC');
    width: 36px;
    height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=');
    background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}

.leaflet-control-layers-expanded {
    color: #333;
    background: #fff;
    padding: 6px 10px 6px 6px;
}

.leaflet-control-layers-scrollbar {
    padding-right: 5px;
    overflow: hidden scroll;
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.leaflet-control-layers label {
    font-size: 1.08333em;
    display: block;
}

.leaflet-control-layers-separator {
    border-top: 1px solid #ddd;
    height: 0;
    margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=');
}

.leaflet-container .leaflet-control-attribution {
    background: #fffc;
    margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    color: #333;
    padding: 0 5px;
    line-height: 1.4;
}

.leaflet-control-attribution a {
    text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
    text-decoration: underline;
}

.leaflet-attribution-flag {
    width: 1em;
    height: 0.6669em;
    vertical-align: baseline !important;
    display: inline !important;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}

.leaflet-control-scale-line {
    white-space: nowrap;
    box-sizing: border-box;
    text-shadow: 1px 1px #fff;
    background: #fffc;
    border: 2px solid #777;
    border-top: none;
    padding: 2px 5px 1px;
    line-height: 1.1;
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    background-clip: padding-box;
    border: 2px solid #0003;
}

.leaflet-popup {
    text-align: center;
    margin-bottom: 20px;
    position: absolute;
}

.leaflet-popup-content-wrapper {
    text-align: left;
    border-radius: 12px;
    padding: 1px;
}

.leaflet-popup-content {
    min-height: 1px;
    margin: 13px 24px 13px 20px;
    font-size: 1.08333em;
    line-height: 1.3;
}

.leaflet-popup-content p {
    margin: 1.3em 0;
}

.leaflet-popup-tip-container {
    pointer-events: none;
    width: 40px;
    height: 20px;
    margin-top: -1px;
    margin-left: -20px;
    position: absolute;
    left: 50%;
    overflow: hidden;
}

.leaflet-popup-tip {
    pointer-events: auto;
    width: 17px;
    height: 17px;
    margin: -10px auto 0;
    padding: 1px;
    transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    color: #333;
    background: #fff;
    box-shadow: 0 3px 14px #0006;
}

.leaflet-container a.leaflet-popup-close-button {
    text-align: center;
    color: #757575;
    background: none;
    border: none;
    width: 24px;
    height: 24px;
    font:
        16px / 24px Tahoma,
        Verdana,
        sans-serif;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
    color: #585858;
}

.leaflet-popup-scrolled {
    overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
    width: 24px;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);
    margin: 0 auto;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}

.leaflet-tooltip {
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 6px;
    position: absolute;
    box-shadow: 0 1px 3px #0006;
}

.leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    pointer-events: none;
    content: '';
    background: none;
    border: 6px solid #0000;
    position: absolute;
}

.leaflet-tooltip-bottom {
    margin-top: 6px;
}

.leaflet-tooltip-top {
    margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    margin-left: -6px;
    left: 50%;
}

.leaflet-tooltip-top:before {
    border-top-color: #fff;
    margin-bottom: -12px;
    bottom: 0;
}

.leaflet-tooltip-bottom:before {
    border-bottom-color: #fff;
    margin-top: -12px;
    margin-left: -6px;
    top: 0;
}

.leaflet-tooltip-left {
    margin-left: -6px;
}

.leaflet-tooltip-right {
    margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    margin-top: -6px;
    top: 50%;
}

.leaflet-tooltip-left:before {
    border-left-color: #fff;
    margin-right: -12px;
    right: 0;
}

.leaflet-tooltip-right:before {
    border-right-color: #fff;
    margin-left: -12px;
    left: 0;
}

@media print {
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

@keyframes audio-eq {
    from {
        height: 25%;
    }

    to {
        height: 100%;
    }
}

@keyframes media-play-ring {
    0% {
        opacity: 0.8;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.75);
    }
}

@keyframes audio-play-halo {
    0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-primary) 55%, transparent);
    }

    100% {
        box-shadow: 0 0 0 14px color-mix(in srgb, var(--color-primary) 0%, transparent);
    }
}

@media (hover: hover) and (pointer: fine) {
    [data-cursor-follower],
    [data-cursor-lens],
    [data-cursor-label],
    [data-cursor-images],
    [data-cursor-trail],
    [data-drag-cursor] {
        position: relative;
    }

    .cursor-ring,
    .cursor-dot {
        pointer-events: none;
        z-index: 20;
        opacity: 0;
        transition: opacity 0.3s var(--ease-out);
        will-change: transform;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .cursor-ring {
        border: 1.5px solid var(--color-primary);
        width: 2.5rem;
        height: 2.5rem;
        transition:
            opacity 0.3s var(--ease-out),
            width 0.35s var(--ease-spring),
            height 0.35s var(--ease-spring),
            background-color 0.35s var(--ease-out);
    }

    .cursor-ring.is-grow {
        background: var(--color-primary);
        width: 4rem;
        height: 4rem;

        @supports (color: color-mix(in lab, red, red)) {
            background: color-mix(in srgb, var(--color-primary) 14%, transparent);
        }
    }

    .cursor-dot {
        background: var(--color-primary);
        width: 0.5rem;
        height: 0.5rem;
    }

    .cursor-follower-active .cursor-ring,
    .cursor-follower-active .cursor-dot {
        opacity: 1;
    }

    [data-cursor-lens] {
        cursor: none;
    }

    .cursor-lens {
        --lens-size: 200px;
        width: var(--lens-size);
        height: var(--lens-size);
        pointer-events: none;
        z-index: 20;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        opacity: 0;
        transition:
            opacity 0.35s var(--ease-out),
            scale 0.45s var(--ease-spring);
        will-change: transform;
        background: #00000024;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        scale: 0.6;
    }

    .cursor-lens-active .cursor-lens {
        opacity: 1;
        scale: 1;
    }

    [data-drag-cursor],
    [data-drag-cursor] * {
        cursor: grab;
    }

    [data-drag-cursor]:active,
    [data-drag-cursor]:active * {
        cursor: grabbing;
    }

    .drag-cursor {
        background: var(--color-surface);
        width: 5rem;
        height: 5rem;
        color: var(--color-text);
        box-shadow: var(--shadow-md);
        pointer-events: none;
        z-index: 20;
        opacity: 0;
        transition:
            opacity 0.3s var(--ease-out),
            scale 0.45s var(--ease-spring);
        will-change: transform;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.95rem;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        scale: 0.75;
    }

    .drag-cursor span {
        font-size: 0.9375rem;
        font-weight: 600;
    }

    .drag-cursor.is-visible {
        opacity: 1;
        scale: 1;
    }

    .drag-cursor--glass {
        color: #fff;
        width: 7rem;
        height: 7rem;
        box-shadow: none;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background: #00000057;
    }

    [data-magnetic] {
        transition: transform 0.45s var(--ease-spring);
        will-change: transform;
    }

    [data-spotlight] {
        isolation: isolate;
        position: relative;
        overflow: hidden;
    }

    [data-spotlight]:before {
        content: '';
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(
            circle 200px at var(--spot-x, 50%) var(--spot-y, 50%),
            var(--color-primary),
            transparent 60%
        );
        position: absolute;
        inset: 0;

        @supports (color: color-mix(in lab, red, red)) {
            background: radial-gradient(
                circle 200px at var(--spot-x, 50%) var(--spot-y, 50%),
                color-mix(in srgb, var(--color-primary) 22%, transparent),
                transparent 60%
            );
        }

        opacity: 0;
        transition: opacity 0.4s var(--ease-out);
    }

    [data-spotlight]:hover:before {
        opacity: 1;
    }

    [data-spotlight] > :not(.glow) {
        z-index: 1;
        position: relative;
    }

    [data-cursor-label] {
        cursor: none;
    }

    .cursor-label {
        border-radius: var(--radius-pill);
        background: var(--color-dark);
        color: var(--color-on-dark);
        white-space: nowrap;
        pointer-events: none;
        z-index: 20;
        opacity: 0;
        transition:
            opacity 0.3s var(--ease-out),
            scale 0.4s var(--ease-spring);
        will-change: transform;
        align-items: center;
        gap: 0.4rem;
        padding: 0.6rem 1.1rem;
        font-size: 0.9375rem;
        font-weight: 600;
        display: inline-flex;
        position: absolute;
        top: 0;
        left: 0;
        scale: 0.5;
    }

    .cursor-label-active .cursor-label {
        opacity: 1;
        scale: 1;
    }

    .cursor-image {
        pointer-events: none;
        z-index: 30;
        opacity: 0;
        width: clamp(240px, 27vw, 400px);
        height: clamp(240px, 27vw, 400px);
        transition:
            opacity 0.4s var(--ease-out),
            scale 0.55s var(--ease-spring);
        will-change: transform;
        border-radius: 50%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden;
        scale: 0.4;
    }

    .cursor-image img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
    }

    .cursor-images-active .cursor-image {
        opacity: 1;
        scale: 1;
    }

    .cursor-images-active .image-word {
        opacity: 0.4;
    }

    .image-word.is-active {
        opacity: 1;
    }

    .image-word.is-active .image-word-text {
        translate: 0.75rem;
    }

    [data-cursor-images] .image-word-thumb {
        display: none;
    }

    [data-cursor-trail] {
        --trail-w: clamp(11rem, 19vw, 17.5rem);
        --trail-ratio: 4 / 3;
        --trail-radius: var(--radius-xl);
        --trail-shadow: 0 1.75rem 3.5rem -1.25rem #00000080;
        isolation: isolate;
    }

    [data-cursor-trail='tiles'] {
        --trail-w: clamp(5.5rem, 8vw, 7.5rem);
        --trail-ratio: 1;
        --trail-radius: var(--radius-md);
        --trail-shadow: 0 0.75rem 1.75rem -0.75rem #00000059;
    }

    .cursor-trail-layer {
        z-index: -1;
        border-radius: inherit;
        pointer-events: none;
        position: absolute;
        inset: 0;
        overflow: clip;
    }

    [data-trail-layer='front'] > .cursor-trail-layer {
        z-index: 2;
    }

    .cursor-trail-item {
        width: var(--trail-w);
        aspect-ratio: var(--trail-ratio);
        border-radius: var(--trail-radius);
        box-shadow: var(--trail-shadow);
        opacity: 0;
        will-change: transform, opacity;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        translate: -50% -50%;
    }

    .cursor-trail-item img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
    }
}

.image-word {
    z-index: 1;
    color: inherit;
    transition: opacity 0.4s var(--ease-out);
    position: relative;
}

.image-word:hover {
    color: inherit;
}

.image-word-text {
    transition: translate 0.4s var(--ease-spring);
}

@media (prefers-reduced-motion: reduce) {
    .cursor-ring,
    .cursor-dot,
    .cursor-lens,
    .drag-cursor,
    .cursor-label,
    .cursor-image,
    [data-magnetic] {
        transition: opacity 0.2s linear !important;
    }

    .image-word-text {
        transition: none !important;
    }

    [data-spotlight]:before {
        transition: opacity 0.2s linear;
    }
}

@keyframes project-flow-x {
    to {
        background-position: 8px 0;
    }
}

@keyframes project-flow-y {
    to {
        background-position: 0 8px;
    }
}

@keyframes project-ease {
    to {
        left: calc(100% - 2.75rem);
    }
}

@keyframes project-rise {
    0%,
    100% {
        transform: scaleY(0.2);
    }

    45% {
        transform: scaleY(1);
    }
}

@keyframes project-settle {
    0% {
        opacity: 0;
        transform: translateY(1.25rem) scale(0.96);
    }

    30%,
    75% {
        opacity: 1;
        transform: none;
    }

    100% {
        opacity: 0;
        transform: none;
    }
}

:root {
    --container-width: 100vw;

    @media (width >= 40rem) {
        --container-width: min(40rem, var(--container-max));
    }

    @media (width >= 48rem) {
        --container-width: min(48rem, var(--container-max));
    }

    @media (width >= 64rem) {
        --container-width: min(64rem, var(--container-max));
    }

    @media (width >= 80rem) {
        --container-width: min(80rem, var(--container-max));
    }

    @media (width >= 96rem) {
        --container-width: var(--container-max);
    }
}

@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-rotate-x {
    syntax: '*';
    inherits: false;
}

@property --tw-rotate-y {
    syntax: '*';
    inherits: false;
}

@property --tw-rotate-z {
    syntax: '*';
    inherits: false;
}

@property --tw-skew-x {
    syntax: '*';
    inherits: false;
}

@property --tw-skew-y {
    syntax: '*';
    inherits: false;
}

@property --tw-scroll-snap-strictness {
    syntax: '*';
    inherits: false;
    initial-value: proximity;
}

@property --tw-space-y-reverse {
    syntax: '*';
    inherits: false;
    initial-value: 0;
}

@property --tw-divide-x-reverse {
    syntax: '*';
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: '*';
    inherits: false;
    initial-value: solid;
}

@property --tw-divide-y-reverse {
    syntax: '*';
    inherits: false;
    initial-value: 0;
}

@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-font-weight {
    syntax: '*';
    inherits: false;
}

@property --tw-tracking {
    syntax: '*';
    inherits: false;
}

@property --tw-ordinal {
    syntax: '*';
    inherits: false;
}

@property --tw-slashed-zero {
    syntax: '*';
    inherits: false;
}

@property --tw-numeric-figure {
    syntax: '*';
    inherits: false;
}

@property --tw-numeric-spacing {
    syntax: '*';
    inherits: false;
}

@property --tw-numeric-fraction {
    syntax: '*';
    inherits: false;
}

@property --tw-shadow {
    syntax: '*';
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: '*';
    inherits: false;
}

@property --tw-shadow-alpha {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 100%;
}

@property --tw-inset-shadow {
    syntax: '*';
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: '*';
    inherits: false;
}

@property --tw-inset-shadow-alpha {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 100%;
}

@property --tw-ring-color {
    syntax: '*';
    inherits: false;
}

@property --tw-ring-shadow {
    syntax: '*';
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
    syntax: '*';
    inherits: false;
}

@property --tw-inset-ring-shadow {
    syntax: '*';
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
    syntax: '*';
    inherits: false;
}

@property --tw-ring-offset-width {
    syntax: '<length>';
    inherits: false;
    initial-value: 0;
}

@property --tw-ring-offset-color {
    syntax: '*';
    inherits: false;
    initial-value: #fff;
}

@property --tw-ring-offset-shadow {
    syntax: '*';
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-outline-style {
    syntax: '*';
    inherits: false;
    initial-value: solid;
}

@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: '';
}

@keyframes ping {
    75%,
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

@keyframes bounce {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        transform: translateY(-25%);
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        transform: none;
    }
}