/* montserrat-cyrillic-ext-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/48819d8069db353bf367.woff2) format('woff2'), url(/generated/2f4f3fad030354644125.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/e9a8c7ab13bdd27c4367.woff2) format('woff2'), url(/generated/094046403cdb6987dcb3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/f5f00c77f6b700f6d8a0.woff2) format('woff2'), url(/generated/755285a3ea14f973af6f.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;
}

/* montserrat-latin-ext-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/8a16a13350ce266b74d7.woff2) format('woff2'), url(/generated/62d005900903066abe07.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;
}

/* montserrat-latin-900-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/generated/d04f8ff214f46e5409f0.woff2) format('woff2'), url(/generated/833167632d4a78ff1e3f.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;
}
/* calistoga-vietnamese-400-normal */
@font-face {
  font-family: 'Calistoga';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/74946b32148e779aaf53.woff2) format('woff2'), url(/generated/7d13c16fe1add0ce37bb.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;
}

/* calistoga-latin-ext-400-normal */
@font-face {
  font-family: 'Calistoga';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/2678f68646058a8115af.woff2) format('woff2'), url(/generated/eccf31a1b6c9bb453273.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;
}

/* calistoga-latin-400-normal */
@font-face {
  font-family: 'Calistoga';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/4f7a15d03d0c3047dbe1.woff2) format('woff2'), url(/generated/53680ba9e66c7dce1445.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;
}
/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/39fbf8d2c4abc46f721f.woff2) format('woff2'), url(/generated/818b84180553acc613f3.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/89455522650c3fb3654c.woff2) format('woff2'), url(/generated/dd21c71421d58232ef03.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/f2ef63e732b18d636044.woff2) format('woff2'), url(/generated/fc80974ec6969ee03fd2.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/e685387f69602567b1da.woff2) format('woff2'), url(/generated/b412faded087fbcfa4ff.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/44c9df135eec470b0ab6.woff2) format('woff2'), url(/generated/aaa15d735e3826061950.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;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/210fb826cb25acbd4094.woff2) format('woff2'), url(/generated/c616205185f0d3677df9.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;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/generated/eca1e21531598d5db58f.woff2) format('woff2'), url(/generated/2ea1079c0069eb040a52.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;
}
/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/b0c28c6752a13fa5abaf.woff2) format('woff2'), url(/generated/43f6f7e8a4205f05e58c.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/533055ff3700190d8dfa.woff2) format('woff2'), url(/generated/9f2de06ca9a7c8458434.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/c9429f4b77b1f85e999d.woff2) format('woff2'), url(/generated/0f8675bdd7f3fe3a3dba.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/3f04511ca7c0cea0cc2f.woff2) format('woff2'), url(/generated/8b95c1e2b193d0541864.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/d1c85cabbe96efcaeb68.woff2) format('woff2'), url(/generated/05b640f829d1ac5ff29d.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;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/bc59219ed344909a4f53.woff2) format('woff2'), url(/generated/d4a91814dd3f1e022ab1.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;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/generated/1104236696a5d2d1f236.woff2) format('woff2'), url(/generated/c73ae7252669254d2588.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: #4D0D00;
  --primary-200: #791A00;
  --primary-300: #A62B00;
  --primary-400: #CE3F03;
  --primary-500: #EE550F;
  --primary-600: #FB743C;
  --primary-700: #FF9773;
  --primary-800: #FFBEAC;
  --primary-900: #FFEAE6;
  --secondary-100: #4D3500;
  --secondary-200: #795200;
  --secondary-300: #A66D00;
  --secondary-400: #CF8600;
  --secondary-500: #EF9E07;
  --secondary-600: #FCBF39;
  --secondary-700: #FFDA73;
  --secondary-800: #FFEFAC;
  --secondary-900: #FFFCE6;
  --tertiary-100: #01294A;
  --tertiary-200: #063F71;
  --tertiary-300: #0E5395;
  --tertiary-400: #1966B6;
  --tertiary-500: #2778D4;
  --tertiary-600: #4E9CE8;
  --tertiary-700: #7ABEF6;
  --tertiary-800: #ACDDFE;
  --tertiary-900: #E6F6FF;
  --gray-100: #292724;
  --gray-200: #403D39;
  --gray-300: #57534E;
  --gray-400: #6E6A64;
  --gray-500: #84807A;
  --gray-600: #A09D97;
  --gray-700: #BCB9B5;
  --gray-800: #D8D6D3;
  --gray-900: #F3F2F1;
  --success-100: #306600;
  --success-200: #398400;
  --success-300: #409D08;
  --success-400: #46B216;
  --success-500: #4EC327;
  --success-600: #6BDB4D;
  --success-700: #8DED79;
  --success-800: #B5F9AC;
  --success-900: #E6FFE6;
  --error-100: #4D0000;
  --error-200: #790000;
  --error-300: #A20000;
  --error-400: #C50508;
  --error-500: #E41014;
  --error-600: #F23E41;
  --error-700: #FC7373;
  --error-800: #FFACAC;
  --error-900: #FFE6E6;

  --font-display: 'Montserrat', sans-serif;
  --font-heading: 'Calistoga', serif;
  --font-text: 'Inter', 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.02em;

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

  --font-size-h1: 3rem;
  --font-weight-h1: 400;
  --font-line-height-h1: 1.2;
  --font-letterspacing-h1: 0;

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

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

  --font-size-h4: 1.125rem;
  --font-weight-h4: 400;
  --font-line-height-h4: 1.2;
  --font-letterspacing-h4: 0.02em;

  --font-size-h5: 1rem;
  --font-weight-h5: 400;
  --font-line-height-h5: 1.2;
  --font-letterspacing-h5: 0.03em;

  --font-size-h6: 0.875rem;
  --font-weight-h6: 400;
  --font-line-height-h6: 1.2;
  --font-letterspacing-h6: 0.05em;

  --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;

  --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: 95ch;
  --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;
  --rhythm-2xl: 4.5rem;
  --rhythm-3xl: 6.25rem;

  --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-100);
  background-color: var(--gray-900);

  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:visited:focus,
.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-300);
  transition: color var(--transition-md);
}

@media (hover: hover) {
  a:hover,
  a:visited:hover {
    color: var(--primary-500);
  }
}

a:focus-visible,
a:visited:focus-visible {
  color: var(--primary-500);
}

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-400);
}

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-400);
}

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-400);
}

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-300);
}

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-300);
}

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-200);
}

.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);
  color: var(--tertiary-500);
}

.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);
  color: var(--tertiary-500);
}

.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);
  color: var(--tertiary-500);
}

.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);
  color: var(--tertiary-500);
}

@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);
}

: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);
  }
}
.site-header {
  --site-header-outer-padding: 0px;
  --site-header-inner-height: 55px;
  --site-header-outer-height: 55px;
  position: relative;
  height: 55px;
  height: var(--site-header-outer-height);
  padding: 0px;
  padding: var(--site-header-outer-padding);
  margin-bottom: var(--rhythm-sm);
  z-index: 100;
}

.site-header .inner {
  background-color: var(--gray-900);
  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;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: start;
  align-items: center;
  height: var(--site-header-inner-height);
  transition: height 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)));
}

.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: 71px;
  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-300);
  width: 100%;
  height: 100%;
  transition: fill var(--transition-md);
}

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

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

.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-300);
  transition: fill var(--transition-md);
}

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

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

.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-300);
  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-500);
  }
}

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

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

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

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

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

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

  .site-header .logo {
    padding: 0.25px;
    height: 80.5px;
    width: 132px;
  }

  .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-300);
    transition: color var(--transition-md);
  }

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

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