html {
	font-size: clamp(0.9375rem, 0.875rem + 0.28vw, 1.125rem);
}

:root {
	--hpet-black: #231F20;
	--hpet-white: #FFFFFF;
	--hpet-green: #33B540;
	--hpet-green-accessible: #268830;
	--hpet-green-band: #BCE0C8;
	--hpet-red: #ED1C24;
	--hpet-red-accessible: #E81B23;
	--hpet-gray: #6F6D6D;
	--hpet-gray-on-band: #5F5E5E;
	--hpet-gray-light: #B1B0B0;
	--hpet-blue: #375EB4;

	--hpet-bg: var(--hpet-white);
	--hpet-bg-band: var(--hpet-green-band);
	--hpet-bg-muted: #F5F5F5;
	--hpet-text: var(--hpet-black);
	--hpet-accent: var(--hpet-green-accessible);
	--hpet-warning: var(--hpet-red-accessible);
	--hpet-border: var(--hpet-black);
	--hpet-border-soft: var(--hpet-gray-light);

	--hpet-font-body: "Oxanium", system-ui, -apple-system, "Segoe UI", sans-serif;
	--hpet-font-text: "Exo 2", "Oxanium", system-ui, -apple-system, "Segoe UI", sans-serif;
	--hpet-font-buy: var(--hpet-font-body);

	--hpet-fs-xs: max(0.75rem, 12px);
	--hpet-fs-sm: 0.875rem;
	--hpet-fs-base: 1rem;
	--hpet-fs-md: 1.125rem;
	--hpet-fs-lg: 1.5rem;
	--hpet-fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
	--hpet-fs-2xl: clamp(1.875rem, 1.4rem + 2.2vw, 2.75rem);
	--hpet-fs-3xl: clamp(2.25rem, 1.5rem + 3.6vw, 4rem);

	--hpet-lh-tight: 1.15;
	--hpet-lh-base: 1.5;

	--hpet-weight-light: 300;
	--hpet-weight-normal: 400;
	--hpet-weight-medium: 500;
	--hpet-weight-semibold: 600;
	--hpet-weight-bold: 700;

	--hpet-sp-1: 0.25rem;
	--hpet-sp-2: 0.5rem;
	--hpet-sp-3: 0.75rem;
	--hpet-sp-4: 1rem;
	--hpet-sp-6: 1.5rem;
	--hpet-sp-8: 2rem;
	--hpet-sp-12: 3rem;
	--hpet-sp-16: 4rem;
	--hpet-sp-24: 6rem;

	--hpet-band-y: clamp(2.5rem, 1.5rem + 4vw, 6rem);
	--hpet-gutter: clamp(1rem, 0.5rem + 2.5vw, 3rem);
	--hpet-container: 90rem;
	--hpet-container-text: 56rem;

	--hpet-header-h: clamp(3.25rem, 9.583vw, 11.5rem);
	--hpet-footer-h: clamp(4.5rem, 13.63vw, 12rem);

	--hpet-border-width: 2px;
	--hpet-radius-buy: 0.16em;
	--hpet-transition: 200ms ease;

	--hpet-z-header: 100;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("../fonts/oxanium-200.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("../fonts/oxanium-200-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/oxanium-300.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/oxanium-300-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/oxanium-400.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/oxanium-400-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/oxanium-500.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/oxanium-500-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/oxanium-600.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/oxanium-600-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/oxanium-700.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/oxanium-700-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/oxanium-800.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Oxanium";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/oxanium-800-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("../fonts/exo2-100.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("../fonts/exo2-100-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("../fonts/exo2-200.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: url("../fonts/exo2-200-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/exo2-300.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/exo2-300-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/exo2-400.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/exo2-400-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/exo2-500.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/exo2-500-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/exo2-600.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/exo2-600-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/exo2-700.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/exo2-700-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/exo2-800.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../fonts/exo2-800-ext.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../fonts/exo2-900.woff2") format("woff2");
	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;
}

@font-face {
	font-family: "Exo 2";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../fonts/exo2-900-ext.woff2") format("woff2");
	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;
}