@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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: 400;
  font-display: swap;
  src: url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.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: 400;
  font-display: swap;
  src: url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/5476f68d60460930-s.0wxq9webf.ew4.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: 400;
  font-display: swap;
  src: url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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: 400;
  font-display: swap;
  src: url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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: 400;
  font-display: swap;
  src: url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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: 500;
  font-display: swap;
  src: url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.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: 500;
  font-display: swap;
  src: url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../media/5476f68d60460930-s.0wxq9webf.ew4.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: 500;
  font-display: swap;
  src: url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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: 500;
  font-display: swap;
  src: url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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: 500;
  font-display: swap;
  src: url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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: 600;
  font-display: swap;
  src: url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.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: 600;
  font-display: swap;
  src: url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/5476f68d60460930-s.0wxq9webf.ew4.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: 600;
  font-display: swap;
  src: url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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: 600;
  font-display: swap;
  src: url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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: 600;
  font-display: swap;
  src: url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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: 700;
  font-display: swap;
  src: url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.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: 700;
  font-display: swap;
  src: url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/5476f68d60460930-s.0wxq9webf.ew4.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: 700;
  font-display: swap;
  src: url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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: 700;
  font-display: swap;
  src: url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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: 700;
  font-display: swap;
  src: url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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: 800;
  font-display: swap;
  src: url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.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: 800;
  font-display: swap;
  src: url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/5476f68d60460930-s.0wxq9webf.ew4.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: 800;
  font-display: swap;
  src: url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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: 800;
  font-display: swap;
  src: url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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: 800;
  font-display: swap;
  src: url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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: 900;
  font-display: swap;
  src: url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.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: 900;
  font-display: swap;
  src: url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2) format("woff2");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../media/5476f68d60460930-s.0wxq9webf.ew4.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: 900;
  font-display: swap;
  src: url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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: 900;
  font-display: swap;
  src: url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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: 900;
  font-display: swap;
  src: url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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%;
  size-adjust: 107.12%;
}
.inter_dce0fe6e-module__1UcYNG__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}
.inter_dce0fe6e-module__1UcYNG__variable {
  --font-sans: "Inter", "Inter Fallback";
}
@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a2947afc6a06879b-s.0gz0.h24vv934.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: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/651aaf1801011892-s.0_pfzm~5i7__8.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: Archivo;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.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: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a2947afc6a06879b-s.0gz0.h24vv934.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: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/651aaf1801011892-s.0_pfzm~5i7__8.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: Archivo;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.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: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a2947afc6a06879b-s.0gz0.h24vv934.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: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/651aaf1801011892-s.0_pfzm~5i7__8.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: Archivo;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.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: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a2947afc6a06879b-s.0gz0.h24vv934.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: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/651aaf1801011892-s.0_pfzm~5i7__8.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: Archivo;
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.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: Archivo;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/a2947afc6a06879b-s.0gz0.h24vv934.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: Archivo;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/651aaf1801011892-s.0_pfzm~5i7__8.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: Archivo;
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.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: Archivo Fallback;
  src: local(Arial);
  ascent-override: 88.96%;
  descent-override: 21.28%;
  line-gap-override: 0%;
  size-adjust: 98.7%;
}
.archivo_29645c4a-module__CDp-xq__className {
  font-family: Archivo, Archivo Fallback;
  font-style: normal;
}
.archivo_29645c4a-module__CDp-xq__variable {
  --font-display: "Archivo", "Archivo Fallback";
}
@font-face {
  font-family: Instrument Serif;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../media/fc0a7394b875fa43-s.0y1-r_vehenvp.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: Instrument Serif;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.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: Instrument Serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/ccf27e5a7366fb23-s.0hck6o0i8wq3a.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: Instrument Serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..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: Instrument Serif Fallback;
  src: local(Times New Roman);
  ascent-override: 117.94%;
  descent-override: 36.93%;
  line-gap-override: 0%;
  size-adjust: 83.94%;
}
.instrument_serif_755987ce-module__9p7P3W__className {
  font-family: Instrument Serif, Instrument Serif Fallback;
  font-weight: 400;
}
.instrument_serif_755987ce-module__9p7P3W__variable {
  --font-serif: "Instrument Serif", "Instrument Serif Fallback";
}
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.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: 400;
  font-display: swap;
  src: url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.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: 400;
  font-display: swap;
  src: url(../media/7e7f32a39836f228-s.0bmyfaahigzds.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: 400;
  font-display: swap;
  src: url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.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: 400;
  font-display: swap;
  src: url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.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: 400;
  font-display: swap;
  src: url(../media/051742360c26797e-s.p.0f97p8c3305p~.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;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.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: 500;
  font-display: swap;
  src: url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.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: 500;
  font-display: swap;
  src: url(../media/7e7f32a39836f228-s.0bmyfaahigzds.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: 500;
  font-display: swap;
  src: url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.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: 500;
  font-display: swap;
  src: url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.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: 500;
  font-display: swap;
  src: url(../media/051742360c26797e-s.p.0f97p8c3305p~.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;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/04c5164763c40239-s.0h-nw9_c8d~-_.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: 700;
  font-display: swap;
  src: url(../media/26f284dcc38c84c0-s.10hk62x1-0d9n.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: 700;
  font-display: swap;
  src: url(../media/7e7f32a39836f228-s.0bmyfaahigzds.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: 700;
  font-display: swap;
  src: url(../media/fa39153a3fc630ba-s.0-0ft90hthv3~.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: 700;
  font-display: swap;
  src: url(../media/6a5386fd6038edbe-s.16fk0g~ypa53a.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: 700;
  font-display: swap;
  src: url(../media/051742360c26797e-s.p.0f97p8c3305p~.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%;
  size-adjust: 134.59%;
}
.jetbrains_mono_c9f7a52e-module__QgMgFa__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}
.jetbrains_mono_c9f7a52e-module__QgMgFa__variable {
  --font-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}
@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/9ff27b8a0a8f3dc0-s.p.170gfl_1xpie6.woff2) format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF,
    U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF,
    U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32,
    U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B,
    U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D,
    U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77,
    U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3,
    U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/a5b03b231ce290a0-s.079wdgm0e~ep~.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: Cairo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../media/d41831e24743a3c1-s.p.02r-fjhi~6g_a.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: Cairo;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/9ff27b8a0a8f3dc0-s.p.170gfl_1xpie6.woff2) format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF,
    U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF,
    U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32,
    U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B,
    U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D,
    U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77,
    U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3,
    U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/a5b03b231ce290a0-s.079wdgm0e~ep~.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: Cairo;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../media/d41831e24743a3c1-s.p.02r-fjhi~6g_a.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: Cairo;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/9ff27b8a0a8f3dc0-s.p.170gfl_1xpie6.woff2) format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF,
    U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF,
    U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32,
    U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B,
    U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D,
    U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77,
    U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3,
    U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/a5b03b231ce290a0-s.079wdgm0e~ep~.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: Cairo;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../media/d41831e24743a3c1-s.p.02r-fjhi~6g_a.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: Cairo;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/9ff27b8a0a8f3dc0-s.p.170gfl_1xpie6.woff2) format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF,
    U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF,
    U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32,
    U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B,
    U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D,
    U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77,
    U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3,
    U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: Cairo;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/a5b03b231ce290a0-s.079wdgm0e~ep~.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: Cairo;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../media/d41831e24743a3c1-s.p.02r-fjhi~6g_a.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: Cairo Fallback;
  src: local(Arial);
  ascent-override: 137.65%;
  descent-override: 60.32%;
  line-gap-override: 0%;
  size-adjust: 94.66%;
}
.cairo_26868180-module__r_1zia__className {
  font-family: Cairo, Cairo Fallback;
  font-style: normal;
}
.cairo_26868180-module__r_1zia__variable {
  --font-arabic: "Cairo", "Cairo 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-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@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,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    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 {
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .shrink {
    flex-shrink: 1;
  }
  .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;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
      filter, -webkit-backdrop-filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
:root {
  --bg: #fff;
  --bg-rgb: 255, 255, 255;
  --surface: #f7f4ee;
  --surface-2: #ebe6da;
  --ink: #1a1a1a;
  --ink-rgb: 26, 26, 26;
  --muted: #6b6b6b;
  --line: #e6e2d8;
  --line-strong: #c9c4b8;
  --accent: #053297;
  --accent-rgb: 5, 50, 151;
  --accent-deep: #042170;
  --green: #2e7d4f;
  --green-soft: #2a4d3a;
  --gold: #c8a04a;
  --purple: #5b3a85;
  --blue: #1f4e8c;
  --display: var(--font-display), "Archivo", "Inter", sans-serif;
  --serif: var(--font-serif), "Instrument Serif", Georgia, serif;
  --sans: var(--font-sans), "Inter", -apple-system, system-ui, sans-serif;
  --mono: var(--font-mono), "JetBrains Mono", ui-monospace, Consolas, monospace;
  --arabic: var(--font-arabic), "Cairo", "Noto Sans Arabic", sans-serif;
  --max-w: 1440px;
  --header-h: 108px;
  --shadow-sm: 0 1px 2px #0000000d, 0 1px 3px #0000000f;
  --shadow-md: 0 6px 16px #00000014, 0 2px 6px #0000000d;
  --shadow-lg: 0 28px 56px #0000001f, 0 8px 16px #0000000f;
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
body {
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
}
img {
  max-width: 100%;
  display: block;
}
.container {
  width: 100%;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 24px;
}
.mono {
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.accent-word {
  font-family: var(--serif);
  color: var(--accent);
  font-style: italic;
  font-weight: 400;
}
.site-header {
  height: var(--header-h);
  z-index: 60;
  background: var(--accent);
  color: #fff;
  transition: height 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out);
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}
.site-header.scrolled {
  height: 60px;
  box-shadow: 0 6px 18px #0000002e;
}
.site-header.scrolled .brand-logo {
  height: 44px;
}
.header-inner {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  display: grid;
}
.header-actions {
  align-items: center;
  gap: 14px;
  display: flex;
}
.header-nav {
  scrollbar-width: none;
  justify-content: center;
  align-items: baseline;
  gap: 26px;
  display: flex;
  overflow-x: auto;
}
.header-nav::-webkit-scrollbar {
  display: none;
}
.header-nav-item {
  font-family: var(--display);
  letter-spacing: -0.01em;
  text-transform: none;
  color: #ffffff8c;
  white-space: nowrap;
  transition: color 0.2s var(--ease-out);
  background: 0 0;
  border-radius: 0;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}
.header-nav-item:hover {
  color: #ffffffe6;
}
.header-nav-item.active {
  color: #fff;
  font-weight: 900;
}
.lang-toggle {
  font-family: var(--mono);
  letter-spacing: 0.12em;
  background: #ffffff24;
  border-radius: 999px;
  align-items: center;
  padding: 3px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  position: relative;
}
.lang-toggle button {
  z-index: 2;
  color: #ffffffc7;
  width: 36px;
  height: 26px;
  transition: color 0.28s var(--ease-out);
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: relative;
}
.lang-toggle button.active {
  color: var(--accent);
}
.lang-indicator {
  width: 36px;
  height: 26px;
  transition: transform 0.32s var(--ease-out);
  z-index: 1;
  pointer-events: none;
  background: #fff;
  border-radius: 999px;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 2px #0000001f;
}
.lang-toggle[data-lang="ar"] .lang-indicator {
  transform: translate(36px);
}
.brand {
  align-items: center;
  height: 100%;
  padding: 8px 0;
  display: inline-flex;
}
.brand-logo {
  width: auto;
  height: 88px;
  transition: height 0.3s var(--ease-out);
  display: block;
}
.brand-logo--white,
[data-theme="white"] .brand-logo--blue {
  display: none;
}
[data-theme="white"] .brand-logo--white {
  display: block;
}
.theme-swap {
  cursor: pointer;
  width: 22px;
  height: 22px;
  transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out);
  border-radius: 999px;
  padding: 0;
  display: block;
  position: relative;
}
.theme-swap--blue {
  background: #fff;
  box-shadow: inset 0 0 0 1px #0000001f, 0 0 0 2px #ffffff2e;
}
.theme-swap--white {
  background: var(--accent);
  box-shadow: inset 0 0 0 1px #ffffff40, 0 0 0 2px #00000014;
}
.theme-swap:hover {
  transform: scale(1.08);
}
.search-trigger {
  color: #ffffffd9;
  width: 36px;
  height: 36px;
  transition: color 0.2s var(--ease-out), background 0.2s var(--ease-out);
  background: 0 0;
  border-radius: 999px;
  place-items: center;
  display: grid;
}
.search-trigger:hover {
  color: #fff;
  background: #ffffff1a;
}
[data-theme="white"] .search-trigger {
  color: #1a1a1ab3;
}
[data-theme="white"] .search-trigger:hover {
  color: #1a1a1a;
  background: #0000000d;
}
.social-link {
  color: #ffffffd9;
  width: 36px;
  height: 36px;
  transition: color 0.2s var(--ease-out), background 0.2s var(--ease-out);
  border-radius: 999px;
  place-items: center;
  display: grid;
}
.social-link:hover {
  color: #fff;
  background: #ffffff1a;
}
.hero-row {
  grid-template-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}
.hero-side {
  display: none;
}
@media (min-width: 1200px) {
  .hero-row {
    grid-template-columns: 160px minmax(0, 1fr) 160px;
    align-items: center;
    gap: 20px;
    padding: 16px 20px;
  }
  .hero-side {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .hero-side .ad-slot--skyscraper {
    width: 160px;
    height: clamp(320px, 34vw, 460px);
    max-height: 460px;
  }
}
.hero {
  background: var(--accent);
  width: 100%;
  height: clamp(320px, 34vw, 460px);
  position: relative;
  overflow: hidden;
}
.hero-track {
  position: absolute;
  inset: 0;
}
.hero-slide {
  opacity: 0;
  transition: opacity 0.7s var(--ease-in-out);
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.hero-slide.active {
  opacity: 1;
  pointer-events: auto;
}
.hero-slide-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: absolute;
  inset: 0;
}
.hero-slide-link:hover .hero-cta {
  background: #f0ebe0;
  transform: translateY(-1px);
}
.hero-slide-img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.hero-slide:after {
  content: "";
  pointer-events: none;
  background: 0 0;
  position: absolute;
  inset: 0;
}
.hero-content {
  z-index: 2;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.hero-content-inner {
  max-width: var(--max-w);
  width: 100%;
  margin: 0 auto;
  padding: 0 72px;
}
.hero-headline {
  font-family: var(--display);
  letter-spacing: -0.02em;
  color: #fff;
  text-shadow: 0 2px 18px #00000080;
  max-width: 720px;
  margin: 0 0 28px;
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.05;
}
.hero-cta {
  color: var(--accent);
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: background 0.2s var(--ease-out), transform 0.2s var(--ease-out);
  background: #fff;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}
.hero-cta:hover {
  background: #f0ebe0;
  transform: translateY(-1px);
}
.hero-dots {
  z-index: 3;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translate(-50%);
}
.hero-dot {
  width: 7px;
  height: 7px;
  transition: width 0.3s var(--ease-out), background 0.3s var(--ease-out);
  background: #fff6;
  border-radius: 999px;
}
.hero-dot.active {
  background: #fff;
  width: 26px;
}
.static-view {
  background: var(--bg);
}
.static-page {
  padding-bottom: 72px;
}
.static-page-hero {
  border-bottom: 1px solid var(--line);
  margin-bottom: 48px;
  padding-top: 64px;
  padding-bottom: 40px;
}
.static-eyebrow {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 16px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}
.static-title {
  font-family: var(--display);
  letter-spacing: -0.025em;
  color: var(--ink);
  max-width: 880px;
  margin: 0 0 18px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.04;
}
.static-lede {
  font-family: var(--serif);
  color: var(--muted);
  max-width: 720px;
  margin: 0;
  font-size: clamp(18px, 1.4vw, 22px);
  font-style: italic;
  line-height: 1.5;
}
.static-body {
  grid-template-columns: minmax(0, 1fr);
  max-width: 720px;
  display: grid;
}
.static-section {
  border-bottom: 1px solid var(--line);
  padding: 12px 0 28px;
}
.static-section:last-of-type {
  border-bottom: 0;
}
.static-section-heading {
  font-family: var(--display);
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 0 0 14px;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 800;
  line-height: 1.2;
}
.static-paragraph {
  color: var(--ink);
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.7;
}
.static-paragraph:last-child {
  margin-bottom: 0;
}
.static-cta-wrap {
  padding-top: 24px;
  display: flex;
}
.static-cta {
  background: var(--accent);
  color: #fff;
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: background 0.2s var(--ease-out), transform 0.2s var(--ease-out);
  border-radius: 999px;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}
.static-cta:hover {
  background: var(--accent-deep, #0a3eb3);
  color: #fff;
  transform: translateY(-1px);
}
[data-theme="white"] .static-cta {
  background: #1a1a1a;
}
[data-theme="white"] .static-cta:hover {
  background: #000;
}
[data-theme="white"] .static-eyebrow {
  color: #1a1a1a;
}
@media (max-width: 760px) {
  .static-page-hero {
    padding-top: 40px;
  }
  .static-body {
    padding: 0 24px;
  }
}
.article-view {
  background: var(--bg);
}
.post {
  display: block;
}
.reading-progress {
  z-index: 100;
  pointer-events: none; 
  background: #00000059;
  height: 4px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.reading-progress-bar {
  transform-origin: 0;
  background: #ffffffc7;
  width: 100%;
  height: 100%;
  transition: transform 50ms linear;
  transform: scaleX(0);
  box-shadow: 0 0 8px #ffffff99;
}
[data-theme="white"] .reading-progress {
  background: #0000001a;
}
[data-theme="white"] .reading-progress-bar {
  background: var(--accent);
  box-shadow: 0 0 8px #05329773;
}
.post-hero-row {
  grid-template-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}
.post-hero-side {
  display: none;
}
@media (min-width: 1200px) {
  .post-hero-row {
    grid-template-columns: 160px minmax(0, 1fr) 160px;
    align-items: center;
    gap: 20px;
    padding: 16px 20px;
  }
  .post-hero-side {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .post-hero-side .ad-slot--skyscraper {
    width: 160px;
    height: clamp(320px, 34vw, 460px);
    max-height: 460px;
  }
}
.post-hero {
  background: var(--accent);
  color: #fff;
  width: 100%;
  height: clamp(320px, 34vw, 460px);
  position: relative;
  overflow: hidden;
}
.post-hero-img {
  object-fit: cover;
  object-position: center;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.post-hero-shade {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#0000 30%, #00000073 65%, #000000e0 100%);
  position: absolute;
  inset: 0;
}
.post-hero-content {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 1100px;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}
.post-hero-meta {
  font-family: var(--mono);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffffd9;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}
.post-hero-source {
  color: #fff;
}
.post-hero-dot {
  opacity: 0.55;
}
.post-hero-title {
  font-family: var(--display);
  letter-spacing: -0.022em;
  color: #fff;
  max-width: 900px;
  margin: 0 0 18px;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.02;
}
.post-hero-excerpt {
  font-family: var(--sans);
  color: #ffffffe6;
  max-width: 720px;
  margin: 0;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.45;
}
.post-layout {
  grid-template-columns: 64px minmax(0, 720px) 280px;
  align-items: start;
  gap: 56px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 24px 64px;
  display: grid;
}
.post-body {
  min-width: 0;
}
.share-rail {
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding-top: 28px;
  display: flex;
  position: sticky;
  top: 108px;
}
.share-rail-label {
  letter-spacing: 0.2em;
  color: var(--muted);
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 700;
}
.share-btn {
  border: 1px solid var(--line);
  width: 40px;
  height: 40px;
  color: var(--muted);
  cursor: pointer;
  transition: color 0.2s var(--ease-out), border-color 0.2s var(--ease-out),
    background 0.2s var(--ease-out), transform 0.2s var(--ease-out);
  background: 0 0;
  border-radius: 999px;
  place-items: center;
  display: grid;
}
.share-btn:hover {
  color: var(--accent);
  border-color: var(--accent);
  transform: translateY(-1px);
}
.share-btn.copied {
  color: #fff;
  background: var(--accent);
  border-color: var(--accent);
}
.recent-rail {
  padding-top: 28px;
  position: sticky;
  top: 108px;
}
.recent-rail-title {
  letter-spacing: 0.18em;
  color: var(--accent);
  border-bottom: 1px solid var(--line);
  margin: 0 0 18px;
  padding-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
}
.recent-rail-list {
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.recent-item {
  color: var(--ink);
  transition: opacity 0.2s var(--ease-out);
  grid-template-columns: 60px 1fr;
  align-items: stretch;
  gap: 12px;
  display: grid;
}
.recent-item:hover {
  opacity: 0.7;
}
.recent-item-thumb {
  object-fit: cover;
  border-radius: 6px;
  width: 60px;
  height: 80px;
  display: block;
}
.recent-item-text {
  flex-direction: column;
  gap: 4px;
  padding-top: 2px;
  display: flex;
}
.recent-item-source {
  letter-spacing: 0.12em;
  color: var(--accent);
  font-size: 10px;
  font-weight: 700;
}
.recent-item-title {
  font-family: var(--display);
  color: var(--ink);
  letter-spacing: -0.005em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}
.post-byline {
  letter-spacing: 0.16em;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  margin: 0 0 32px;
  padding-bottom: 22px;
  font-size: 11px;
  font-weight: 700;
}
.post-paragraph {
  font-family: var(--sans);
  color: var(--ink);
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.72;
}
.post-paragraph-lead {
  color: var(--ink);
  letter-spacing: -0.005em;
  margin: 0 0 28px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}
.post-paragraph:last-of-type {
  margin-bottom: 0;
}
.post-figure {
  background: var(--surface);
  border-radius: 16px;
  margin: 36px 0 16px;
  overflow: hidden;
}
.post-figure img {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}
.post-paragraph + .post-figure,
.post-paragraph + .post-video {
  margin-top: 36px;
}
.post-figure + .post-paragraph,
.post-video + .post-paragraph {
  margin-top: 32px;
}
.post-video {
  aspect-ratio: 16/9;
  background: #000;
  border-radius: 16px;
  width: 100%;
  margin: 36px 0 16px;
  position: relative;
  overflow: hidden;
}
.post-video iframe {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.post-body--rtl {
  text-align: right;
  font-family: var(--arabic);
}
.post-body--rtl .post-paragraph,
.post-body--rtl .post-paragraph-lead {
  font-family: var(--arabic);
  line-height: 1.85;
}
.post-body--rtl .post-byline {
  text-align: right;
}
.post-hero-content[dir="rtl"] .post-hero-title,
.post-hero-content[dir="rtl"] .post-hero-excerpt {
  font-family: var(--arabic);
  text-align: right;
}
.post-hero-content[dir="rtl"] .post-hero-meta {
  flex-direction: row-reverse;
}
.post-divider {
  background: var(--line);
  height: 1px;
  margin: 56px 0 32px;
}
.post-body-ad {
  justify-content: center;
  margin: 40px 0;
  display: flex;
}
.recent-rail-ad {
  justify-content: center;
  margin-bottom: 28px;
  display: flex;
}
@media (max-width: 1100px) {
  .recent-rail-ad {
    display: none;
  }
}
.post-footer-nav {
  margin-top: 0;
}
.post-back {
  color: var(--accent);
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: color 0.2s var(--ease-out);
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}
.post-back:hover {
  color: var(--accent-deep);
}
.post-related {
  background: var(--bg);
  border-top: 1px solid var(--line);
  padding: 56px 24px 96px;
}
.post-related-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  margin-bottom: 28px;
  display: flex;
}
.post-related-title {
  font-family: var(--display);
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0;
  font-size: clamp(24px, 2.6vw, 36px);
  font-weight: 800;
  line-height: 1.1;
}
.post-related-all {
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  white-space: nowrap;
  transition: color 0.2s var(--ease-out);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}
.post-related-all:hover {
  color: var(--accent-deep);
}
.post-related-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  display: grid;
}
.post-related-grid .card-title {
  font-size: 14px;
  line-height: 1.22;
}
.post-related-grid .card-body {
  padding: 14px 14px 16px;
}
@media (max-width: 1100px) {
  .post-layout {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 32px;
  }
  .recent-rail {
    border-top: 1px solid var(--line);
    grid-column: 1/-1;
    margin-top: 32px;
    padding-top: 48px;
    position: static;
  }
  .recent-rail-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 24px;
    display: grid;
  }
  .post-related-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 760px) {
  .post-hero-content {
    padding-top: 64px;
    padding-bottom: 36px;
  }
  .post-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding: 48px 20px;
  }
  .share-rail {
    border-bottom: 1px solid var(--line);
    flex-direction: row;
    gap: 10px;
    padding-top: 0;
    padding-bottom: 18px;
    position: static;
  }
  .share-rail-label {
    margin-bottom: 0;
    margin-right: auto;
  }
  .recent-rail-list {
    grid-template-columns: 1fr;
  }
  .post-paragraph {
    font-size: 17px;
  }
  .post-paragraph-lead {
    font-size: 19px;
  }
  .post-related-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.section-title {
  padding: 56px 24px 28px;
}
.section-title h2 {
  font-family: var(--display);
  letter-spacing: -0.02em;
  margin: 0;
  font-size: clamp(40px, 5vw, 60px);
  font-weight: 800;
  line-height: 1;
}
.section-title em {
  font-family: var(--serif);
  color: var(--accent);
  font-style: italic;
  font-weight: 400;
}
.feed {
  padding: 56px 24px 32px;
}
.feed-head {
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
  padding: 0 0 18px;
  display: flex;
}
.feed-eyebrow {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink);
  flex: none;
  font-size: 11px;
  font-weight: 700;
}
.feed-rule {
  background: var(--line, #0000001f);
  flex: auto;
  align-self: center;
  height: 1px;
  display: block;
}
[data-theme="blue"] .feed-rule,
:root:not([data-theme]) .feed-rule {
  background: #00000024;
}
.feed-eyebrow-cta {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--muted);
  flex: none;
  font-size: 11px;
  font-weight: 600;
}
.feed-more-wrap {
  justify-content: center;
  padding: 56px 0 80px;
  display: flex;
}
.feed-more {
  background: var(--accent);
  color: #fff;
  font-family: var(--sans);
  letter-spacing: -0.005em;
  transition: background 0.25s var(--ease-out), transform 0.2s var(--ease-out);
  box-shadow: var(--shadow-md);
  border-radius: 999px;
  align-items: center;
  gap: 12px;
  padding: 16px 28px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}
.feed-more:hover {
  background: var(--accent-deep);
  transform: translateY(-1px);
}
.feed-more:active {
  transform: translateY(0);
}
.feed-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  display: grid;
}
@media (max-width: 1100px) {
  .feed-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 760px) {
  .feed-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card {
  aspect-ratio: 1080/1440;
  background: var(--surface);
  transition: transform 0.3s var(--ease-out);
  border: 0;
  border-radius: 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.card--sponsored {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
.card-sponsored {
  z-index: 4;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
  background: var(--accent);
  white-space: nowrap;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 12px;
  left: 12px;
}
[data-theme="white"] .card--sponsored {
  outline-color: #1a1a1a;
}
[data-theme="white"] .card-sponsored {
  color: #fff;
  background: #1a1a1a;
}
.card:hover .card-img {
  transform: scale(1.04);
}
.card-img {
  object-fit: cover;
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s var(--ease-out);
  position: absolute;
  inset: 0;
}
.card:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#0000 40%, #00000080 75%, #000000d9 100%);
  position: absolute;
  inset: 0;
}
.card-body {
  z-index: 2;
  padding: 18px 18px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.card-title {
  font-family: var(--display);
  letter-spacing: -0.005em;
  color: #fff;
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
}
.newsletter-band {
  background: var(--accent);
  color: #fff;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.newsletter-band-inner {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: 64px;
  padding: 56px 24px;
  display: grid;
}
.newsletter-band-copy {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.newsletter-band-eyebrow {
  color: #ffffffbf;
  font-family: var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
.newsletter-band-title {
  font-family: var(--display);
  letter-spacing: -0.015em;
  color: #fff;
  margin: 0;
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 800;
  line-height: 1.08;
}
.newsletter-band-title em {
  font-family: var(--serif);
  color: #fff;
  font-style: italic;
  font-weight: 400;
}
.newsletter-band-sub {
  color: #ffffffbf;
  max-width: 520px;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}
.newsletter-band-form {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.newsletter-band-input {
  width: 100%;
  font-family: var(--sans);
  color: #fff;
  background: #ffffff1a;
  border: 1px solid #ffffff40;
  border-radius: 14px;
  outline: none;
  padding: 16px 18px;
  font-size: 14px;
}
.newsletter-band-input::placeholder {
  color: #ffffff8c;
}
.newsletter-band-input:focus {
  background: #ffffff26;
  border-color: #fff;
}
.newsletter-band-submit {
  color: var(--accent);
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: background 0.2s var(--ease-out);
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  font-size: 12px;
  font-weight: 700;
}
.newsletter-band-submit:hover {
  background: #f0ebe0;
}
.site-footer {
  color: #ffffffc7;
  background: #0c0d10;
  padding: 64px 0 24px;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
[data-theme="white"] .site-footer {
  color: #ffffffc7;
  background: #0c0d10;
}
.footer-top {
  border-bottom: 1px solid #ffffff1a;
  grid-template-columns: minmax(280px, 1.2fr) minmax(0, 3fr);
  gap: 64px;
  padding-bottom: 48px;
  display: grid;
}
.footer-brand-col {
  flex-direction: column;
  gap: 18px;
  display: flex;
}
.footer-brand {
  align-items: center;
  display: inline-flex;
}
.footer-logo {
  width: auto;
  height: clamp(96px, 9vw, 132px);
  display: block;
}
.footer-tagline {
  color: #ffffff9e;
  font-family: var(--serif);
  letter-spacing: 0.01em;
  max-width: 320px;
  margin: 6px 0 0;
  font-size: clamp(15px, 1.2vw, 18px);
  font-style: italic;
  line-height: 1.5;
}
.footer-socials {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}
.footer-social {
  color: #ffffffc7;
  width: 38px;
  height: 38px;
  transition: background 0.2s var(--ease-out), color 0.2s var(--ease-out),
    border-color 0.2s var(--ease-out), transform 0.2s var(--ease-out);
  background: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.footer-social:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  transform: translateY(-1px);
}
.footer-nav {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  display: grid;
}
.footer-col h4 {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #ffffff6b;
  margin: 0 0 16px;
  font-size: 10px;
  font-weight: 700;
}
.footer-col ul {
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.footer-col a {
  color: #ffffffd1;
  transition: color 0.2s var(--ease-out);
  font-size: 13.5px;
  line-height: 1.45;
}
.footer-col a:hover {
  color: #fff;
  text-underline-offset: 4px;
  text-decoration: underline;
}
.footer-bottom {
  font-family: var(--mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #ffffff6b;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 28px;
  font-size: 10.5px;
  display: flex;
}
.footer-bottom-meta {
  color: #ffffff8c;
}
@media (max-width: 1100px) {
  .footer-top {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media (max-width: 760px) {
  .site-footer {
    padding: 48px 0 20px;
  }
  .footer-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.takeover-wallpaper {
  z-index: 0;
  background: var(--takeover-bg, #0e0e0f);
  pointer-events: none;
  position: fixed;
  inset: 0;
}
[data-takeover] body {
  background: 0 0;
}
[data-takeover] .site-header,
[data-takeover] .home-view,
[data-takeover] .newsletter-band,
[data-takeover] .site-footer {
  z-index: 1;
  position: relative;
}
[data-takeover] .home-view,
[data-takeover] .newsletter-band,
[data-takeover] .site-footer {
  background-color: var(--bg);
}
@media (min-width: 1500px) {
  [data-takeover] .home-view,
  [data-takeover] .newsletter-band,
  [data-takeover] .site-footer {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 0 1px #ffffff0a;
  }
}
.takeover-ribbon {
  z-index: 70;
  background: var(--takeover-bg, #0e0e0f);
  color: var(--takeover-fg, #fff);
  font-family: var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff14;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 10px 56px 10px 24px;
  font-size: 11px;
  display: flex;
  position: sticky;
  top: 0;
}
[data-takeover] .site-header {
  top: 38px;
}
.takeover-ribbon-eyebrow {
  opacity: 0.7;
  letter-spacing: 0.18em;
}
.takeover-ribbon-brand {
  font-family: var(--display);
  letter-spacing: -0.005em;
  text-transform: none;
  color: var(--takeover-fg, #fff);
  transition: border-color 0.2s var(--ease-out);
  border-bottom: 1px solid #0000;
  padding-bottom: 1px;
  font-size: 14px;
  font-weight: 700;
}
.takeover-ribbon-brand:hover {
  border-bottom-color: currentColor;
}
.takeover-ribbon-cta {
  background: var(--takeover-accent, var(--accent));
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  transition: background 0.2s var(--ease-out);
  border-radius: 999px;
  margin-left: 8px;
  padding: 6px 12px;
  font-weight: 700;
}
.takeover-ribbon-cta:hover {
  color: var(--takeover-bg, #0e0e0f);
  background: #fff;
}
.takeover-dismiss {
  width: 26px;
  height: 26px;
  color: var(--takeover-fg, #fff);
  opacity: 0.7;
  transition: opacity 0.2s var(--ease-out);
  background: 0 0;
  border-radius: 999px;
  place-items: center;
  font-size: 18px;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.takeover-dismiss:hover {
  opacity: 1;
  background: #ffffff14;
}
.takeover-billboard {
  background: var(--takeover-bg, #0e0e0f);
  z-index: 1;
  width: 100%;
  height: clamp(180px, 24vw, 320px);
  display: block;
  position: relative;
  overflow: hidden;
}
.takeover-billboard-img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.takeover-billboard-shade {
  pointer-events: none;
  background: linear-gradient(90deg, #000000b8 0%, #00000059 45%, #0000 80%);
  position: absolute;
  inset: 0;
}
.takeover-billboard-content {
  color: #fff;
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0;
}
.takeover-billboard-kicker {
  letter-spacing: 0.18em;
  opacity: 0.78;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: 700;
}
.takeover-billboard-tagline {
  font-family: var(--display);
  letter-spacing: -0.015em;
  text-shadow: 0 2px 16px #0006;
  max-width: 720px;
  margin: 0 0 16px;
  font-size: clamp(22px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.08;
}
.takeover-billboard-cta {
  letter-spacing: 0.16em;
  background: var(--takeover-accent, var(--accent));
  color: #fff;
  transition: background 0.2s var(--ease-out), transform 0.2s var(--ease-out);
  border-radius: 999px;
  align-self: flex-start;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 700;
}
.takeover-billboard:hover .takeover-billboard-cta {
  color: var(--takeover-bg, #0e0e0f);
  background: #fff;
  transform: translateY(-1px);
}
@media (max-width: 760px) {
  .takeover-ribbon {
    flex-wrap: wrap;
    padding-right: 40px;
  }
  .takeover-ribbon-cta {
    display: none;
  }
  [data-takeover] .site-header {
    top: 60px;
  }
}
.search-overlay {
  z-index: 200;
  -webkit-backdrop-filter: blur(4px);
  animation: search-fade 0.15s var(--ease-out);
  background: #0000008c;
  justify-content: center;
  align-items: flex-start;
  padding: 14vh 24px 24px;
  display: flex;
  position: fixed;
  inset: 0;
}
@keyframes search-fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.search-palette {
  color: #1a1a1a;
  width: 100%;
  max-width: 640px;
  max-height: 72vh;
  animation: search-pop 0.18s var(--ease-out);
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 56px #00000052, 0 4px 14px #0003;
}
@keyframes search-pop {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.search-input-wrap {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  display: flex;
}
.search-icon-input {
  color: #1a1a1a73;
  flex: none;
}
.search-input {
  font-family: var(--sans);
  color: #1a1a1a;
  background: 0 0;
  border: 0;
  outline: none;
  flex: auto;
  padding: 4px 0;
  font-size: 16px;
  font-weight: 500;
}
.search-input::placeholder {
  color: #1a1a1a66;
}
.search-kbd,
.search-footer kbd {
  letter-spacing: 0.08em;
  color: #1a1a1aa6;
  background: #0000000f;
  border: 1px solid #00000014;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
.search-results {
  flex: auto;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  overflow-y: auto;
}
.search-result {
  cursor: pointer;
  transition: background 0.12s var(--ease-out);
  border-radius: 10px;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 12px;
  margin: 0 6px;
  padding: 8px 12px;
  display: grid;
}
.search-result.is-active {
  background: #0000000d;
}
.search-result-thumb {
  object-fit: cover;
  border-radius: 6px;
  width: 40px;
  height: 52px;
  display: block;
}
.search-result-text {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}
.search-result-eyebrow {
  letter-spacing: 0.14em;
  color: var(--accent);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
.search-result-title {
  font-family: var(--display);
  color: #1a1a1a;
  letter-spacing: -0.005em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
}
.search-empty {
  text-align: center;
  color: #1a1a1a8c;
  padding: 32px 24px;
  font-size: 14px;
}
.search-footer {
  border-top: 1px solid var(--line);
  letter-spacing: 0.06em;
  color: #1a1a1a8c;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  font-size: 10px;
  display: flex;
}
.search-footer-spacer {
  flex: auto;
}
@media (max-width: 760px) {
  .search-overlay {
    padding: 8vh 12px 12px;
  }
  .search-palette {
    max-height: 84vh;
  }
  .search-footer-spacer {
    display: none;
  }
}
.ad-slot {
  width: var(--ad-w);
  height: var(--ad-h);
  color: #0000008c;
  background: repeating-linear-gradient(
    45deg,
    #00000006,
    #00000006 8px,
    #0000000d 8px 16px
  );
  border: 1px dashed #00000040;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
}
[data-theme="white"] .ad-slot {
  background: repeating-linear-gradient(
    45deg,
    #00000005,
    #00000005 8px,
    #0000000a 8px 16px
  );
}
.ad-slot-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  display: flex;
}
.ad-slot-eyebrow {
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #0006;
  font-size: 9px;
  font-weight: 700;
}
.ad-slot-dims {
  letter-spacing: 0.06em;
  color: #000000a6;
  font-size: 11px;
  font-weight: 700;
}
.ad-slot-id {
  color: #0006;
  font-size: 9px;
  font-weight: 500;
}
.ad-creative {
  background: var(--ad-bg, #111);
  width: 100%;
  height: 100%;
  color: var(--ad-fg, #fff);
  isolation: isolate;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}
.ad-creative-img {
  object-fit: cover;
  object-position: center;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.ad-creative-shade {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.ad-creative--v .ad-creative-shade {
  background: linear-gradient(#0000000d 0%, #0000008c 60%, #000000d9 100%);
}
.ad-creative--h .ad-creative-shade {
  background: linear-gradient(90deg, #000000bf 0%, #0006 50%, #0000 90%);
}
.ad-creative-sponsored {
  z-index: 3;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffffd9;
  background: #0000008c;
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 6px;
  right: 8px;
}
.ad-creative-content {
  z-index: 2;
  color: var(--ad-fg, #fff);
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 14px;
  display: flex;
  position: absolute;
  inset: 0;
}
.ad-creative--h .ad-creative-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
}
.ad-creative-brand {
  font-family: var(--display);
  letter-spacing: -0.01em;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}
.ad-creative--h .ad-creative-brand {
  flex: none;
  font-size: 18px;
}
.ad-creative-tagline {
  opacity: 0.92;
  font-size: 12px;
  line-height: 1.3;
}
.ad-creative--h .ad-creative-tagline {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  font-size: 13px;
  overflow: hidden;
}
.ad-creative-cta {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: var(--ad-accent, #c8102e);
  color: var(--ad-bg, #111);
  transition: transform 0.2s var(--ease-out), filter 0.2s var(--ease-out);
  border-radius: 999px;
  align-self: flex-start;
  padding: 7px 12px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}
.ad-creative--h .ad-creative-cta {
  flex: none;
  align-self: center;
}
.ad-creative:hover .ad-creative-cta {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.ad-slot--mobile-banner .ad-creative-tagline {
  display: none;
}
.ad-slot--mobile-banner .ad-creative-brand {
  font-size: 14px;
}
.ad-slot--mobile-banner .ad-creative-cta {
  padding: 5px 10px;
  font-size: 9px;
}
.ad-wrap {
  justify-content: center;
  width: 100%;
  padding: 28px 24px;
  display: flex;
}
.ad-wrap--tight {
  padding: 16px 24px;
}
.ad-wrap--in-feed {
  padding: 16px 24px 32px;
}
@media (max-width: 760px) {
  .ad-slot--leaderboard,
  .ad-slot--billboard,
  .ad-slot--skyscraper,
  .ad-slot--wide-skyscraper,
  .ad-slot--half-page {
    display: none;
  }
}
@media (min-width: 761px) {
  .ad-slot--mobile-banner {
    display: none;
  }
}
@media (max-width: 1100px) {
  .footer-cols {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 760px) {
  .header-inner {
    grid-template-columns: auto 1fr auto;
  }
  .header-actions {
    gap: 8px;
  }
  .auth-link,
  .social-link {
    display: none;
  }
  .hero-content-inner {
    padding: 0 24px;
  }
  .section-title {
    padding: 36px 24px 20px;
  }
  .header-nav {
    justify-content: flex-start;
    gap: 16px;
  }
  .header-nav-item {
    letter-spacing: 0.08em;
    font-size: 10px;
  }
  .feed {
    padding: 12px 12px 60px;
  }
  .feed-grid {
    gap: 3px;
  }
  .card-title {
    font-size: 13px;
  }
  .newsletter-band-inner {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 40px 24px;
  }
  .footer-cols {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 8px;
  }
}
[data-theme="white"] .site-header {
  color: #1a1a1a;
  background: #fff;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
[data-theme="white"] .site-header.scrolled {
  box-shadow: 0 6px 18px #00000014;
}
[data-theme="white"] .header-nav-item {
  color: #1a1a1a80;
}
[data-theme="white"] .header-nav-item:hover {
  color: #1a1a1ad9;
}
[data-theme="white"] .header-nav-item.active {
  color: var(--accent);
}
[data-theme="white"] .theme-picker {
  border-right-color: #0000001f;
}
[data-theme="white"] .lang-toggle {
  background: #0000000d;
  border-color: #0000001a;
}
[data-theme="white"] .lang-toggle button {
  color: #1a1a1a8c;
}
[data-theme="white"] .lang-toggle button.active {
  color: #fff;
}
[data-theme="white"] .lang-indicator {
  background: #1a1a1a;
}
[data-theme="white"] .social-link {
  color: #1a1a1ab3;
}
[data-theme="white"] .social-link:hover {
  color: #1a1a1a;
  background: #0000000d;
}
[data-theme="white"] .hero {
  background: #fff;
}
[data-theme="white"] .hero-slide:after {
  background: 0 0;
}
[data-theme="white"] .hero-cta {
  color: #fff;
  background: #1a1a1a;
}
[data-theme="white"] .hero-cta:hover {
  background: #000;
}
[data-theme="white"] .newsletter-band {
  color: #1a1a1a;
  background: #f7f4ee;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
[data-theme="white"] .newsletter-band-eyebrow {
  color: #1a1a1ab3;
}
[data-theme="white"] .newsletter-band-title,
[data-theme="white"] .newsletter-band-title em {
  color: #1a1a1a;
}
[data-theme="white"] .newsletter-band-sub {
  color: #1a1a1aa6;
}
[data-theme="white"] .newsletter-band-input {
  border-color: var(--line);
  color: #1a1a1a;
  background: #fff;
}
[data-theme="white"] .newsletter-band-input::placeholder {
  color: #1a1a1a66;
}
[data-theme="white"] .newsletter-band-input:focus {
  background: #fff;
  border-color: #1a1a1a;
}
[data-theme="white"] .newsletter-band-submit {
  color: #fff;
  background: #1a1a1a;
}
[data-theme="white"] .newsletter-band-submit:hover {
  background: #000;
}
[data-theme="white"] .feed-more {
  color: #fff;
  background: #1a1a1a;
}
[data-theme="white"] .feed-more:hover {
  background: #000;
}
[data-theme="white"] .post-meta,
[data-theme="white"] .post-back {
  color: #1a1a1a;
}
[data-theme="white"] .post-back:hover {
  color: #000;
}
@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}