/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
    :root,
    :host {
        --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-7xl: 80rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
        --font-weight-black: 900;
        --tracking-tighter: -0.05em;
        --tracking-tight: -0.025em;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-relaxed: 1.625;
        --blur-md: 12px;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
        --default-mono-font-family: var(--font-mono);
        --color-background: var(--background);
        --color-foreground: var(--foreground);
        --color-border: var(--border);
        --font-display: "Archivo", "Inter", ui-sans-serif, system-ui, sans-serif;
    }
}
@layer base {
    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }
    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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;
        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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    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 {
        display: block;
        vertical-align: middle;
    }
    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;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }
    :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)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }
    textarea {
        resize: vertical;
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-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;
    }
}
@layer utilities;
:root {
    --radius: 0.625rem;
    --brand-dark: oklch(0.19 0.03 330);
    --brand-darker: oklch(0.13 0.025 330);
    --brand-plum: oklch(0.32 0.09 340);
    --brand-plum-soft: oklch(0.45 0.11 340);
    --brand-accent: oklch(0.86 0.19 92);
    --brand-accent-soft: oklch(0.92 0.17 95);
    --brand-steel: oklch(0.92 0.005 250);
    --background: var(--brand-dark);
    --foreground: oklch(0.98 0 0);
    --card: oklch(0.23 0.035 335);
    --card-foreground: oklch(0.98 0 0);
    --popover: oklch(0.23 0.035 335);
    --popover-foreground: oklch(0.98 0 0);
    --primary: var(--brand-accent);
    --primary-foreground: var(--brand-dark);
    --secondary: var(--brand-plum);
    --secondary-foreground: oklch(0.98 0 0);
    --muted: oklch(0.27 0.03 335);
    --muted-foreground: oklch(0.72 0.02 330);
    --accent: var(--brand-accent);
    --accent-foreground: var(--brand-dark);
    --destructive: oklch(0.62 0.22 25);
    --destructive-foreground: oklch(0.98 0 0);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: var(--brand-accent);
    --chart-1: oklch(0.646 0.222 41.116);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
    --sidebar: oklch(0.984 0.003 247.858);
    --sidebar-foreground: oklch(0.129 0.042 264.695);
    --sidebar-primary: oklch(0.208 0.042 265.755);
    --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
    --sidebar-accent: oklch(0.968 0.007 247.896);
    --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
    --sidebar-border: oklch(0.929 0.013 255.508);
    --sidebar-ring: oklch(0.704 0.04 256.788);
}
.dark {
    --background: oklch(0.129 0.042 264.695);
    --foreground: oklch(0.984 0.003 247.858);
    --card: oklch(0.208 0.042 265.755);
    --card-foreground: oklch(0.984 0.003 247.858);
    --popover: oklch(0.208 0.042 265.755);
    --popover-foreground: oklch(0.984 0.003 247.858);
    --primary: oklch(0.929 0.013 255.508);
    --primary-foreground: oklch(0.208 0.042 265.755);
    --secondary: oklch(0.279 0.041 260.031);
    --secondary-foreground: oklch(0.984 0.003 247.858);
    --muted: oklch(0.279 0.041 260.031);
    --muted-foreground: oklch(0.704 0.04 256.788);
    --accent: oklch(0.279 0.041 260.031);
    --accent-foreground: oklch(0.984 0.003 247.858);
    --destructive: oklch(0.704 0.191 22.216);
    --destructive-foreground: oklch(0.984 0.003 247.858);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.551 0.027 264.364);
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    --sidebar: oklch(0.208 0.042 265.755);
    --sidebar-foreground: oklch(0.984 0.003 247.858);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
    --sidebar-accent: oklch(0.279 0.041 260.031);
    --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.551 0.027 264.364);
}
@layer base {
    * {
        border-color: var(--color-border);
    }
    body {
        background-color: var(--color-background);
        color: var(--color-foreground);
        font-family: var(--font-sans);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .font-display {
        font-family: var(--font-display);
        letter-spacing: -0.02em;
    }
    ::selection {
        background-color: var(--brand-accent);
        color: var(--brand-dark);
    }
}
.site-shell {
    min-height: 100vh;
    background-color: var(--brand-dark);
    color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-shell {
        color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
}
.site-nav {
    position: fixed;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    background-color: transparent;
    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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
}
.site-nav__block {
    margin-inline: auto;
    display: flex;
    height: calc(var(--spacing) * 20);
    max-width: var(--container-7xl);
    align-items: center;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 6);
}
.site-nav__link {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
}
.site-nav__label {
    color: var(--brand-accent);
}
.site-nav__block-2 {
    display: none;
    gap: calc(var(--spacing) * 8);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
}
.site-nav__link-2 {
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-nav__link-2 {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.site-nav__link-2 {
    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));
}
@media (hover: hover) {
    .site-nav__link-2:hover {
        color: var(--brand-accent);
    }
}
.site-nav__link-3 {
    display: none;
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .site-nav__link-3:hover {
        background-color: var(--color-white);
    }
}
.hero {
    position: relative;
    display: flex;
    min-height: 100vh;
    align-items: center;
    overflow: hidden;
    background-color: var(--brand-dark);
    padding-top: calc(var(--spacing) * 20);
}
.hero__block {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
}
.hero__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 30%;
}
.hero__block-2 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--brand-dark);
    --tw-gradient-via: color-mix(in oklab, var(--brand-plum) 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);
    --tw-gradient-to: color-mix(in oklab, var(--brand-dark) 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)
    );
}
.hero__block-3 {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
}
.hero__block-4 {
    max-width: var(--container-4xl);
}
.hero__label {
    margin-bottom: calc(var(--spacing) * 6);
    display: inline-block;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-accent);
}
@supports (color: color-mix(in lab, red, red)) {
    .hero__label {
        border-color: color-mix(in oklab, var(--brand-accent) 50%, transparent);
    }
}
.hero__label {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.hero__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 8);
    font-size: 1.75rem;
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.hero__label-2 {
    color: transparent;
    font-style: italic;
}
.hero__text {
    margin-bottom: calc(var(--spacing) * 10);
    max-width: var(--container-xl);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .hero__text {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.hero__list {
    margin-bottom: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 8);
    row-gap: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .hero__list {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.hero__list {
    text-transform: uppercase;
}
.hero__item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
}
.hero__label-3 {
    color: var(--brand-accent);
}
.hero__block-5 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
}
.hero__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .hero__link:hover {
        background-color: var(--color-white);
    }
}
.hero__link-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .hero__link-2 {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
}
.hero__link-2 {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-white);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .hero__link-2:hover {
        border-color: var(--brand-accent);
    }
}
@media (hover: hover) {
    .hero__link-2:hover {
        color: var(--brand-accent);
    }
}
.solutions {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 32);
    color: var(--brand-dark);
}
.container {
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
}
.solutions__block {
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
}
.solutions__block-2 {
    max-width: var(--container-2xl);
}
.solutions__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.solutions__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: 1.8rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
.solutions__text {
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .solutions__text {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.solutions__block-3 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
}
.solutions__block-4 {
    cursor: default;
    background-color: var(--brand-steel);
}
@supports (color: color-mix(in lab, red, red)) {
    .solutions__block-4 {
        background-color: color-mix(in oklab, var(--brand-steel) 40%, transparent);
    }
}
.solutions__block-4 {
    padding: calc(var(--spacing) * 8);
    text-align: center;
    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));
}
@media (hover: hover) {
    .solutions__block-4:hover {
        background-color: var(--brand-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .solutions__block-4:hover {
            background-color: color-mix(in oklab, var(--brand-accent) 95%, transparent);
        }
    }
}
.solutions__block-5 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--brand-accent);
    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));
}
@media (hover: hover) {
    .solutions__block-5:is(:where(.group):hover *) {
        color: var(--brand-dark);
    }
}
.solutions__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
}
.solutions__text-2 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .solutions__text-2 {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
@media (hover: hover) {
    .solutions__text-2:is(:where(.group):hover *) {
        color: var(--brand-dark);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .solutions__text-2:is(:where(.group):hover *) {
            color: color-mix(in oklab, var(--brand-dark) 85%, transparent);
        }
    }
}
.products {
    background-color: var(--brand-steel);
    padding-block: calc(var(--spacing) * 32);
    color: var(--brand-dark);
}
.products__block {
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
}
.products__block-2 {
    max-width: var(--container-xl);
}
.products__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.products__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: 1.8rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
.products__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--brand-dark);
    padding-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .products__link:hover {
        border-color: var(--brand-accent);
    }
}
@media (hover: hover) {
    .products__link:hover {
        color: var(--brand-accent);
    }
}
.products__block-3 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
}
.products__block-4 {
    cursor: pointer;
}
.products__block-5 {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    aspect-ratio: 4/3;
    width: 100%;
    overflow: hidden;
    background-color: var(--color-white);
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-offset: calc(1px * -1);
    outline-color: color-mix(in srgb, #000 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .products__block-5 {
        outline-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
}
.products__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    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));
    --tw-duration: 700ms;
    transition-duration: 700ms;
}
@media (hover: hover) {
    .products__image:is(:where(.group):hover *) {
        scale: 1.04;
    }
}
.products__label-2 {
    position: absolute;
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    background-color: var(--brand-dark);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.products__heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
}
.products__text {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .products__text {
        color: color-mix(in oklab, var(--brand-dark) 50%, transparent);
    }
}
.products__text {
    text-transform: uppercase;
}
.dual-path {
    position: relative;
    overflow: hidden;
    background-color: var(--brand-dark);
}
.dual-path__block {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
}
.dual-path__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.dual-path__block-2 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .dual-path__block-2 {
        background-color: color-mix(in oklab, var(--brand-dark) 85%, transparent);
    }
}
.dual-path__block-3 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--brand-dark);
    --tw-gradient-via: color-mix(in oklab, var(--brand-plum) 50%, 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);
    --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)
    );
}
.dual-path__block-4 {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 36);
}
.dual-path__block-5 {
    max-width: var(--container-3xl);
}
.dual-path__label {
    margin-bottom: calc(var(--spacing) * 6);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.dual-path__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 8);
    font-size: 1.6rem;
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.dual-path__text {
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-xl);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .dual-path__text {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.dual-path__block-6 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
}
.dual-path__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .dual-path__link:hover {
        background-color: var(--color-white);
    }
}
.dual-path__link-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .dual-path__link-2 {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
}
.dual-path__link-2 {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-white);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .dual-path__link-2:hover {
        border-color: var(--brand-accent);
    }
}
@media (hover: hover) {
    .dual-path__link-2:hover {
        color: var(--brand-accent);
    }
}
.business-lines {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 20);
    color: var(--brand-dark);
}
.business-lines__block {
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-2xl);
}
.business-lines__label {
    margin-bottom: calc(var(--spacing) * 3);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-plum);
    text-transform: uppercase;
}
.business-lines__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
:where(.business-lines__block-2 > :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)));
}
.business-lines__block-3 {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 6);
}
.business-lines__block-4 {
    position: relative;
    aspect-ratio: 40/21;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    background-color: var(--brand-steel);
}
.business-lines__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.business-lines__block-5 {
    min-width: calc(var(--spacing) * 0);
}
.business-lines__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    overflow-wrap: break-word;
    text-transform: uppercase;
}
.business-lines__text {
    margin-bottom: calc(var(--spacing) * 6);
    max-width: var(--container-lg);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .business-lines__text {
        color: color-mix(in oklab, var(--brand-dark) 65%, transparent);
    }
}
.business-lines__block-6 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
}
.business-lines__link {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-dark);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    text-align: center;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    color: var(--color-white);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .business-lines__link:hover {
        background-color: var(--brand-plum);
    }
}
.business-lines__link-2 {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .business-lines__link-2 {
        border-color: color-mix(in oklab, var(--brand-dark) 20%, transparent);
    }
}
.business-lines__link-2 {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    text-align: center;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .business-lines__link-2:hover {
        border-color: var(--brand-plum);
    }
}
@media (hover: hover) {
    .business-lines__link-2:hover {
        color: var(--brand-plum);
    }
}
.business-lines__block-7 {
    position: relative;
    aspect-ratio: 40/21;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    background-color: var(--brand-steel);
}
.segments {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--brand-plum);
}
@supports (color: color-mix(in lab, red, red)) {
    .segments {
        border-color: color-mix(in oklab, var(--brand-plum) 40%, transparent);
    }
}
.segments {
    background-color: var(--brand-plum);
}
@supports (color: color-mix(in lab, red, red)) {
    .segments {
        background-color: color-mix(in oklab, var(--brand-plum) 25%, transparent);
    }
}
.segments {
    padding-block: calc(var(--spacing) * 24);
}
.segments__block {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: center;
}
.segments__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.segments__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-white);
    text-transform: uppercase;
}
.segments__block-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
}
.segments__block-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(var(--spacing) * 4);
    text-align: center;
}
.segments__block-4 {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--brand-accent);
    color: var(--brand-plum);
    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));
}
@media (hover: hover) {
    .segments__block-4:is(:where(.group):hover *) {
        background-color: var(--brand-plum);
    }
}
@media (hover: hover) {
    .segments__block-4:is(:where(.group):hover *) {
        color: var(--brand-accent);
    }
}
.segments__label-2 {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: color-mix(in srgb, #fff 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .segments__label-2 {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
}
.segments__label-2 {
    text-transform: uppercase;
}
.differentials {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 32);
    color: var(--brand-dark);
}
.differentials__block {
    margin-bottom: calc(var(--spacing) * 20);
    max-width: var(--container-2xl);
}
.differentials__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-plum);
    text-transform: uppercase;
}
.differentials__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: 1.8rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--brand-dark);
    text-transform: uppercase;
}
.differentials__block-2 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1px;
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .differentials__block-2 {
        background-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.differentials__block-3 {
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    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));
}
@media (hover: hover) {
    .differentials__block-3:hover {
        background-color: var(--brand-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .differentials__block-3:hover {
            background-color: color-mix(in oklab, var(--brand-accent) 10%, transparent);
        }
    }
}
.differentials__label-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    display: block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--brand-plum);
}
.differentials__heading {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--brand-dark);
    text-transform: uppercase;
}
.differentials__text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .differentials__text {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.cases {
    background-color: var(--brand-darker);
    padding-block: calc(var(--spacing) * 24);
}
.cases__block {
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 6);
}
.cases__block-2 {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
}
.cases__label {
    margin-bottom: calc(var(--spacing) * 3);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.cases__heading {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .cases__heading {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.cases__heading {
    text-transform: uppercase;
}
.cases__block-3 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .cases__block-3 {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
}
.cases__block-3 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .cases__block-3 {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
}
.cases__block-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-darker);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 10);
}
.cases__label-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.35em;
    letter-spacing: 0.35em;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-2:hover {
        opacity: 100%;
    }
}
.cases__label-3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-white);
    text-transform: uppercase;
    font-style: italic;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-3:hover {
        opacity: 100%;
    }
}
.cases__label-4 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-4:hover {
        opacity: 100%;
    }
}
.cases__label-5 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-5:hover {
        opacity: 100%;
    }
}
.cases__label-6 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-6:hover {
        opacity: 100%;
    }
}
.cases__label-7 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.25em;
    letter-spacing: 0.25em;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-7:hover {
        opacity: 100%;
    }
}
.cases__label-8 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-8:hover {
        opacity: 100%;
    }
}
.cases__label-9 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-9:hover {
        opacity: 100%;
    }
}
.cases__label-10 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.28em;
    letter-spacing: 0.28em;
    color: var(--color-white);
    text-transform: uppercase;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-10:hover {
        opacity: 100%;
    }
}
.cases__label-11 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    color: var(--color-white);
    text-transform: uppercase;
    font-style: italic;
    opacity: 90%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .cases__label-11:hover {
        opacity: 100%;
    }
}
.materials {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 28);
    color: var(--brand-dark);
}
.materials__block {
    margin-bottom: calc(var(--spacing) * 16);
    max-width: var(--container-3xl);
}
.materials__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-plum);
    text-transform: uppercase;
}
.materials__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: 1.8rem;
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.materials__text {
    margin-top: calc(var(--spacing) * 6);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .materials__text {
        color: color-mix(in oklab, var(--brand-dark) 70%, transparent);
    }
}
.materials__block-2 {
    display: grid;
    gap: 1px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .materials__block-2 {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.materials__block-2 {
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .materials__block-2 {
        background-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.materials__block-3 {
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    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));
}
@media (hover: hover) {
    .materials__block-3:hover {
        background-color: var(--brand-plum);
    }
}
.materials__block-4 {
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--brand-plum);
    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));
}
@media (hover: hover) {
    .materials__block-4:is(:where(.group):hover *) {
        background-color: var(--brand-accent);
    }
}
.materials__icon {
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    color: var(--brand-accent);
    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));
}
@media (hover: hover) {
    .materials__icon:is(:where(.group):hover *) {
        color: var(--brand-plum);
    }
}
.materials__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-top: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .materials__heading:is(:where(.group):hover *) {
        color: var(--color-white);
    }
}
.materials__text-2 {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .materials__text-2 {
        color: color-mix(in oklab, var(--brand-dark) 65%, transparent);
    }
}
.materials__text-2 {
    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));
}
@media (hover: hover) {
    .materials__text-2:is(:where(.group):hover *) {
        color: color-mix(in srgb, #fff 75%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .materials__text-2:is(:where(.group):hover *) {
            color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
    }
}
.materials__block-5 {
    margin-top: calc(var(--spacing) * 12);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
}
.materials__label-2 {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-plum);
}
@supports (color: color-mix(in lab, red, red)) {
    .materials__label-2 {
        border-color: color-mix(in oklab, var(--brand-plum) 30%, transparent);
    }
}
.materials__label-2 {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-plum);
    text-transform: uppercase;
}
.showcase {
    position: relative;
    overflow: hidden;
}
.showcase__block {
    position: relative;
    height: 60vh;
    max-height: 720px;
    min-height: 420px;
}
.showcase__block-2 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    opacity: 100%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
}
.showcase__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.showcase__block-3 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--brand-plum) 70%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--brand-dark) 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);
    --tw-gradient-to: color-mix(in oklab, var(--brand-dark) 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)
    );
}
.showcase__block-4 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
}
.showcase__block-5 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    align-items: center;
}
.showcase__block-6 {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
}
.showcase__block-7 {
    max-width: var(--container-2xl);
}
.showcase__label {
    margin-bottom: calc(var(--spacing) * 5);
    display: inline-block;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-accent);
}
@supports (color: color-mix(in lab, red, red)) {
    .showcase__label {
        border-color: color-mix(in oklab, var(--brand-accent) 50%, transparent);
    }
}
.showcase__label {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.showcase__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 5);
    font-size: 1.8rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.showcase__text {
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-md);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .showcase__text {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.showcase__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .showcase__link:hover {
        background-color: var(--color-white);
    }
}
.showcase__block-8 {
    position: absolute;
    right: calc(var(--spacing) * 6);
    bottom: calc(var(--spacing) * 6);
    left: calc(var(--spacing) * 6);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.showcase__block-9 {
    display: flex;
    gap: calc(var(--spacing) * 2);
}
.showcase__button {
    height: 3px;
    width: calc(var(--spacing) * 10);
    background-color: var(--brand-accent);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.showcase__button-2 {
    height: 3px;
    width: calc(var(--spacing) * 6);
    background-color: color-mix(in srgb, #fff 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .showcase__button-2 {
        background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
}
.showcase__button-2 {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.showcase__label-2 {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.25em;
    letter-spacing: 0.25em;
    color: color-mix(in srgb, #fff 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .showcase__label-2 {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
}
.showcase__label-2 {
    text-transform: uppercase;
}
.process {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .process {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.process {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 32);
    color: var(--brand-dark);
}
.process__block {
    margin-bottom: calc(var(--spacing) * 20);
    max-width: var(--container-2xl);
}
.process__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-plum);
    text-transform: uppercase;
}
.process__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: 1.8rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--brand-dark);
    text-transform: uppercase;
}
.process__block-2 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 12);
}
.process__block-3 {
    display: flex;
    flex-direction: column;
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--brand-plum);
    padding-top: calc(var(--spacing) * 6);
}
.process__label-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--brand-plum);
}
.process__heading {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--brand-dark);
    text-transform: uppercase;
}
.process__text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .process__text {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.about {
    background-color: var(--brand-darker);
    padding-block: calc(var(--spacing) * 32);
}
.about__block {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-7xl);
    align-items: center;
    gap: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 6);
}
.about__block-2 {
    position: relative;
}
.about__image {
    aspect-ratio: 4/3;
    width: 100%;
    object-fit: cover;
}
.about__block-3 {
    position: absolute;
    right: calc(var(--spacing) * -6);
    bottom: calc(var(--spacing) * -6);
    display: none;
    background-color: var(--brand-accent);
    padding: calc(var(--spacing) * 6);
    color: var(--brand-dark);
}
.about__block-4 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
}
.about__block-5 {
    margin-top: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.about__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.about__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 8);
    font-size: 1.8rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.about__text {
    margin-bottom: calc(var(--spacing) * 6);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .about__text {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.about__text-2 {
    margin-bottom: calc(var(--spacing) * 10);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .about__text-2 {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.about__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--brand-accent);
    padding-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--color-white);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .about__link:hover {
        color: var(--brand-accent);
    }
}
.final-cta {
    position: relative;
    overflow: hidden;
    background-color: var(--brand-accent);
    padding-block: calc(var(--spacing) * 32);
}
.final-cta__block {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: -8%;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    font-size: 20rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .final-cta__block {
        color: color-mix(in oklab, var(--brand-dark) 5%, transparent);
    }
}
.final-cta__block {
    -webkit-user-select: none;
    user-select: none;
}
.final-cta__block-2 {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
}
.final-cta__block-3 {
    max-width: var(--container-3xl);
}
.final-cta__label {
    margin-bottom: calc(var(--spacing) * 6);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-dark);
    text-transform: uppercase;
}
.final-cta__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 10);
    font-size: 1.8rem;
    --tw-leading: 1.72;
    line-height: 1.72;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--brand-dark);
    text-transform: uppercase;
}
.final-cta__label-2 {
    font-style: italic;
}
.final-cta__text {
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .final-cta__text {
        color: color-mix(in oklab, var(--brand-dark) 70%, transparent);
    }
}
.final-cta__block-4 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
}
.final-cta__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-dark);
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--color-white);
    text-transform: uppercase;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .final-cta__link:hover {
        background-color: var(--color-white);
    }
}
@media (hover: hover) {
    .final-cta__link:hover {
        color: var(--brand-dark);
    }
}
.final-cta__link-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--brand-dark);
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-dark);
    text-transform: uppercase;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
    .final-cta__link-2:hover {
        background-color: var(--brand-dark);
    }
}
@media (hover: hover) {
    .final-cta__link-2:hover {
        color: var(--color-white);
    }
}
.site-footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-footer {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
}
.site-footer {
    background-color: var(--brand-dark);
    padding-block: calc(var(--spacing) * 12);
}
.site-footer__block {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-7xl);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 6);
}
.site-footer__link {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
}
.site-footer__label {
    color: var(--brand-accent);
}
.site-footer__block-2 {
    text-align: center;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: color-mix(in srgb, #fff 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-footer__block-2 {
        color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
}
.site-footer__block-2 {
    text-transform: uppercase;
}
.site-footer__block-3 {
    display: flex;
    gap: calc(var(--spacing) * 6);
}
.site-footer__link-2 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-footer__link-2 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.site-footer__link-2 {
    font-size: 10px;
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-footer__link-2 {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.site-footer__link-2 {
    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));
}
@media (hover: hover) {
    .site-footer__link-2:hover {
        border-color: var(--brand-accent);
    }
}
@media (hover: hover) {
    .site-footer__link-2:hover {
        color: var(--brand-accent);
    }
}
.site-shell__block {
    padding-top: calc(var(--spacing) * 20);
}
.solutions-heading {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .solutions-heading {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.solutions-heading {
    background-color: var(--brand-accent);
    padding-block: calc(var(--spacing) * 24);
}
.solutions-heading__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-plum);
    text-transform: uppercase;
}
.solutions-heading__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    max-width: var(--container-4xl);
    font-size: 2.1rem;
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--brand-dark);
    text-transform: uppercase;
}
.solutions-heading__label-2 {
    color: transparent;
    font-style: italic;
}
.solutions-gallery {
    background-color: var(--brand-darker);
    padding-block: calc(var(--spacing) * 32);
}
.solutions-gallery__block {
    margin-bottom: calc(var(--spacing) * 16);
    max-width: var(--container-2xl);
}
.solutions-gallery__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.solutions-gallery__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: 1.8rem;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.solutions-gallery__block-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
}
.solutions-gallery__block-3 {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.solutions-gallery__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    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));
    --tw-duration: 700ms;
    transition-duration: 700ms;
}
@media (hover: hover) {
    .solutions-gallery__image:is(:where(.group):hover *) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
}
.solutions-gallery__block-4 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--brand-dark);
    --tw-gradient-via: color-mix(in oklab, var(--brand-dark) 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);
    --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)
    );
}
.solutions-gallery__label-2 {
    position: absolute;
    bottom: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-white);
    text-transform: uppercase;
}
.products-heading {
    position: relative;
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .products-heading {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
}
.products-heading {
    background-color: var(--brand-plum);
    padding-block: calc(var(--spacing) * 24);
}
.products-heading__block {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    opacity: 25%;
}
.products-heading__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.products-heading__block-2 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--brand-plum) 70%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--brand-plum) 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);
    --tw-gradient-to: color-mix(in oklab, var(--brand-plum) 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)
    );
}
.products-heading__block-3 {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
}
.products-heading__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.products-heading__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    max-width: var(--container-4xl);
    font-size: 2.4rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.products-heading__text {
    margin-top: calc(var(--spacing) * 6);
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .products-heading__text {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.projects-hero {
    position: relative;
    display: flex;
    min-height: 85vh;
    align-items: center;
    overflow: hidden;
    background-color: var(--brand-dark);
    padding-top: calc(var(--spacing) * 20);
}
.projects-hero__block {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
}
.projects-hero__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 30%;
}
.projects-hero__block-2 {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--brand-dark);
    --tw-gradient-via: color-mix(in oklab, var(--brand-plum) 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);
    --tw-gradient-to: color-mix(in oklab, var(--brand-dark) 40%, 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)
    );
}
.projects-hero__block-3 {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 20);
}
.projects-hero__block-4 {
    max-width: var(--container-4xl);
}
.projects-hero__label {
    margin-bottom: calc(var(--spacing) * 6);
    display: inline-block;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-accent);
}
@supports (color: color-mix(in lab, red, red)) {
    .projects-hero__label {
        border-color: color-mix(in oklab, var(--brand-accent) 50%, transparent);
    }
}
.projects-hero__label {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.projects-hero__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 8);
    font-size: 1.75rem;
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.projects-hero__label-2 {
    color: var(--brand-accent);
}
.projects-hero__text {
    margin-bottom: calc(var(--spacing) * 10);
    max-width: var(--container-2xl);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .projects-hero__text {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.projects-hero__block-5 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
}
.projects-hero__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .projects-hero__link:hover {
        background-color: var(--color-white);
    }
}
.projects-hero__icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
}
.projects-hero__link-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .projects-hero__link-2 {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
}
.projects-hero__link-2 {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-white);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .projects-hero__link-2:hover {
        border-color: var(--brand-accent);
    }
}
@media (hover: hover) {
    .projects-hero__link-2:hover {
        color: var(--brand-accent);
    }
}
.strategy {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    color: var(--brand-dark);
}
.strategy__block {
    margin-bottom: calc(var(--spacing) * 16);
    max-width: var(--container-3xl);
}
.strategy__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.strategy__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
.strategy__label-2 {
    color: var(--brand-plum);
}
.strategy__text {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .strategy__text {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.strategy__list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .strategy__list {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.strategy__list {
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .strategy__list {
        background-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.strategy__item {
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    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));
}
@media (hover: hover) {
    .strategy__item:hover {
        background-color: var(--brand-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .strategy__item:hover {
            background-color: color-mix(in oklab, var(--brand-accent) 15%, transparent);
        }
    }
}
.strategy__label-3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--brand-accent);
}
.strategy__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.strategy__text-2 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .strategy__text-2 {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.strategy__text-3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-top: calc(var(--spacing) * 14);
    max-width: var(--container-3xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--brand-accent);
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.levels {
    scroll-margin-top: calc(var(--spacing) * 20);
    background-color: var(--brand-dark);
    padding-block: calc(var(--spacing) * 24);
}
.levels__block {
    margin-bottom: calc(var(--spacing) * 16);
    max-width: var(--container-3xl);
}
.levels__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.levels__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.levels__label-2 {
    color: var(--brand-accent);
}
.levels__text {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__text {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.levels__block-2 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
}
.levels__card {
    display: flex;
    flex-direction: column;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__card {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.levels__card {
    background-color: color-mix(in srgb, #fff 3%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__card {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
}
.levels__card {
    padding: calc(var(--spacing) * 8);
    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));
}
@media (hover: hover) {
    .levels__card:hover {
        border-color: var(--brand-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .levels__card:hover {
            border-color: color-mix(in oklab, var(--brand-accent) 60%, transparent);
        }
    }
}
.levels__block-3 {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.levels__label-3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--brand-accent);
}
.levels__icon {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__icon {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
}
.levels__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: uppercase;
}
.levels__text-2 {
    margin-bottom: calc(var(--spacing) * 6);
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.levels__text-3 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__text-3 {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.levels__list {
    margin-bottom: calc(var(--spacing) * 8);
}
:where(.levels__list > :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)));
}
.levels__item {
    display: flex;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__item {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.levels__icon-2 {
    margin-top: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: var(--brand-accent);
}
.levels__block-4 {
    margin-top: auto;
}
:where(.levels__block-4 > :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)));
}
.levels__block-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__block-4 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.levels__block-4 {
    padding-top: calc(var(--spacing) * 6);
}
.levels__label-4 {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__label-4 {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
}
.levels__label-4 {
    text-transform: uppercase;
}
.levels__label-5 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    text-transform: uppercase;
}
.levels__label-6 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    display: block;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--brand-accent);
    text-transform: uppercase;
}
.levels__text-4 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .levels__text-4 {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
}
.levels__text-4 {
    font-style: italic;
}
.levels__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .levels__link:hover {
        background-color: var(--color-white);
    }
}
.levels__icon-3 {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
}
.complexity {
    background-color: var(--brand-plum);
    padding-block: calc(var(--spacing) * 24);
}
.complexity__block {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-7xl);
    align-items: center;
    gap: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 6);
}
.complexity__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.complexity__label {
    color: var(--brand-accent);
}
.complexity__text {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .complexity__text {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.complexity__text-2 {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .complexity__text-2 {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.complexity__block-2 {
    margin-bottom: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
}
.complexity__label-2 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
}
.complexity__label-3 {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-accent);
}
@supports (color: color-mix(in lab, red, red)) {
    .complexity__label-3 {
        border-color: color-mix(in oklab, var(--brand-accent) 60%, transparent);
    }
}
.complexity__label-3 {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.complexity__label-4 {
    color: color-mix(in srgb, #fff 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .complexity__label-4 {
        color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
}
.complexity__text-3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--brand-accent);
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: uppercase;
}
.technologies {
    background-color: oklch(0.97 0 0);
    padding-block: calc(var(--spacing) * 24);
    color: var(--brand-dark);
}
.technologies__block {
    margin-bottom: calc(var(--spacing) * 16);
    max-width: var(--container-3xl);
}
.technologies__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.technologies__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
.technologies__label-2 {
    color: var(--brand-plum);
}
.technologies__text {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .technologies__text {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.technologies__block-2 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
}
.technologies__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .technologies__card {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.technologies__card {
    background-color: var(--color-white);
    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));
}
@media (hover: hover) {
    .technologies__card:hover {
        border-color: var(--brand-plum);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .technologies__card:hover {
            border-color: color-mix(in oklab, var(--brand-plum) 40%, transparent);
        }
    }
}
.technologies__image {
    height: calc(var(--spacing) * 48);
    width: 100%;
    object-fit: cover;
}
.technologies__block-3 {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing) * 8);
}
.technologies__icon {
    margin-bottom: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    color: var(--brand-plum);
}
.technologies__label-3 {
    margin-bottom: calc(var(--spacing) * 3);
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.technologies__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.technologies__text-2 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .technologies__text-2 {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.technologies__text-3 {
    margin-top: auto;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: var(--brand-accent);
    padding-left: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--brand-dark);
}
.technologies__text-4 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-top: calc(var(--spacing) * 14);
    max-width: var(--container-4xl);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.development {
    background-color: var(--brand-dark);
    padding-block: calc(var(--spacing) * 24);
}
.development__block {
    margin-bottom: calc(var(--spacing) * 14);
    max-width: var(--container-3xl);
}
.development__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.development__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.development__label-2 {
    color: var(--brand-accent);
}
.development__text {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .development__text {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.development__list {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-direction: column;
    gap: 1px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .development__list {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.development__list {
    background-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .development__list {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.development__item {
    min-width: 140px;
    flex: 1;
    background-color: var(--brand-dark);
    padding: calc(var(--spacing) * 6);
    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));
}
@media (hover: hover) {
    .development__item:hover {
        background-color: var(--brand-plum);
    }
}
.development__label-3 {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--brand-accent);
}
.development__label-4 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: uppercase;
}
.development__text-2 {
    margin-bottom: calc(var(--spacing) * 12);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .development__text-2 {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
}
.development__text-3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 16);
    max-width: var(--container-4xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--brand-accent);
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: uppercase;
}
.development__block-2 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
}
.development__card {
    overflow: hidden;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .development__card {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.development__card {
    background-color: color-mix(in srgb, #fff 3%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .development__card {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
}
.development__card {
    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));
}
@media (hover: hover) {
    .development__card:hover {
        border-color: var(--brand-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .development__card:hover {
            border-color: color-mix(in oklab, var(--brand-accent) 60%, transparent);
        }
    }
}
.development__image {
    height: calc(var(--spacing) * 52);
    width: 100%;
    object-fit: cover;
}
:where(.development__block-3 > :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)));
}
.development__block-3 {
    padding: calc(var(--spacing) * 8);
}
.development__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: uppercase;
}
.development__label-5 {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.development__text-4 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .development__text-4 {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.prototype {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    color: var(--brand-dark);
}
.prototype__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    max-width: var(--container-3xl);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
.prototype__label {
    color: var(--brand-plum);
}
.prototype__text {
    margin-bottom: calc(var(--spacing) * 14);
    max-width: var(--container-2xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .prototype__text {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.prototype__block {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .prototype__block {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.prototype__block {
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .prototype__block {
        background-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.prototype__block-2 {
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 10);
    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));
}
@media (hover: hover) {
    .prototype__block-2:hover {
        background-color: var(--brand-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .prototype__block-2:hover {
            background-color: color-mix(in oklab, var(--brand-accent) 15%, transparent);
        }
    }
}
.prototype__label-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--brand-accent);
}
.prototype__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.prototype__text-2 {
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .prototype__text-2 {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.prototype__text-2 {
    font-style: italic;
}
.prototype__text-3 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-top: calc(var(--spacing) * 14);
    max-width: var(--container-4xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--brand-plum);
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.industrial {
    position: relative;
    overflow: hidden;
    background-color: var(--brand-plum);
    padding-block: calc(var(--spacing) * 24);
}
.industrial__image {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 15%;
}
.industrial__block {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
}
.industrial__block-2 {
    margin-bottom: calc(var(--spacing) * 14);
    max-width: var(--container-3xl);
}
.industrial__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.industrial__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.industrial__label-2 {
    color: var(--brand-accent);
}
.industrial__text {
    margin-bottom: calc(var(--spacing) * 6);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .industrial__text {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
}
.industrial__text-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--brand-accent);
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    text-transform: uppercase;
}
.industrial__block-3 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
}
.industrial__block-4 {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .industrial__block-4 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.industrial__block-4 {
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .industrial__block-4 {
        background-color: color-mix(in oklab, var(--brand-dark) 40%, transparent);
    }
}
.industrial__block-4 {
    padding: calc(var(--spacing) * 8);
    color: var(--color-white);
    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));
}
.industrial__icon {
    margin-bottom: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    color: var(--brand-accent);
}
.industrial__heading {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.industrial__text-3 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .industrial__text-3 {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.industrial__block-5 {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-accent);
    background-color: var(--brand-accent);
    padding: calc(var(--spacing) * 8);
    color: var(--brand-dark);
    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));
}
.industrial__icon-2 {
    margin-bottom: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    color: var(--brand-dark);
}
.industrial__text-4 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .industrial__text-4 {
        color: color-mix(in oklab, var(--brand-dark) 70%, transparent);
    }
}
.industrial__text-5 {
    margin-top: calc(var(--spacing) * 8);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: color-mix(in srgb, #fff 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .industrial__text-5 {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
}
.diagnosis {
    background-color: oklch(0.97 0 0);
    padding-block: calc(var(--spacing) * 24);
    color: var(--brand-dark);
}
.diagnosis__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 14);
    max-width: var(--container-3xl);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
.diagnosis__label {
    color: var(--brand-plum);
}
:where(.diagnosis__block > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
}
.diagnosis__block {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .diagnosis__block {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.diagnosis__block {
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .diagnosis__block {
        background-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.diagnosis__block-2 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    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));
}
@media (hover: hover) {
    .diagnosis__block-2:hover {
        background-color: var(--brand-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .diagnosis__block-2:hover {
            background-color: color-mix(in oklab, var(--brand-accent) 15%, transparent);
        }
    }
}
.diagnosis__text {
    flex: 1;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .diagnosis__text {
        color: color-mix(in oklab, var(--brand-dark) 80%, transparent);
    }
}
.diagnosis__text {
    font-style: italic;
}
.diagnosis__block-3 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
}
.diagnosis__icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: var(--brand-accent);
}
.diagnosis__label-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--brand-plum);
    text-transform: uppercase;
}
.diagnosis__block-4 {
    margin-top: calc(var(--spacing) * 12);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
}
.diagnosis__text-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    flex: 1;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-transform: uppercase;
}
.diagnosis__link {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-plum);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-white);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .diagnosis__link:hover {
        background-color: var(--brand-accent);
    }
}
@media (hover: hover) {
    .diagnosis__link:hover {
        color: var(--brand-dark);
    }
}
.diagnosis__icon-2 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
}
.not-found-path {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    color: var(--brand-dark);
}
.not-found-path__block {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-7xl);
    align-items: center;
    gap: calc(var(--spacing) * 14);
    padding-inline: calc(var(--spacing) * 6);
}
.not-found-path__image {
    height: 340px;
    width: 100%;
    border-radius: var(--radius);
    object-fit: cover;
}
.not-found-path__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.27;
    line-height: 1.27;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    text-transform: uppercase;
}
.not-found-path__label {
    color: var(--brand-plum);
}
.not-found-path__block-2 {
    margin-bottom: calc(var(--spacing) * 8);
}
:where(.not-found-path__block-2 > :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)));
}
.not-found-path__block-2 {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .not-found-path__block-2 {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.not-found-path__block-3 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
}
.not-found-path__link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .not-found-path__link:hover {
        background-color: var(--brand-plum);
    }
}
@media (hover: hover) {
    .not-found-path__link:hover {
        color: var(--color-white);
    }
}
.not-found-path__icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
}
.not-found-path__link-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .not-found-path__link-2 {
        border-color: color-mix(in oklab, var(--brand-dark) 20%, transparent);
    }
}
.not-found-path__link-2 {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .not-found-path__link-2:hover {
        border-color: var(--brand-plum);
    }
}
@media (hover: hover) {
    .not-found-path__link-2:hover {
        color: var(--brand-plum);
    }
}
.checklist {
    position: relative;
    overflow: hidden;
    background-color: var(--brand-dark);
    padding-block: calc(var(--spacing) * 24);
}
.checklist__image {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    display: none;
    height: 100%;
    width: calc(1 / 3 * 100%);
    object-fit: cover;
    opacity: 10%;
}
.checklist__block {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 6);
}
.checklist__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.checklist__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 14);
    max-width: var(--container-3xl);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: 1.24;
    line-height: 1.24;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.checklist__label-2 {
    color: var(--brand-accent);
}
.checklist__list {
    margin-bottom: calc(var(--spacing) * 12);
    display: grid;
    max-width: var(--container-4xl);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 12);
    row-gap: calc(var(--spacing) * 4);
}
.checklist__item {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .checklist__item {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.checklist__item {
    padding-bottom: calc(var(--spacing) * 4);
    color: color-mix(in srgb, #fff 80%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .checklist__item {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
}
.checklist__icon {
    margin-top: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
    color: var(--brand-accent);
}
.checklist__block-2 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
}
.checklist__text {
    max-width: var(--container-2xl);
    flex: 1;
    color: color-mix(in srgb, #fff 60%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .checklist__text {
        color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
}
.checklist__link {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    background-color: var(--brand-accent);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--brand-dark);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .checklist__link:hover {
        background-color: var(--color-white);
    }
}
.checklist__icon-2 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
}
.about-heading {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .about-heading {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
}
.about-heading {
    background-color: var(--brand-dark);
    padding-block: calc(var(--spacing) * 24);
}
.about-heading__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.about-heading__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    max-width: var(--container-4xl);
    font-size: 2.4rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.about-heading__label-2 {
    color: var(--brand-accent);
    font-style: italic;
}
.site-shell__block-2 {
    min-height: 100vh;
    padding-top: calc(var(--spacing) * 20);
}
.contact-heading {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #fff 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .contact-heading {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
}
.contact-heading {
    background-color: var(--brand-dark);
    padding-block: calc(var(--spacing) * 24);
}
.contact-heading__label {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-accent);
    text-transform: uppercase;
}
.contact-heading__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    max-width: var(--container-4xl);
    font-size: 2.4rem;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-white);
    text-transform: uppercase;
}
.contact {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
}
.contact__block {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-7xl);
    gap: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 6);
}
.contact__title {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--brand-dark);
    text-transform: uppercase;
}
:where(.contact__list > :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)));
}
.contact__list {
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .contact__list {
        color: color-mix(in oklab, var(--brand-dark) 80%, transparent);
    }
}
.contact__label {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-plum);
    text-transform: uppercase;
}
.contact__link {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    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));
}
@media (hover: hover) {
    .contact__link:hover {
        color: var(--brand-plum);
    }
}
.contact__text {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .contact__text {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
:where(.contact__form > :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)));
}
.contact__form {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .contact__form {
        border-color: color-mix(in oklab, var(--brand-dark) 10%, transparent);
    }
}
.contact__form {
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    --tw-shadow:
        0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow);
}
.contact__title-2 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--brand-dark);
    text-transform: uppercase;
}
.contact__block-2 {
    display: grid;
    gap: calc(var(--spacing) * 6);
}
.contact__field-label {
    margin-bottom: calc(var(--spacing) * 3);
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
    color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .contact__field-label {
        color: color-mix(in oklab, var(--brand-dark) 60%, transparent);
    }
}
.contact__field-label {
    text-transform: uppercase;
}
.contact__input {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .contact__input {
        border-color: color-mix(in oklab, var(--brand-dark) 15%, transparent);
    }
}
.contact__input {
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--brand-dark);
    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));
}
.contact__input:focus {
    border-color: var(--brand-plum);
}
.contact__input:focus {
    --tw-outline-style: none;
    outline-style: none;
}
.contact__button {
    width: 100%;
    border-radius: var(--radius);
    background-color: var(--brand-dark);
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    color: var(--color-white);
    text-transform: uppercase;
    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));
}
@media (hover: hover) {
    .contact__button:hover {
        background-color: var(--brand-plum);
    }
}
.contact__button:disabled {
    opacity: 60%;
}
.site-nav.is-scrolled {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-nav.is-scrolled {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
}
.site-nav.is-scrolled {
    background-color: var(--brand-dark);
}
@supports (color: color-mix(in lab, red, red)) {
    .site-nav.is-scrolled {
        background-color: color-mix(in oklab, var(--brand-dark) 85%, transparent);
    }
}
.site-nav.is-scrolled {
    --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,);
}
.site-nav a.is-active {
    color: var(--brand-accent);
}
.text-outline-accent {
    -webkit-text-stroke: 1px var(--brand-accent);
}
.text-outline-plum {
    -webkit-text-stroke: 1px var(--brand-plum);
}
.showcase__slide {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
}
.showcase__slide.is-active {
    opacity: 1;
}
.showcase__dot {
    height: 3px;
    width: calc(var(--spacing) * 6);
    background-color: color-mix(in srgb, #fff 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
    .showcase__dot {
        background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
}
.showcase__dot {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.showcase__dot.is-active {
    width: calc(var(--spacing) * 10);
    background-color: var(--brand-accent);
}
@property --tw-duration {
    syntax: "*";
    inherits: false;
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}
@property --tw-tracking {
    syntax: "*";
    inherits: false;
}
@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-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@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-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: 0px;
}
@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-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;
}
@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
        ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *,
        ::before,
        ::after,
        ::backdrop {
            --tw-duration: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --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-border-style: solid;
            --tw-leading: initial;
            --tw-outline-style: solid;
            --tw-space-y-reverse: 0;
            --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-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-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;
        }
    }
}
/*========== Responsivo: mesmos breakpoints da referência (640 / 768 / 1024 px) ========== */
@media (width >= 48rem) {
    .site-nav__block-2 {
        display: flex;
    }
}
@media (width >= 40rem) {
    .site-nav__link-3 {
        display: inline-block;
    }
}
@media (width >= 48rem) {
    .hero__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 64rem) {
    .hero__title {
        font-size: 3.85rem;
    }
}
@media (width >= 48rem) {
    .hero__text {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
@media (width >= 48rem) {
    .solutions__block {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .solutions__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 40rem) {
    .solutions__block-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 64rem) {
    .solutions__block-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .products__block {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .products__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .products__block-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 64rem) {
    .products__block-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .dual-path__block-4 {
        padding-block: calc(var(--spacing) * 48);
    }
}
@media (width >= 48rem) {
    .dual-path__title {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
}
@media (width >= 64rem) {
    .dual-path__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .dual-path__text {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
@media (width >= 40rem) {
    .dual-path__block-6 {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .business-lines {
        padding-block: calc(var(--spacing) * 24);
    }
}
@media (width >= 48rem) {
    .business-lines__title {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
}
@media (width >= 48rem) {
    :where(.business-lines__block-2 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }
}
@media (width >= 48rem) {
    .business-lines__block-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .business-lines__block-3 {
        gap: calc(var(--spacing) * 10);
    }
}
@media (width >= 40rem) {
    .business-lines__heading {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}
@media (width >= 48rem) {
    .business-lines__heading {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
}
@media (width >= 40rem) {
    .business-lines__text {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
}
@media (width >= 40rem) {
    .business-lines__block-6 {
        flex-direction: row;
    }
}
@media (width >= 40rem) {
    .business-lines__link {
        width: auto;
    }
}
@media (width >= 40rem) {
    .business-lines__link {
        justify-content: flex-start;
    }
}
@media (width >= 40rem) {
    .business-lines__link {
        padding-inline: calc(var(--spacing) * 7);
    }
}
@media (width >= 40rem) {
    .business-lines__link {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
}
@media (width >= 40rem) {
    .business-lines__link {
        --tw-tracking: 0.18em;
        letter-spacing: 0.18em;
    }
}
@media (width >= 40rem) {
    .business-lines__link-2 {
        width: auto;
    }
}
@media (width >= 40rem) {
    .business-lines__link-2 {
        justify-content: flex-start;
    }
}
@media (width >= 40rem) {
    .business-lines__link-2 {
        padding-inline: calc(var(--spacing) * 7);
    }
}
@media (width >= 40rem) {
    .business-lines__link-2 {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
}
@media (width >= 40rem) {
    .business-lines__link-2 {
        --tw-tracking: 0.18em;
        letter-spacing: 0.18em;
    }
}
@media (width >= 48rem) {
    .business-lines__block-7 {
        order: 2;
    }
}
@media (width >= 48rem) {
    .segments__title {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
}
@media (width >= 48rem) {
    .segments__block-2 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .differentials__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .differentials__block-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 64rem) {
    .differentials__block-2 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .cases__heading {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
}
@media (width >= 48rem) {
    .cases__block-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .cases__label-2 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-3 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-4 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-5 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-6 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-7 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-8 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-9 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-10 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .cases__label-11 {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
}
@media (width >= 48rem) {
    .materials__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .materials__text {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
@media (width >= 40rem) {
    .materials__block-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 64rem) {
    .materials__block-2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .showcase__heading {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 64rem) {
    .showcase__heading {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
}
@media (width >= 48rem) {
    .showcase__text {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
@media (width >= 48rem) {
    .process__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .process__block-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 64rem) {
    .process__block-2 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .about__block {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .about__block-3 {
        display: block;
    }
}
@media (width >= 48rem) {
    .about__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .final-cta {
        padding-block: calc(var(--spacing) * 40);
    }
}
@media (width >= 48rem) {
    .final-cta__block {
        font-size: 30rem;
    }
}
@media (width >= 48rem) {
    .final-cta__title {
        font-size: 3.375rem;
    }
}
@media (width >= 64rem) {
    .final-cta__title {
        font-size: 4.5rem;
    }
}
@media (width >= 48rem) {
    .site-footer__block {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .solutions-heading__title {
        font-size: 3.75rem;
    }
}
@media (width >= 64rem) {
    .solutions-heading__title {
        font-size: 4.5rem;
    }
}
@media (width >= 48rem) {
    .solutions-gallery__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .solutions-gallery__block-2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .products-heading__block {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .products-heading__title {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
}
@media (width >= 48rem) {
    .projects-hero__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 64rem) {
    .projects-hero__title {
        font-size: 3.85rem;
    }
}
@media (width >= 48rem) {
    .projects-hero__text {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
@media (width >= 48rem) {
    .strategy {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 48rem) {
    .strategy__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .strategy__list {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .strategy__text-3 {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
}
@media (width >= 48rem) {
    .levels {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 48rem) {
    .levels__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 64rem) {
    .levels__block-2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .complexity {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 64rem) {
    .complexity__block {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .complexity__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .complexity__text-3 {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}
@media (width >= 48rem) {
    .technologies {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 48rem) {
    .technologies__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .technologies__block-2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .technologies__text-4 {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
}
@media (width >= 48rem) {
    .development {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 48rem) {
    .development__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .development__list {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .development__list {
        flex-wrap: wrap;
    }
}
@media (width >= 48rem) {
    .development__list {
        align-items: stretch;
    }
}
@media (width >= 48rem) {
    .development__text-3 {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}
@media (width >= 48rem) {
    .development__block-2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .prototype {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 48rem) {
    .prototype__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .prototype__block {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .prototype__text-3 {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}
@media (width >= 48rem) {
    .industrial {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 48rem) {
    .industrial__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .industrial__text-2 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
}
@media (width >= 48rem) {
    .industrial__block-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .diagnosis {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 48rem) {
    .diagnosis__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .diagnosis__block-2 {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .diagnosis__block-2 {
        align-items: center;
    }
}
@media (width >= 48rem) {
    .diagnosis__block-2 {
        gap: calc(var(--spacing) * 8);
    }
}
@media (width >= 48rem) {
    .diagnosis__block-2 {
        padding: calc(var(--spacing) * 8);
    }
}
@media (width >= 48rem) {
    .diagnosis__text {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
@media (width >= 48rem) {
    .diagnosis__block-4 {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .diagnosis__block-4 {
        align-items: center;
    }
}
@media (width >= 48rem) {
    .diagnosis__text-2 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
}
@media (width >= 48rem) {
    .diagnosis__link {
        width: auto;
    }
}
@media (width >= 48rem) {
    .not-found-path {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 64rem) {
    .not-found-path__block {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .not-found-path__title {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
}
@media (width >= 48rem) {
    .checklist {
        padding-block: calc(var(--spacing) * 32);
    }
}
@media (width >= 64rem) {
    .checklist__image {
        display: block;
    }
}
@media (width >= 48rem) {
    .checklist__title {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (width >= 48rem) {
    .checklist__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 48rem) {
    .checklist__block-2 {
        flex-direction: row;
    }
}
@media (width >= 48rem) {
    .checklist__block-2 {
        align-items: center;
    }
}
@media (width >= 48rem) {
    .checklist__link {
        width: auto;
    }
}
@media (width >= 48rem) {
    .about-heading__title {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
}
@media (width >= 48rem) {
    .contact-heading__title {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
}
@media (width >= 64rem) {
    .contact__block {
        grid-template-columns: 1fr 1.2fr;
    }
}
@media (width >= 48rem) {
    .contact__form {
        padding: calc(var(--spacing) * 10);
    }
}
@media (width >= 40rem) {
    .contact__block-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (width >= 40rem) {
    .contact__button {
        width: auto;
    }
}