/* exo-vietnamese-900-normal */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/79dbfb2b367f5630df51.woff2) format('woff2'), url(/generated/dd057c922a01dae8427c.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* exo-latin-ext-900-normal */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/5a4b04f46bdaf215a3e3.woff2) format('woff2'), url(/generated/b73386a15905761f52bd.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* exo-latin-900-normal */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/3dd18bb85b7045833b18.woff2) format('woff2'), url(/generated/a3dcb027602401bc0633.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* lora-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/generated/5c01185dd1dcbf85754a.woff2) format('woff2'), url(/generated/6bf6813c9dcba5c5ff51.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* lora-cyrillic-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/generated/7ce20355da5e048f3ecb.woff2) format('woff2'), url(/generated/b52ac49103fbaa109dd4.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* lora-math-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/generated/256e9b2a1e42fae1a24e.woff2) format('woff2'), url(/generated/9d929f69b48c5f99b468.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* lora-symbols-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/generated/58fde185517e6fda1d0f.woff2) format('woff2'), url(/generated/6f20e34c586b37a4774d.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* lora-vietnamese-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/generated/33793d517059e265d952.woff2) format('woff2'), url(/generated/08aa4bcbf9d2b4c87a08.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* lora-latin-ext-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/generated/cef30353fe980ce0aa85.woff2) format('woff2'), url(/generated/6b6a9c84354bee660d4a.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* lora-latin-600-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/generated/1e043e6c855474af040b.woff2) format('woff2'), url(/generated/ad2310d3e8084ffedd97.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* lora-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/8b172a8bc75150f4a476.woff2) format('woff2'), url(/generated/74a635779347be33a57f.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* lora-cyrillic-700-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/66a9cee03be9753e20b5.woff2) format('woff2'), url(/generated/394106e705c83259e417.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* lora-math-700-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/bced7c5b738788af07c8.woff2) format('woff2'), url(/generated/a1c6c6ad08929ac0f7d5.woff) format('woff');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* lora-symbols-700-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/4a95deb9f7eb84d94400.woff2) format('woff2'), url(/generated/9db21144d0ef3a82e7a9.woff) format('woff');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* lora-vietnamese-700-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/2acb033451efc784d700.woff2) format('woff2'), url(/generated/54329b935e02aeb98ba1.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* lora-latin-ext-700-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/bcda2b1f87338e040a89.woff2) format('woff2'), url(/generated/0950a5c374b6337249fb.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* lora-latin-700-normal */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/46260043d56f8afa61fe.woff2) format('woff2'), url(/generated/6036e67f2c09b23ddc93.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* metrophobic-vietnamese-400-normal */
@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/97ece42a1be265ba8fae.woff2) format('woff2'), url(/generated/2f5eb268b269cb52d9fe.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* metrophobic-latin-ext-400-normal */
@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/c99170dac306a9f904ee.woff2) format('woff2'), url(/generated/11a3a5efc450a155ff40.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* metrophobic-latin-400-normal */
@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/58910e7b9d09eb4fa460.woff2) format('woff2'), url(/generated/11ce90ffeac54eebc15f.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* jetbrains-mono-cyrillic-ext-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/7347c7bfed47f1ef0b25.woff2) format('woff2'), url(/generated/831e0db23a3b56373d02.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* jetbrains-mono-cyrillic-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/f69e1e24f04a6ce942c0.woff2) format('woff2'), url(/generated/d0dbe121eb8ccfff69fd.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* jetbrains-mono-greek-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/3a4578ae9901384175e2.woff2) format('woff2'), url(/generated/55220d4dce9386883dd6.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* jetbrains-mono-vietnamese-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/aa664ef15f2e285e9dda.woff2) format('woff2'), url(/generated/411bbf704034dd802498.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* jetbrains-mono-latin-ext-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/e83b764e84e73968db26.woff2) format('woff2'), url(/generated/dfdc51c009ca3dea7613.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* jetbrains-mono-latin-400-normal */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/d04352f240062b100fba.woff2) format('woff2'), url(/generated/1fef352a4021940e309a.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
	-moz-tab-size: 4;
	  -o-tab-size: 4;
	     tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/

body {
	margin: 0; /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

:root {
  --primary-100: #3B2405;
  --primary-200: #6A4006;
  --primary-300: #9A5C06;
  --primary-400: #CC7804;
  --primary-500: #FF9400;
  --primary-600: #FFAD39;
  --primary-700: #FFC573;
  --primary-800: #FFDDAC;
  --primary-900: #FFF5E6;
  --accent-100: #05253B;
  --accent-200: #07416A;
  --accent-300: #075D9A;
  --accent-400: #0579CC;
  --accent-500: #0296FF;
  --accent-600: #39AEFF;
  --accent-700: #73C6FF;
  --accent-800: #ACDEFF;
  --accent-900: #E6F5FF;
  --gray-50: #141414;
  --gray-100: #1F211F;
  --gray-200: #363937;
  --gray-300: #4D524E;
  --gray-400: #636B65;
  --gray-500: #7A847C;
  --gray-600: #98A09A;
  --gray-700: #B6BBB7;
  --gray-800: #D4D7D5;
  --gray-900: #F2F3F2;
  --success-100: #0B3514;
  --success-200: #125E22;
  --success-300: #17882F;
  --success-400: #1BB33C;
  --success-500: #1EE048;
  --success-600: #4DEB6F;
  --success-700: #7EF398;
  --success-800: #B1F9C1;
  --success-900: #E7FEEC;
  --error-100: #33120D;
  --error-200: #5B1F16;
  --error-300: #832B1D;
  --error-400: #AD3623;
  --error-500: #D84028;
  --error-600: #E46955;
  --error-700: #EE9384;
  --error-800: #F6BEB5;
  --error-900: #FDEBE8;

  --font-display: 'Exo', sans-serif;
  --font-heading: 'Lora', serif;
  --font-text: 'Metrophobic', sans-serif;

  --font-size-display-lg: 4.5rem;
  --font-weight-display-lg: 900;
  --font-line-height-display-lg: 1.2;
  --font-letterspacing-display-lg: 0.01em;

  --font-size-display-md: 3rem;
  --font-weight-display-md: 900;
  --font-line-height-display-md: 1.2;
  --font-letterspacing-display-md: 0.01em;

  --font-size-display-sm: 1.5rem;
  --font-weight-display-sm: 900;
  --font-line-height-display-sm: 1.2;
  --font-letterspacing-display-sm: 0.01em;

  --font-size-display-xs: 1rem;
  --font-weight-display-xs: 900;
  --font-line-height-display-xs: 1.2;
  --font-letterspacing-display-xs: 0.01em;

  --font-size-h1: 3rem;
  --font-weight-h1: 600;
  --font-line-height-h1: 1.2;
  --font-letterspacing-h1: 0.01em;

  --font-size-h2: 2.25rem;
  --font-weight-h2: 600;
  --font-line-height-h2: 1.2;
  --font-letterspacing-h2: 0.01em;

  --font-size-h3: 1.5rem;
  --font-weight-h3: 600;
  --font-line-height-h3: 1.2;
  --font-letterspacing-h3: 0.01em;

  --font-size-h4: 1.125rem;
  --font-weight-h4: 700;
  --font-line-height-h4: 1.2;
  --font-letterspacing-h4: 0.01em;

  --font-size-h5: 1rem;
  --font-weight-h5: 700;
  --font-line-height-h5: 1.2;
  --font-letterspacing-h5: 0.01em;

  --font-size-h6: 0.875rem;
  --font-weight-h6: 700;
  --font-line-height-h6: 1.2;
  --font-letterspacing-h6: 0.01em;

  --font-size-text-xxl: 2rem;
  --font-weight-text-xxl: 400;
  --font-line-height-text-xxl: 1.2;
  --font-letterspacing-text-xxl: 0;

  --font-size-text-xl: 1.5rem;
  --font-weight-text-xl: 400;
  --font-line-height-text-xl: 1.2;
  --font-letterspacing-text-xl: 0;

  --font-size-text-lg: 1.125rem;
  --font-weight-text-lg: 400;
  --font-line-height-text-lg: 1.2;
  --font-letterspacing-text-lg: 0;

  --font-size-text-md: 1rem;
  --font-weight-text-md: 400;
  --font-line-height-text-md: 1.2;
  --font-letterspacing-text-md: 0;

  --font-size-text-sm: 0.75rem;
  --font-weight-text-sm: 400;
  --font-line-height-text-sm: 1.2;
  --font-letterspacing-text-sm: 0;

  --font-size-text-xs: 0.625rem;
  --font-weight-text-xs: 400;
  --font-line-height-text-xs: 1.2;
  --font-letterspacing-text-xs: 0;

  --font-mono: 'JetBrains Mono', monospace;
  --font-size-mono: 1rem;
  --font-weight-mono: 400;
  --font-line-height-mono: 1.2;
  --font-letterspacing-mono: 0;

  --shadow-sm: 1px 1px 2px rgba(0, 0, 0, 0.15);
  --shadow-md: 1px 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-lg: 2px 2px 6px rgba(0, 0, 0, 0.25);
  --shadow-elevation-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-elevation-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-elevation-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-elevation-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);
  --shadow-elevation-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);

  --gutter: 16px;
  --body-max-width: 1200px;
  --body-max-width-with-gutter: calc(var(--body-max-width) + (var(--gutter) * 2));
  --editorial-max-width: 75ch;
  --editorial-max-width-with-gutter: calc(var(--editorial-max-width) + (var(--gutter) * 2));

  --rhythm-xs: 0.5rem;
  --rhythm-sm: 1rem;
  --rhythm-md: 1.5rem;
  --rhythm-lg: 2rem;
  --rhythm-xl: 3rem;

  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.4675rem;

  --transition-sm: 0.15s ease-in-out;
  --transition-md: 0.25s ease-in-out;
  --transition-lg: 0.5s ease-in-out;
  --transition-xl: 1s ease-in-out;
  --transition-xxl: 2s ease-in-out;
  --transition-spring: linear(0, 0.4, 0.7, 0.9, 1.01, 1.02, 1.03, 1.025, 1.015, 1.005, 1.0025, 1.001, 1);
  --transition-spring-sm: 0.15s var(--transition-spring);
  --transition-spring-md: 0.25s var(--transition-spring);
  --transition-spring-lg: 0.5s var(--transition-spring);
  --transition-spring-xl: 1s var(--transition-spring);
  --transition-spring-xxl: 2s var(--transition-spring);

	--scrollbar-track-color: transparent;
	--scrollbar-thumb-color: var(--gray-600);
	--scrollbar-size: 16px;
	--scrollbar-radius: 8px;
}

@media (min-width: 37.5em) {
  :root {
    --gutter: 22px;
  }
}

@media (min-width: 48em) {
  :root {
    --gutter: 26px;
  }
}

@media (min-width: 62.5em) {
  :root {
    --gutter: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-sm: 0.05s ease-in-out;
    --transition-md: 0.075s ease-in-out;
    --transition-lg: 0.1s ease-in-out;
    --transition-xl: 0.15s ease-in-out;
    --transition-xxl: 0.25s ease-in-out;
    --transition-spring-sm: 0.05s ease-in-out;
    --transition-spring-md: 0.075s ease-in-out;
    --transition-spring-lg: 0.1s ease-in-out;
    --transition-spring-xl: 0.15s ease-in-out;
    --transition-spring-xxl: 0.25s ease-in-out;
  }
}

html,
body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  position: relative;
}

body {
  height: 100lvh;
  max-height: 100%;
  width: 100vw;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  color: var(--primary-900);
  background-color: var(--gray-100);

  font-family: var(--font-text);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-text-sm);
  line-height: var(--font-line-height-text-sm);
  letter-spacing: var(--font-letterspacing-text-sm);
}

.skip-nav-link {
  position: absolute;
  overflow: hidden;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
}

.skip-nav-link:focus {
  top: var(--rhythm-sm);
  left: var(--rhythm-sm);
  width: auto;
  height: auto;
  padding: var(--rhythm-xs);
  color: var(--gray-900);
  background-color: var(--primary-400);
  z-index: 900;
  border-radius: var(--radius-sm);
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: var(--font-size-text-md);
  line-height: var(--font-line-height-text-md);
  letter-spacing: var(--font-letterspacing-text-md);
  font-weight: 700;
}

.page-content {
  width: 100%;
  max-width: var(--body-max-width-with-gutter);
  padding: 0 var(--gutter);
  margin: var(--rhythm-md) auto;
}

.page-content.editorial {
  max-width: var(--editorial-max-width-with-gutter);
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

p,
.p {
  font-family: var(--font-text);
  font-size: var(--font-size-text-md);
  font-weight: var(--font-weight-text-md);
  line-height: var(--font-line-height-text-md);
  letter-spacing: var(--font-letterspacing-text-md);
  margin: 0 0 var(--rhythm-sm);
}

a,
a:visited {
  color: var(--primary-800);
}

h1,
.h1 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-h1);
  line-height: var(--font-line-height-h1);
  letter-spacing: var(--font-letterspacing-h1);
  font-size: var(--font-size-h1);
  margin: 0 0 var(--rhythm-sm);
  color: var(--primary-700);
}

h2,
.h2 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-h2);
  line-height: var(--font-line-height-h2);
  letter-spacing: var(--font-letterspacing-h2);
  font-size: var(--font-size-h2);
  margin: 0 0 var(--rhythm-sm);
  color: var(--primary-800);
}

h3,
.h3 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-h3);
  line-height: var(--font-line-height-h3);
  letter-spacing: var(--font-letterspacing-h3);
  font-size: var(--font-size-h3);
  margin: 0 0 var(--rhythm-sm);
  color: var(--primary-800);
}

h4,
.h4 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-h4);
  line-height: var(--font-line-height-h4);
  letter-spacing: var(--font-letterspacing-h4);
  font-size: var(--font-size-h4);
  margin: 0 0 var(--rhythm-sm);
  color: var(--primary-800);
}

h5,
.h5 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-h5);
  line-height: var(--font-line-height-h5);
  letter-spacing: var(--font-letterspacing-h5);
  font-size: var(--font-size-h5);
  margin: 0 0 var(--rhythm-sm);
  color: var(--primary-800);
}

h6,
.h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-h6);
  line-height: var(--font-line-height-h6);
  letter-spacing: var(--font-letterspacing-h6);
  font-size: var(--font-size-h6);
  margin: 0 0 var(--rhythm-sm);
  color: var(--primary-800);
}

.display-lg {
  font-family: var(--font-display);
  font-weight: var(--font-weight-display-lg);
  line-height: var(--font-line-height-display-lg);
  letter-spacing: var(--font-letterspacing-display-lg);
  font-size: var(--font-size-display-lg);
}

.display-md {
  font-family: var(--font-display);
  font-weight: var(--font-weight-display-md);
  line-height: var(--font-line-height-display-md);
  letter-spacing: var(--font-letterspacing-display-md);
  font-size: var(--font-size-display-md);
}

.display-sm {
  font-family: var(--font-display);
  font-weight: var(--font-weight-display-sm);
  line-height: var(--font-line-height-display-sm);
  letter-spacing: var(--font-letterspacing-display-sm);
  font-size: var(--font-size-display-sm);
}

.display-responsive {
  font-family: var(--font-display);
  font-weight: var(--font-weight-display-sm);
  line-height: var(--font-line-height-display-sm);
  letter-spacing: var(--font-letterspacing-display-sm);
  font-size: var(--font-size-display-sm);
}

@media (min-width: 37.5em) {
  .display-responsive {
    font-size: var(--font-size-display-md);
    font-weight: var(--font-weight-display-md);
    line-height: var(--font-line-height-display-md);
    letter-spacing: var(--font-letterspacing-display-md);
  }
}

@media (min-width: 62.5em) {
  .display-responsive {
    font-size: var(--font-size-display-lg);
    font-weight: var(--font-weight-display-lg);
    line-height: var(--font-line-height-display-lg);
    letter-spacing: var(--font-letterspacing-display-lg);
  }
}

li {
  font-size: var(--font-size-text-md);
  font-weight: var(--font-weight-text-md);
  line-height: var(--font-line-height-text-md);
  letter-spacing: var(--font-letterspacing-text-md);
  margin: 0 0 var(--rhythm-sm);
}

code {
  font-family: var(--font-mono);
  font-size: var(--font-size-mono);
  font-weight: var(--font-weight-mono);
  line-height: var(--font-line-height-mono);
  letter-spacing: var(--font-letterspacing-mono);
}

:not(pre) > code {
  background-color: var(--gray-200);
  word-wrap: break-word;
  word-break: break-all;
}

pre {
  max-width: 100%;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  word-break: normal;
  hyphens: none;
}

pre code {
  white-space: pre;
  display: block;
  max-width: 100%;
}

:where(.iconify-inline) {
  display: inline-block;
  width: 1em;
}

.heading-anchor {
  font-size: 1.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
}

hr {
  border: none;
  border-top: 1px solid var(--gray-300);
  margin: var(--rhythm-lg) 0;
}

.markdown-table {
  width: 100%;
  margin-top: var(--rhythm-md);
  margin-bottom: var(--rhythm-md);
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table th,
table td {
  text-align: left;
  padding: 0.5rem 1rem;
  border: 0.5px solid var(--gray-300);

}

table th {
  background-color: var(--gray-200);
  font-weight: var(--font-weight-text-md);
}

blockquote {
  border-left: 4px solid var(--gray-300);
  margin: var(--rhythm-lg) 0 var(--rhythm-md);
  padding: 0 var(--rhythm-sm);
  color: var(--gray-800);
  font-style: italic;
}

figure.blockquote {
  margin-top: var(--rhythm-lg);
  margin-bottom: var(--rhythm-lg);
  margin-left: 0;
  margin-right: 0;
}

figure.blockquote blockquote {
  margin-bottom: 0;
}

figure.blockquote blockquote p:last-of-type {
  margin-bottom: 0;
}

figure.blockquote .blockquote-caption {
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-text-sm);
  line-height: var(--font-line-height-text-sm);
  letter-spacing: var(--font-letterspacing-text-sm);
  border-left: 4px solid var(--gray-300);
  margin: 0 0 var(--rhythm-md);
  padding: 0 var(--rhythm-sm);
  color: var(--gray-800);
  padding-top: 0.5rem;
}

.inline-image {
  margin-top: var(--rhythm-lg);
  margin-bottom: var(--rhythm-lg);
  border-radius: var(--radius-xs);
}

@media(min-width: 48em) {
  .heading-anchor {
    margin-left: -2rem;
  }
}

@media (min-width: 48em) and (pointer: fine) {
  .heading-anchor {
    opacity: 0;
    transition: opacity var(--transition-md);
  }

  .heading-anchor:focus {
    opacity: 1;
  }
}

@media (min-width: 48em) and (pointer: fine) and (hover: hover) {

  h1:hover .heading-anchor,
  h2:hover .heading-anchor,
  h3:hover .heading-anchor,
  h4:hover .heading-anchor,
  h5:hover .heading-anchor,
  h6:hover .heading-anchor {
    opacity: 1;
  }
}

@supports (selector(scrollbar-width)) {
  :where(:root) {
    scrollbar-color: var(--scrollbar-thumb-color) var(--gray-50);
  }

  :where(body *) {
    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
    scrollbar-width: thin;
  }
}

@supports (selector(::-webkit-scrollbar)) {
  ::-webkit-scrollbar-track {
    background: var(--gray-50);
  }

  ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
    border-radius: var(--scrollbar-radius);
    background-clip: padding-box;
    border: calc(var(--scrollbar-size) / 4) solid rgba(0, 0, 0, 0);
  }

  :where(body *)::-webkit-scrollbar {
    width: var(--scrollbar-size);
  }

  :where(body *)::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
  }

  :where(body *)::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
    border-radius: var(--scrollbar-radius);
    background-clip: padding-box;
    border: calc(var(--scrollbar-size) / 4) solid rgba(0, 0, 0, 0);
  }
}

:where(.header-bg) {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50%;
  width: 100vw;
  height: 90vh;
  background: linear-gradient(135deg, var(--gray-100) 15%, var(--gray-300) 100%);
  z-index: -1;
}

:where(.header-bg)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(0deg, var(--gray-100) 0%, transparent 100%);
}

@media (min-width: 62.5em) {
  :where(.header-bg) {
    opacity: 0.85;
    height: 70vh;
    background: linear-gradient(135deg, var(--gray-300) 0%, var(--gray-100) 100%);
  }
}

.site-header {
  --site-header-outer-padding: 6px;
  --site-header-inner-height: 55px;
  --site-header-outer-height: 67px;
  position: relative;
  height: 67px;
  height: var(--site-header-outer-height);
  padding: 6px;
  padding: var(--site-header-outer-padding);
  margin-bottom: var(--rhythm-sm);
  z-index: 100;
}

.site-header .inner {
  background-color: var(--gray-200);
  border-radius: var(--radius-sm);
  border: 0.5px solid var(--gray-300);
  padding-left: calc(var(--gutter) - var(--site-header-outer-padding));
  padding-right: calc(var(--gutter) - var(--site-header-outer-padding));
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: var(--shadow-elevation-2);
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: start;
  align-items: center;
  height: var(--site-header-inner-height);
  transition: height var(--transition-sm), box-shadow var(--transition-sm);
  overflow: hidden;
}

.site-header.menu-open .inner {
  position: static;
  top: var(--site-header-outer-padding);
  left: var(--site-header-outer-padding);
  width: 100%;
  height: calc(100dvh - (2 * var(--site-header-outer-padding)));
  box-shadow: var(--shadow-elevation-3);
}

.site-header .content {
  width: 100%;
  max-width: 1200px;
  display: flex;
  gap: 48px;
  justify-content: space-between;
  align-items: center;
}

.site-header .logo {
  height: 43px;
  width: 48.2px;
  cursor: pointer;
  border-radius: var(--radius-xs);
}

.site-header .logo .lg {
  display: none;
}

.site-header .logo .sm,
.site-header .logo .lg {
  width: 100%;
  height: 100%;
}

.site-header .logo svg {
  fill: var(--primary-900);
  width: 100%;
  height: 100%;
  transition: fill var(--transition-md);
}

@media (hover: hover) {
  .site-header .logo a:hover svg {
    fill: var(--primary-700);
  }
}

.site-header .logo a:focus-visible svg {
  fill: var(--primary-700);
}

.site-header .menu-btn {
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xs);
}

.site-header .menu-btn .open-icon,
.site-header .menu-btn .close-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: opacity var(--transition-sm);
}

.site-header .menu-btn .close-icon {
  opacity: 0;
}

.site-header.menu-open .menu-btn .open-icon {
  opacity: 0;
}

.site-header.menu-open .menu-btn .close-icon {
  opacity: 1;
}

.site-header .menu-btn svg {
  width: 100%;
  height: 100%;
}

.site-header .menu-btn svg path {
  fill: var(--primary-900);
  transition: fill var(--transition-md);
}

@media (hover: hover) {
  .site-header .menu-btn:hover svg path {
    fill: var(--primary-700);
  }
}

.site-header .menu-btn:focus-visible svg path {
  fill: var(--primary-700);
}

.site-header .header-nav {
  display: none;
}

.site-header .menu-nav {
  width: 100%;
  padding: 10px;
  overflow-y: auto;
}

.site-header .menu-nav ul {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  align-items: end;
  justify-content: start;
}

.site-header .menu-nav ul li {
  margin: 0;
  padding: 0;
}

.site-header .menu-nav ul li a {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: var(--font-size-text-xxl);
  font-weight: var(--font-weight-text-xxl);
  letter-spacing: var(--font-letterspacing-text-xxl);
  line-height: 1;
  color: var(--primary-900);
  padding-top: 2px;
  padding-bottom: 2px;
  transition: color var(--transition-md);
}

@media (hover: hover) {
  .site-header .menu-nav ul li a:hover {
    color: var(--primary-700);
  }
}

.site-header .menu-nav ul li a:focus-visible {
  color: var(--primary-700);
}

@media (min-width: 37.5em) {
  .site-header {
    --site-header-outer-padding: 10px;
    --site-header-inner-height: 59.33px;
    --site-header-outer-height: 79.33px;
  }

  .site-header .logo {
    height: 48px;
    width: 130px;
  }

  .site-header .logo .sm {
    display: none;
  }

  .site-header .logo .lg {
    display: block;
    translate: -5px;
  }
}

@media (min-width: 62.5em) {
  .site-header {
    --site-header-inner-height: auto;
    --site-header-outer-height: auto;
  }

  .site-header .logo {
    height: 65px;
    width: 175px;
  }

  .site-header .logo .lg {
    translate: -10px;
  }

  .site-header .menu-btn {
    display: none;
  }

  .site-header .menu-nav {
    display: none;
  }

  .site-header .header-nav {
    display: block;
    padding: 10px;
  }

  .site-header .header-nav ul {
    list-style: none;
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: end;
  }

  .site-header .header-nav ul li {
    margin: 0;
    padding: 0;
  }

  .site-header .header-nav ul li a {
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: var(--font-size-text-lg);
    font-weight: var(--font-weight-text-lg);
    letter-spacing: var(--font-letterspacing-text-lg);
    line-height: 1;
    color: var(--primary-900);
    transition: color var(--transition-md);
  }

  @media (hover: hover) {
    .site-header .header-nav ul li a:hover {
      color: var(--primary-700);
    }
  }

  .site-header .header-nav ul li a:focus-visible {
    color: var(--primary-700);
  }
}
.breadcrumb-nav ol.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-width: var(--body-max-width-with-gutter);
  padding: 0 var(--gutter);
  margin: 0 auto;
}

.breadcrumb-nav ol.breadcrumbs li.breadcrumb {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.breadcrumb-nav ol.breadcrumbs li.breadcrumb:not(:last-of-type)::after {
  content: '›';
  color: var(--gray-800);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-text-sm);
  line-height: var(--font-line-height-text-sm);
  letter-spacing: var(--font-letterspacing-text-sm);
}

.breadcrumb-nav ol.breadcrumbs li.breadcrumb a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--primary-700);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-text-sm);
  line-height: var(--font-line-height-text-sm);
  letter-spacing: var(--font-letterspacing-text-sm);
}