@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(../fonts/48cb8c496a1feb17-s.0734_fcy06s9j.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(../fonts/87ccb897ba116d44-s.05f-deljhbeh9.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(../fonts/e9a8df42b0c6fb7a-s.2k0uebm9v9x1w.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(../fonts/804b9eb4033edb5d-s.1fbf3d0ri8mfi.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(../fonts/6ad1cda2f16975ee-s.p.2j22bd4n1tlhh.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(../fonts/48cb8c496a1feb17-s.0734_fcy06s9j.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(../fonts/87ccb897ba116d44-s.05f-deljhbeh9.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(../fonts/e9a8df42b0c6fb7a-s.2k0uebm9v9x1w.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(../fonts/804b9eb4033edb5d-s.1fbf3d0ri8mfi.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(../fonts/6ad1cda2f16975ee-s.p.2j22bd4n1tlhh.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(../fonts/48cb8c496a1feb17-s.0734_fcy06s9j.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(../fonts/87ccb897ba116d44-s.05f-deljhbeh9.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(../fonts/e9a8df42b0c6fb7a-s.2k0uebm9v9x1w.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(../fonts/804b9eb4033edb5d-s.1fbf3d0ri8mfi.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(../fonts/6ad1cda2f16975ee-s.p.2j22bd4n1tlhh.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(../fonts/48cb8c496a1feb17-s.0734_fcy06s9j.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(../fonts/87ccb897ba116d44-s.05f-deljhbeh9.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(../fonts/e9a8df42b0c6fb7a-s.2k0uebm9v9x1w.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(../fonts/804b9eb4033edb5d-s.1fbf3d0ri8mfi.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family:Oswald;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(../fonts/6ad1cda2f16975ee-s.p.2j22bd4n1tlhh.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family:Oswald Fallback;
    src:local(Arial);
    ascent-override:146.51%;
    descent-override:35.49%;
    line-gap-override:0.0%;
    size-adjust:81.43%
}

.oswald_f8f85dc3-module__y0cKeq__className {
    font-family:Oswald,Oswald Fallback;
    font-style:normal
}

.oswald_f8f85dc3-module__y0cKeq__variable {
    --font-display:"Oswald", "Oswald Fallback"
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../fonts/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../fonts/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../fonts/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");
    unicode-range:U+1F??
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../fonts/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");
    unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../fonts/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../fonts/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family:Inter;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../fonts/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family:Inter Fallback;
    src:local(Arial);
    ascent-override:90.44%;
    descent-override:22.52%;
    line-gap-override:0.0%;
    size-adjust:107.12%
}

.inter_ea55aed0-module__KujYLq__className {
    font-family:Inter,Inter Fallback;
    font-style:normal
}

.inter_ea55aed0-module__KujYLq__variable {
    --font-body:"Inter", "Inter Fallback"
}

@font-face {
    font-family:JetBrains Mono;
    font-style:normal;
    font-weight:100 800;
    font-display:swap;
    src:url(../fonts/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");
    unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family:JetBrains Mono;
    font-style:normal;
    font-weight:100 800;
    font-display:swap;
    src:url(../fonts/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");
    unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family:JetBrains Mono;
    font-style:normal;
    font-weight:100 800;
    font-display:swap;
    src:url(../fonts/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");
    unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF
}

@font-face {
    font-family:JetBrains Mono;
    font-style:normal;
    font-weight:100 800;
    font-display:swap;
    src:url(../fonts/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family:JetBrains Mono;
    font-style:normal;
    font-weight:100 800;
    font-display:swap;
    src:url(../fonts/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family:JetBrains Mono;
    font-style:normal;
    font-weight:100 800;
    font-display:swap;
    src:url(../fonts/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family:JetBrains Mono Fallback;
    src:local(Arial);
    ascent-override:75.79%;
    descent-override:22.29%;
    line-gap-override:0.0%;
    size-adjust:134.59%
}

.jetbrains_mono_d5591ac2-module__D88TVW__className {
    font-family:JetBrains Mono,JetBrains Mono Fallback;
    font-style:normal
}

.jetbrains_mono_d5591ac2-module__D88TVW__variable {
    --font-mono:"JetBrains Mono", "JetBrains Mono Fallback"
}

@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-rotate-x:initial;
            --tw-rotate-y:initial;
            --tw-rotate-z:initial;
            --tw-skew-x:initial;
            --tw-skew-y:initial;
            --tw-space-y-reverse:0;
            --tw-divide-y-reverse:0;
            --tw-border-style:solid;
            --tw-gradient-position:initial;
            --tw-gradient-from:#0000;
            --tw-gradient-via:#0000;
            --tw-gradient-to:#0000;
            --tw-gradient-stops:initial;
            --tw-gradient-via-stops:initial;
            --tw-gradient-from-position:0%;
            --tw-gradient-via-position:50%;
            --tw-gradient-to-position:100%;
            --tw-leading:initial;
            --tw-font-weight:initial;
            --tw-tracking:initial;
            --tw-shadow:0 0 #0000;
            --tw-shadow-color:initial;
            --tw-shadow-alpha:100%;
            --tw-inset-shadow:0 0 #0000;
            --tw-inset-shadow-color:initial;
            --tw-inset-shadow-alpha:100%;
            --tw-ring-color:initial;
            --tw-ring-shadow:0 0 #0000;
            --tw-inset-ring-color:initial;
            --tw-inset-ring-shadow:0 0 #0000;
            --tw-ring-inset:initial;
            --tw-ring-offset-width:0px;
            --tw-ring-offset-color:#fff;
            --tw-ring-offset-shadow:0 0 #0000;
            --tw-blur:initial;
            --tw-brightness:initial;
            --tw-contrast:initial;
            --tw-grayscale:initial;
            --tw-hue-rotate:initial;
            --tw-invert:initial;
            --tw-opacity:initial;
            --tw-saturate:initial;
            --tw-sepia:initial;
            --tw-drop-shadow:initial;
            --tw-drop-shadow-color:initial;
            --tw-drop-shadow-alpha:100%;
            --tw-drop-shadow-size:initial;
            --tw-duration:initial;
            --tw-ease:initial;
            --tw-scale-x:1;
            --tw-scale-y:1;
            --tw-scale-z:1
        }

    }

}

@layer theme {
    :root,:host {
        --font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono:var(--font-mono);
        --spacing:.25rem;
        --container-xl:36rem;
        --container-3xl:48rem;
        --container-4xl:56rem;
        --container-5xl:64rem;
        --container-6xl:72rem;
        --container-7xl:80rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1 / .75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25 / .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;
        --font-weight-medium:500;
        --font-weight-semibold:600;
        --tracking-tight:-.025em;
        --tracking-normal:0em;
        --tracking-wide:.025em;
        --tracking-wider:.05em;
        --tracking-widest:.1em;
        --leading-relaxed:1.625;
        --ease-in-out:cubic-bezier(.4, 0, .2, 1);
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
        --default-font-family:var(--font-sans);
        --default-mono-font-family:var(--font-mono);
        --font-display:var(--font-display);
        --font-body:var(--font-body);
        --color-ink:var(--color-ink);
        --color-paper:var(--color-paper);
        --color-oxide:var(--color-oxide);
        --color-oxide-dark:var(--color-oxide-dark);
        --color-steel:var(--color-steel);
        --color-safety:var(--color-safety)
    }

}
.down{
    margin-top: 35px;
}
.down a{
    padding: 10px 15px;
    background-color: transparent;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    transition: .4s ease-in-out;
}
.down a:hover{
    background-color: #c4491a;
    border-color: #c4491a;
    color: rgba(255, 255, 255, 1);
}
.work-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.work-item{
    background-color: #fff;
    border: 1px solid #c4491a;
    padding: 15px;
}
.work-item h3{
        font-size: 14px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 15px;
}
.work-item p{
        font-size: 13px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.7);
        margin-bottom: 0;
        line-height: 1.5;
}
.cer-grid{
    display: flex;
    gap: 15px;
}
@layer base {
    *,:after,:before,::backdrop {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }

    ::file-selector-button {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }

    html,:host {
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }

    hr {
        height:0;
        color:inherit;
        border-top-width:1px
    }

    abbr:where([title]) {
        -webkit-text-decoration:underline dotted;
        text-decoration:underline dotted
    }

    h1,h2,h3,h4,h5,h6 {
        font-size:inherit;
        font-weight:inherit
    }

    a {
        color:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }

    b,strong {
        font-weight:bolder
    }

    code,kbd,samp,pre {
        font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }

    small {
        font-size:80%
    }

    sub,sup {
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }

    sub {
        bottom:-.25em
    }

    sup {
        top:-.5em
    }

    table {
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }

    :-moz-focusring:where(:not(iframe)) {
        outline:auto
    }

    progress {
        vertical-align:baseline
    }

    summary {
        display:list-item
    }

    ol,ul,menu {
        list-style:none
    }

    img,svg,video,canvas,audio,iframe,embed,object {
        vertical-align:middle;
        display:block
    }

    img,video {
        max-width:100%;
        height:auto
    }

    button,input,select,optgroup,textarea {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }

    ::file-selector-button {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }

    :where(select:is([multiple],[size])) optgroup {
        font-weight:bolder
    }

    :where(select:is([multiple],[size])) optgroup option {
        padding-inline-start:20px
    }

    ::file-selector-button {
        margin-inline-end:4px
    }

    ::placeholder {
        opacity:1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color:currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::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 {
        padding-block:0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block:0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block:0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block:0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block:0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block:0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block:0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block:0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block:0
    }

    ::-webkit-calendar-picker-indicator {
        line-height:1
    }

    :-moz-ui-invalid {
        box-shadow:none
    }

    button,input:where([type=button],[type=reset],[type=submit]) {
        appearance:button
    }

    ::file-selector-button {
        appearance:button
    }

    ::-webkit-inner-spin-button {
        height:auto
    }

    ::-webkit-outer-spin-button {
        height:auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display:none!important
    }

}

@layer components;
@layer utilities {
    .absolute {
        position:absolute
    }

    .relative {
        position:relative
    }

    .inset-0 {
        inset:0
    }

    .-right-4 {
        right:calc(var(--spacing) * -4)
    }

    .-bottom-4 {
        bottom:calc(var(--spacing) * -4)
    }

    .z-10 {
        z-index:10
    }

    .z-20 {
        z-index:20
    }

    .mx-2 {
        margin-inline:calc(var(--spacing) * 2)
    }

    .mx-auto {
        margin-inline:auto
    }

    .-mt-8 {
        margin-top:calc(var(--spacing) * -8)
    }

    .mt-1 {
        margin-top:var(--spacing)
    }

    .mt-2 {
        margin-top:calc(var(--spacing) * 2)
    }

    .mt-4 {
        margin-top:calc(var(--spacing) * 4)
    }

    .mt-6 {
        margin-top:calc(var(--spacing) * 6)
    }

    .mt-8 {
        margin-top:calc(var(--spacing) * 8)
    }

    .mt-10 {
        margin-top:calc(var(--spacing) * 10)
    }

    .mt-12 {
        margin-top:calc(var(--spacing) * 12)
    }

    .mt-16 {
        margin-top:calc(var(--spacing) * 16)
    }

    .mt-auto {
        margin-top:auto
    }

    .mb-1 {
        margin-bottom:var(--spacing)
    }

    .mb-2 {
        margin-bottom:calc(var(--spacing) * 2)
    }

    .mb-4 {
        margin-bottom:calc(var(--spacing) * 4)
    }

    .mb-8 {
        margin-bottom:calc(var(--spacing) * 8)
    }

    .block {
        display:block
    }

    .flex {
        display:flex
    }

    .grid {
        display:grid
    }

    .hidden {
        display:none
    }

    .inline-flex {
        display:inline-flex
    }

    .h-1\.5 {
        height:calc(var(--spacing) * 1.5)
    }

    .h-8 {
        height:calc(var(--spacing) * 8)
    }

    .h-9 {
        height:calc(var(--spacing) * 9)
    }

    .h-14 {
        height:calc(var(--spacing) * 14)
    }

    .h-24 {
        height:calc(var(--spacing) * 24)
    }

    .h-40 {
        height:calc(var(--spacing) * 40)
    }

    .h-\[150px\] {
        height:150px
    }

    .h-\[480px\] {
        height:480px
    }

    .h-auto {
        height:auto
    }

    .h-full {
        height:100%
    }

    .max-h-16 {
        max-height:calc(var(--spacing) * 16)
    }

    .max-h-32 {
        max-height:calc(var(--spacing) * 32)
    }

    .min-h-\[240px\] {
        min-height:240px
    }

    .min-h-full {
        min-height:100%
    }

    .w-6 {
        width:calc(var(--spacing) * 6)
    }

    .w-8 {
        width:calc(var(--spacing) * 8)
    }

    .w-9 {
        width:calc(var(--spacing) * 9)
    }

    .w-14 {
        width:calc(var(--spacing) * 14)
    }

    .w-44 {
        width:calc(var(--spacing) * 44)
    }

    .w-\[180px\] {
        width:180px
    }

    .w-auto {
        width:auto
    }

    .w-full {
        width:100%
    }

    .max-w-3xl {
        max-width:var(--container-3xl)
    }

    .max-w-4xl {
        max-width:var(--container-4xl)
    }

    .max-w-5xl {
        max-width:var(--container-5xl)
    }

    .max-w-6xl {
        max-width:var(--container-6xl)
    }

    .max-w-7xl {
        max-width:var(--container-7xl)
    }

    .max-w-xl {
        max-width:var(--container-xl)
    }

    .min-w-max {
        min-width:max-content
    }

    .flex-1 {
        flex:1
    }

    .shrink-0 {
        flex-shrink:0
    }

    .caption-top {
        caption-side:top
    }

    .border-collapse {
        border-collapse:collapse
    }

    .transform {
        transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
    }

    .resize {
        resize:both
    }

    .list-decimal {
        list-style-type:decimal
    }

    .list-disc {
        list-style-type:disc
    }

    .grid-cols-1 {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }

    .grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .flex-col {
        flex-direction:column
    }

    .flex-wrap {
        flex-wrap:wrap
    }

    .items-center {
        align-items:center
    }

    .items-end {
        align-items:flex-end
    }

    .items-start {
        align-items:flex-start
    }

    .justify-between {
        justify-content:space-between
    }

    .justify-center {
        justify-content:center
    }

    .gap-1 {
        gap:var(--spacing)
    }

    .gap-2 {
        gap:calc(var(--spacing) * 2)
    }

    .gap-3 {
        gap:calc(var(--spacing) * 3)
    }

    .gap-4 {
        gap:calc(var(--spacing) * 4)
    }

    .gap-5 {
        gap:calc(var(--spacing) * 5)
    }

    .gap-10 {
        gap:calc(var(--spacing) * 10)
    }

    .gap-12 {
        gap:calc(var(--spacing) * 12)
    }

    .gap-px {
        gap:1px
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse:0;
        margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));
        margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>: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)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-8>: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)))
    }

    :where(.space-y-10>: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)))
    }

    :where(.space-y-14>: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)))
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse:0;
        border-bottom-style:var(--tw-border-style);
        border-top-style:var(--tw-border-style);
        border-top-width:calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-ink\/10>:not(:last-child)) {
        border-color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-ink\/10>:not(:last-child)) {
            border-color:color-mix(in oklab, var(--color-ink) 10%, transparent)
        }

    }

    .overflow-hidden {
        overflow:hidden
    }

    .overflow-x-auto {
        overflow-x:auto
    }

    .rounded {
        border-radius:.25rem
    }

    .border {
        border-style:var(--tw-border-style);
        border-width:1px
    }

    .border-y {
        border-block-style:var(--tw-border-style);
        border-block-width:1px
    }

    .border-t {
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }

    .border-t-2 {
        border-top-style:var(--tw-border-style);
        border-top-width:2px
    }

    .border-t-4 {
        border-top-style:var(--tw-border-style);
        border-top-width:4px
    }

    .border-b {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }

    .border-b-2 {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:2px
    }

    .border-b-4 {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:4px
    }

    .border-l {
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }

    .border-l-2 {
        border-left-style:var(--tw-border-style);
        border-left-width:2px
    }

    .border-ink,.border-ink\/10 {
        border-color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink\/10 {
            border-color:color-mix(in oklab, var(--color-ink) 10%, transparent)
        }

    }

    .border-ink\/15 {
        border-color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink\/15 {
            border-color:color-mix(in oklab, var(--color-ink) 15%, transparent)
        }

    }

    .border-ink\/25 {
        border-color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-ink\/25 {
            border-color:color-mix(in oklab, var(--color-ink) 25%, transparent)
        }

    }

    .border-oxide {
        border-color:var(--color-oxide)
    }

    .border-safety {
        border-color:var(--color-safety)
    }

    .border-steel\/20 {
        border-color:var(--color-steel)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-steel\/20 {
            border-color:color-mix(in oklab, var(--color-steel) 20%, transparent)
        }

    }

    .border-steel\/30 {
        border-color:var(--color-steel)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-steel\/30 {
            border-color:color-mix(in oklab, var(--color-steel) 30%, transparent)
        }

    }

    .border-steel\/40 {
        border-color:var(--color-steel)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-steel\/40 {
            border-color:color-mix(in oklab, var(--color-steel) 40%, transparent)
        }

    }

    .border-steel\/50 {
        border-color:var(--color-steel)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-steel\/50 {
            border-color:color-mix(in oklab, var(--color-steel) 50%, transparent)
        }

    }

    .bg-\[\#0a0b06\] {
        background-color:#0a0b06
    }

    .bg-\[\#F5F2EA\] {
        background-color:#f5f2ea
    }

    .bg-ink,.bg-ink\/10 {
        background-color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink\/10 {
            background-color:color-mix(in oklab, var(--color-ink) 10%, transparent)
        }

    }

    .bg-ink\/\[0\.03\] {
        background-color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-ink\/\[0\.03\] {
            background-color:color-mix(in oklab, var(--color-ink) 3%, transparent)
        }

    }

    .bg-oxide {
        background-color:var(--color-oxide)
    }

    .bg-paper {
        background-color:var(--color-paper)
    }

    .bg-safety\/10 {
        background-color:var(--color-safety)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-safety\/10 {
            background-color:color-mix(in oklab, var(--color-safety) 10%, transparent)
        }

    }

    .bg-steel\/30 {
        background-color:var(--color-steel)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-steel\/30 {
            background-color:color-mix(in oklab, var(--color-steel) 30%, transparent)
        }

    }

    .bg-transparent {
        background-color:#0000
    }

    .bg-gradient-to-t {
        --tw-gradient-position:to top in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }

    .from-ink {
        --tw-gradient-from:var(--color-ink);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .via-ink\/40 {
        --tw-gradient-via:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .via-ink\/40 {
            --tw-gradient-via:color-mix(in oklab, var(--color-ink) 40%, transparent)
        }

    }

    .via-ink\/40 {
        --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }

    .to-ink\/60 {
        --tw-gradient-to:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-ink\/60 {
            --tw-gradient-to:color-mix(in oklab, var(--color-ink) 60%, transparent)
        }

    }

    .to-ink\/60 {
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .bg-cover {
        background-size:cover
    }

    .bg-center {
        background-position:50%
    }

    .object-contain {
        object-fit:contain
    }

    .object-cover {
        object-fit:cover
    }

    .p-2 {
        padding:calc(var(--spacing) * 2)
    }

    .p-3 {
        padding:calc(var(--spacing) * 3)
    }

    .p-4 {
        padding:calc(var(--spacing) * 4)
    }

    .p-5 {
        padding:calc(var(--spacing) * 5)
    }

    .px-3 {
        padding-inline:calc(var(--spacing) * 3)
    }

    .px-4 {
        padding-inline:calc(var(--spacing) * 4)
    }

    .px-5 {
        padding-inline:calc(var(--spacing) * 5)
    }

    .px-6 {
        padding-inline:calc(var(--spacing) * 6)
    }

    .px-7 {
        padding-inline:calc(var(--spacing) * 7)
    }

    .px-8 {
        padding-inline:calc(var(--spacing) * 8)
    }

    .py-2 {
        padding-block:calc(var(--spacing) * 2)
    }

    .py-3 {
        padding-block:calc(var(--spacing) * 3)
    }

    .py-4 {
        padding-block:calc(var(--spacing) * 4)
    }

    .py-8 {
        padding-block:calc(var(--spacing) * 8)
    }

    .py-14 {
        padding-block:calc(var(--spacing) * 14)
    }

    .py-16 {
        padding-block:calc(var(--spacing) * 16)
    }

    .pt-5 {
        padding-top:calc(var(--spacing) * 5)
    }

    .pt-20 {
        padding-top:calc(var(--spacing) * 20)
    }

    .pt-24 {
        padding-top:calc(var(--spacing) * 24)
    }

    .pb-8 {
        padding-bottom:calc(var(--spacing) * 8)
    }

    .pb-16 {
        padding-bottom:calc(var(--spacing) * 16)
    }

    .pl-5 {
        padding-left:calc(var(--spacing) * 5)
    }

    .pl-6 {
        padding-left:calc(var(--spacing) * 6)
    }

    .text-center {
        text-align:center
    }

    .text-left {
        text-align:left
    }

    .font-body {
        font-family:var(--font-body)
    }

    .font-display {
        font-family:var(--font-display)
    }

    .font-mono {
        font-family:var(--font-mono)
    }

    .text-3xl {
        font-size:var(--text-3xl);
        line-height:var(--tw-leading,var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size:var(--text-4xl);
        line-height:var(--tw-leading,var(--text-4xl--line-height))
    }

    .text-lg {
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
    }

    .text-sm {
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
    }

    .text-xl {
        font-size:var(--text-xl);
        line-height:var(--tw-leading,var(--text-xl--line-height))
    }

    .text-xs {
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
    }

    .text-\[10px\] {
        font-size:10px
    }

    .text-\[11px\] {
        font-size:11px
    }

    .leading-\[1\.05\] {
        --tw-leading:1.05;
        line-height:1.05
    }

    .leading-relaxed {
        --tw-leading:var(--leading-relaxed);
        line-height:var(--leading-relaxed)
    }

    .font-medium {
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }

    .font-semibold {
        --tw-font-weight:var(--font-weight-semibold);
        font-weight:var(--font-weight-semibold)
    }

    .tracking-\[0\.3em\] {
        --tw-tracking:.3em;
        letter-spacing:.3em
    }

    .tracking-normal {
        --tw-tracking:var(--tracking-normal);
        letter-spacing:var(--tracking-normal)
    }

    .tracking-tight {
        --tw-tracking:var(--tracking-tight);
        letter-spacing:var(--tracking-tight)
    }

    .tracking-wide {
        --tw-tracking:var(--tracking-wide);
        letter-spacing:var(--tracking-wide)
    }

    .tracking-wider {
        --tw-tracking:var(--tracking-wider);
        letter-spacing:var(--tracking-wider)
    }

    .tracking-widest {
        --tw-tracking:var(--tracking-widest);
        letter-spacing:var(--tracking-widest)
    }

    .text-\[\#12140F\] {
        color:#12140f
    }

    .text-ink,.text-ink\/60 {
        color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-ink\/60 {
            color:color-mix(in oklab, var(--color-ink) 60%, transparent)
        }

    }

    .text-ink\/70 {
        color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-ink\/70 {
            color:color-mix(in oklab, var(--color-ink) 70%, transparent)
        }

    }

    .text-ink\/75 {
        color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-ink\/75 {
            color:color-mix(in oklab, var(--color-ink) 75%, transparent)
        }

    }

    .text-ink\/80 {
        color:var(--color-ink)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-ink\/80 {
            color:color-mix(in oklab, var(--color-ink) 80%, transparent)
        }

    }

    .text-oxide {
        color:var(--color-oxide)
    }

    .text-paper,.text-paper\/80, .text-paper\/70 {
        color:var(--color-paper)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-paper\/80 {
            color:color-mix(in oklab, var(--color-paper) 80%, transparent)
        }

        .text-paper\/70 {
            color:color-mix(in oklab, var(--color-paper) 70%, transparent)
        }

    }

    .text-safety {
        color:var(--color-safety)
    }

    .text-steel {
        color:var(--color-steel)
    }

    .text-transparent {
        color:#0000
    }

    .normal-case {
        text-transform:none
    }

    .uppercase {
        text-transform:uppercase
    }

    .antialiased {
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }

    .opacity-40 {
        opacity:.4
    }

    .shadow-\[0_12px_30px_rgba\(18\,20\,15\,0\.25\)\] {
        --tw-shadow:0 12px 30px var(--tw-shadow-color,#12140f40);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .brightness-0 {
        --tw-brightness:brightness(0%);
        filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    /* .grayscale {
        --tw-grayscale:grayscale(100%);
        filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    } */

    .invert {
        --tw-invert:invert(100%);
        filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }

    .transition-all {
        transition-property:all;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }

    .transition-colors {
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }

    .transition-transform {
        transition-property:transform,translate,scale,rotate;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }

    .duration-300 {
        --tw-duration:.3s;
        transition-duration:.3s
    }

    .duration-700 {
        --tw-duration:.7s;
        transition-duration:.7s
    }

    .ease-in-out {
        --tw-ease:var(--ease-in-out);
        transition-timing-function:var(--ease-in-out)
    }

    .first\:border-t-0:first-child {
        border-top-style:var(--tw-border-style);
        border-top-width:0
    }

    @media (hover:hover) {
        .hover\:scale-110:hover {
            --tw-scale-x:110%;
            --tw-scale-y:110%;
            --tw-scale-z:110%;
            scale:var(--tw-scale-x) var(--tw-scale-y)
        }

        .hover\:border-oxide:hover {
            border-color:var(--color-oxide)
        }

        .hover\:bg-oxide:hover {
            background-color:var(--color-oxide)
        }

        .hover\:bg-transparent:hover {
            background-color:#0000
        }

        .hover\:text-oxide:hover {
            color:var(--color-oxide)
        }

        .hover\:text-paper:hover {
            color:var(--color-paper)
        }

        .hover\:underline:hover {
            text-decoration-line:underline
        }

        .hover\:grayscale-0:hover {
            --tw-grayscale:grayscale(0%);
            filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
        }

    }

    .focus\:border-oxide:focus {
        border-color:var(--color-oxide)
    }

    .focus\:outline-none:focus {
        --tw-outline-style:none;
        outline-style:none
    }

    @media (min-width:40rem) {
        .sm\:col-span-1 {
            grid-column:span 1/span 1
        }

        .sm\:col-span-2 {
            grid-column:span 2/span 2
        }

        .sm\:-mt-12 {
            margin-top:calc(var(--spacing) * -12)
        }

        .sm\:block {
            display:block
        }

        .sm\:inline {
            display:inline
        }

        .sm\:h-\[600px\] {
            height:600px
        }

        .sm\:grid-cols-2 {
            grid-template-columns:repeat(2,minmax(0,1fr))
        }

        .sm\:grid-cols-3 {
            grid-template-columns:repeat(3,minmax(0,1fr))
        }

        .sm\:grid-cols-4 {
            grid-template-columns:repeat(4,minmax(0,1fr))
        }

        .sm\:flex-row {
            flex-direction:row
        }

        .sm\:border-t-0 {
            border-top-style:var(--tw-border-style);
            border-top-width:0
        }

        .sm\:border-l {
            border-left-style:var(--tw-border-style);
            border-left-width:1px
        }

        .sm\:px-6 {
            padding-inline:calc(var(--spacing) * 6)
        }

        .sm\:py-5 {
            padding-block:calc(var(--spacing) * 5)
        }

        .sm\:pt-16 {
            padding-top:calc(var(--spacing) * 16)
        }

        .sm\:text-2xl {
            font-size:var(--text-2xl);
            line-height:var(--tw-leading,var(--text-2xl--line-height))
        }

        .sm\:text-4xl {
            font-size:var(--text-4xl);
            line-height:var(--tw-leading,var(--text-4xl--line-height))
        }

        .sm\:text-5xl {
            font-size:var(--text-5xl);
            line-height:var(--tw-leading,var(--text-5xl--line-height))
        }

        .sm\:text-6xl {
            font-size:var(--text-6xl);
            line-height:var(--tw-leading,var(--text-6xl--line-height))
        }

        .sm\:text-base {
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }

        .sm\:text-\[11px\] {
            font-size:11px
        }

    }

    @media (min-width:64rem) {
        .lg\:block {
            display:block
        }

        .lg\:flex {
            display:flex
        }

        .lg\:hidden {
            display:none
        }

        .lg\:w-auto {
            width:auto
        }

        .lg\:grid-cols-2 {
            grid-template-columns:repeat(2,minmax(0,1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns:repeat(4,minmax(0,1fr))
        }

        .lg\:grid-cols-7 {
            grid-template-columns:repeat(7,minmax(0,1fr))
        }

        .lg\:flex-row {
            flex-direction:row
        }

        .lg\:items-center {
            align-items:center
        }

        .lg\:gap-1 {
            gap:var(--spacing)
        }

        .lg\:gap-8 {
            gap:calc(var(--spacing) * 8)
        }

        .lg\:px-8 {
            padding-inline:calc(var(--spacing) * 8)
        }

    }

}

:root {
    --color-ink:#12140f;
    --color-paper:#f5f2ea;
    --color-oxide:#c4491a;
    --color-oxide-dark:#9c3814;
    --color-steel:#8a8578;
    --color-safety:#2b4a3e
}

body {
    font-family:var(--font-body), Arial, Helvetica, sans-serif
}

.font-display {
    font-family:var(--font-display), "Arial Narrow", sans-serif
}

.font-mono {
    font-family:var(--font-mono), ui-monospace, monospace
}

.plate-corners {
    position:relative
}

.plate-corners:before,.plate-corners:after {
    content:"";
    opacity:.35;
    background:currentColor;
    width:6px;
    height:6px;
    position:absolute
}

.plate-corners:before {
    top:6px;
    left:6px
}

.plate-corners:after {
    bottom:6px;
    right:6px
}

@property --tw-rotate-x {
    syntax:"*";
    inherits:false
}

@property --tw-rotate-y {
    syntax:"*";
    inherits:false
}

@property --tw-rotate-z {
    syntax:"*";
    inherits:false
}

@property --tw-skew-x {
    syntax:"*";
    inherits:false
}

@property --tw-skew-y {
    syntax:"*";
    inherits:false
}

@property --tw-space-y-reverse {
    syntax:"*";
    inherits:false;
    initial-value:0
}

@property --tw-divide-y-reverse {
    syntax:"*";
    inherits:false;
    initial-value:0
}

@property --tw-border-style {
    syntax:"*";
    inherits:false;
    initial-value:solid
}

@property --tw-gradient-position {
    syntax:"*";
    inherits:false
}

@property --tw-gradient-from {
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}

@property --tw-gradient-via {
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}

@property --tw-gradient-to {
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}

@property --tw-gradient-stops {
    syntax:"*";
    inherits:false
}

@property --tw-gradient-via-stops {
    syntax:"*";
    inherits:false
}

@property --tw-gradient-from-position {
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:0%
}

@property --tw-gradient-via-position {
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:50%
}

@property --tw-gradient-to-position {
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:100%
}

@property --tw-leading {
    syntax:"*";
    inherits:false
}

@property --tw-font-weight {
    syntax:"*";
    inherits:false
}

@property --tw-tracking {
    syntax:"*";
    inherits:false
}

@property --tw-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}

@property --tw-shadow-color {
    syntax:"*";
    inherits:false
}

@property --tw-shadow-alpha {
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}

@property --tw-inset-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax:"*";
    inherits:false
}

@property --tw-inset-shadow-alpha {
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}

@property --tw-ring-color {
    syntax:"*";
    inherits:false
}

@property --tw-ring-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}

@property --tw-inset-ring-color {
    syntax:"*";
    inherits:false
}

@property --tw-inset-ring-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}

@property --tw-ring-inset {
    syntax:"*";
    inherits:false
}

@property --tw-ring-offset-width {
    syntax:"<length>";
    inherits:false;
    initial-value:0
}

@property --tw-ring-offset-color {
    syntax:"*";
    inherits:false;
    initial-value:#fff
}

@property --tw-ring-offset-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}

@property --tw-blur {
    syntax:"*";
    inherits:false
}

@property --tw-brightness {
    syntax:"*";
    inherits:false
}

@property --tw-contrast {
    syntax:"*";
    inherits:false
}

@property --tw-grayscale {
    syntax:"*";
    inherits:false
}

@property --tw-hue-rotate {
    syntax:"*";
    inherits:false
}

@property --tw-invert {
    syntax:"*";
    inherits:false
}

@property --tw-opacity {
    syntax:"*";
    inherits:false
}

@property --tw-saturate {
    syntax:"*";
    inherits:false
}

@property --tw-sepia {
    syntax:"*";
    inherits:false
}

@property --tw-drop-shadow {
    syntax:"*";
    inherits:false
}

@property --tw-drop-shadow-color {
    syntax:"*";
    inherits:false
}

@property --tw-drop-shadow-alpha {
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}

@property --tw-drop-shadow-size {
    syntax:"*";
    inherits:false
}

@property --tw-duration {
    syntax:"*";
    inherits:false
}

@property --tw-ease {
    syntax:"*";
    inherits:false
}

@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
}

/* Static HTML conversion helpers */
html {
    scroll-behavior: smooth;
}

.bg-blue{
    background-color: #0a1f43 !important;
}
.bg-blue2{
    background-color: #041533 !important;
}
.site-nav.is-open {
    display: flex !important;
}

@media (max-width: 1023px) {
    .site-nav {
        display:none;
    }

    .site-nav.is-open {
        display:flex !important;
    }

    .site-nav.is-open > ul {
        display:flex !important;
        flex-direction:column;
        width:100%;
    }

}

@media (max-width: 640px) {
    .client-carousel .shrink-0 {
        width: calc(100% - 0px) !important;
    }

}





/* Products dropdown */
.navigationmenu > li {
    position: relative;
}

/* Submenu */
.navigationmenu > li > ul{position:absolute;top:100%;left:0;min-width:190px;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 12px 30px #0000001f;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:999}
/* Show submenu on Products hover */
.navigationmenu > li:hover > ul{opacity:1;visibility:visible;transform:translateY(0)}
/* Submenu items */
.navigationmenu > li > ul > li{margin:0;padding:0;list-style:none}
/* Submenu links */
.navigationmenu > li > ul > li > a{display:block;padding:10px 18px;color:#333;background:#fff;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:color .2s ease,background-color .2s ease,padding-left .2s ease}
/* Submenu hover */
.navigationmenu > li > ul > li > a:hover{color:#fff;background:#8f2f1f;padding-left:22px}
/* Small dropdown arrow on Products */
/*.navigationmenu > li:has(> ul) > a::after {
    content: "\f107";
    margin-left: 7px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 11px;
    vertical-align: 1px;
}*/


@media (max-width: 1023px) {
.navigationmenu > li > ul{position:static;min-width:100%;padding:4px 0 4px 15px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}
.navigationmenu > li:hover > ul{display:block}
.navigationmenu > li > ul > li > a{padding:8px 15px;font-size:12px;background:transparent;color:#333}
.navigationmenu > li > ul > li > a:hover{padding-left:20px;color:#8f2f1f;background:transparent}
}
